/**
 * Base CSS
 */

/* Skip link for accessibility */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--blue-sky-600);
  color: var(--white);
  padding: 8px 16px;
  text-decoration: none;
  z-index: 10000;
  border-radius: 0 0 4px 0;
}

.skip-link:focus {
  top: 0;
  outline: 3px solid var(--blue-sky-300);
  outline-offset: 2px;
}

/* Screen reader only class for accessibility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Focus styles for accessibility */
*:focus-visible {
  outline: 2px solid var(--blue-sky-600);
  outline-offset: 2px;
}

button:focus-visible,
a:focus-visible,
input:focus-visible:not(.searchArea__input),
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--blue-sky-600);
  outline-offset: 2px;
}

/* body styles */
body.isModalWinOpened {
  overflow: hidden;
}

body.isModalWinOpened .modalWin {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
  backdrop-filter: blur(4px);
  background: #12121266;
}

body.isNavbarOpened,
body.isModalOpened {
  overflow: hidden;
}

body.isNavbarOpened .burgerMenu__line {
  display: none;
}

body.isNavbarOpened .burgerMenu::before {
  transform: rotate(45deg) translateY(-50%);
  top: 50%;
}

body.isNavbarOpened .burgerMenu::after {
  transform: rotate(-45deg) translateY(50%);
  bottom: 50%;
}

@media (max-width: 575px) {
  body.isNavbarOpened .mobPanel {
    transform: translate3d(0, 0, 0);
  }
}

@media (min-width: 576px) {
  body.isNavbarOpened .navDropdown {
    opacity: 1;
    visibility: visible;
    overflow: visible;
    height: auto;
  }
}

/* From 360px+, use the dropdown/accordion menu (not the mobile off-canvas panel) */
@media (min-width: 576px) {
  body.isNavbarOpened > .header > .header__mobPanel {
    display: none !important;
  }
}

body.isNavbarOpened .overlay {
  display: block;
}

.container-fluid {
  max-width: 1312px;
  padding: 0 16px;
  margin: 0 auto;
  width: 100%;
  min-height: 1px; /* Prevent layout shift by reserving minimum space */
  box-sizing: border-box;
}

.section {
  padding: 64px 0;
}

/*@media (min-width: 992px) {
    .section {
        padding: 112px 0;
    }
}*/

.section.isSectionGray {
  background-color: var(--gray-100);
}

.strokeIcon,
.icon {
  width: 24px;
  height: 24px;
  flex: none;
}

.icon {
  fill: currentColor;
}

.strokeIcon {
  fill: none;
}

.overlay {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #1e1e1e99;
  z-index: 98;
  display: none;
}

/**
 * Button
 */
.button {
  background: transparent;
  color: inherit;
  border: 1px solid transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 500;
  font-family: inherit;
  line-height: 1.4;
  cursor: pointer;
  user-select: none;
  outline: none;
  border-radius: var(--border-radius-8);
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
  position: relative;
}

@media (min-width: 767px) {
  .button {
    font-size: 16px;
  }
}

.button__text {
  font-size: 14px;
  transition: inherit;
}

.button__text + .button__icon {
  margin-left: 8px;
}

.button__icon {
  fill: currentColor;
  width: 14px;
  height: 14px;
  flex: none;
}

.button__icon + .button__text {
  margin-left: 8px;
}

/* Button Size */
.button.buttonSm {
  padding: 10px 16px;
}
/* /Button Size */

/* Buttons Types */
.button.buttonPrimary {
  color: var(--white);
  background: var(--blue-sky-600);
}

@media (hover: hover) {
  .button.buttonPrimary:hover {
    background: var(--blue-sky-700);
    color: var(--white);
    border-color: var(--blue-sky-700);
  }
}

.button.buttonPrimary:active {
  background: var(--blue-sky-800);
  color: var(--white);
  border-color: var(--blue-sky-800);
}

/* btnPrimaryReverse */
.button.buttonPrimaryReverse {
  color: var(--blue-sky-600);
  background: var(--blue-sky-100);
}

@media (hover: hover) {
  .button.buttonPrimaryReverse:hover {
    color: var(--blue-sky-600);
    background: var(--blue-sky-150);
  }
}

.button.buttonPrimaryReverse:active {
  color: var(--blue-sky-600);
  background: var(--blue-sky-300);
}

/* btnSecondary */
.button.buttonSecondary {
  color: var(--white);
  background: var(--gray-900);
}

@media (hover: hover) {
  .button.buttonSecondary:hover {
    background: var(--gray-700);
    color: var(--white);
    border-color: var(--gray-700);
  }
}

.button.buttonSecondary:active {
  background: var(--gray-600);
  color: var(--white);
  border-color: var(--gray-600);
}

/* btnSecondaryReverse */
.button.buttonSecondaryReverse {
  color: var(--gray-700);
  background: var(--gray-200);
}

@media (hover: hover) {
  .button.buttonSecondaryReverse:hover {
    background: var(--gray-900);
    color: var(--white);
  }
}

.button.buttonSecondaryReverse:active {
  background: var(--gray-600);
  color: var(--white);
}

/* buttonGray */
.button.buttonGray {
  background: var(--gray-200, #f1f1f1);
  color: var(--black, #121212);
}

@media (hover: hover) {
  .button.buttonGray:hover {
    background: var(--gray-250, #d9d9d9);
  }
}

.button.buttonGray:active {
  background: var(--gray-300, #b2b2b2);
}

/* /Buttons Types */

/* Button Radius Full */
.button.buttonRadiusFull {
  border-radius: var(--border-radius-full);
}
/* /Button Radius Full */

/* Buttons Disabled */
.button[disabled],
.button.disabled {
  cursor: default;
  pointer-events: none;
  opacity: 0.6;
  filter: grayscale(100%);
}
/* /Buttons Disabled */

/* buttonLink*/
.buttonLink {
  display: inline-flex;
  align-items: center;
  text-decoration: underline;
  font-size: 16px;
  line-height: 1.3;
}

.buttonLink__icon {
  width: 12px;
  height: 12px;
  flex: none;
  color: inherit;
}

.buttonLink__text + .buttonLink__icon {
  margin-left: 10px;
}

.buttonLink__icon + .buttonLink__text {
  margin-left: 10px;
}

.buttonLink:hover {
  text-decoration: none;
}

.buttonLink.buttonLinkPrimary {
  color: var(--blue-sky-600);
}

.buttonLink.buttonLinkSecondary {
  color: var(--black);
}
/**
 * Button End
 */

/**
 * sectionHeader START
 */
.sectionHeader__logoWrap {
  max-width: 80px;
  display: block;
}

.sectionHeader__logoWrap:not(:last-child) {
  margin-bottom: 24px;
}

.sectionHeader__logo {
  width: 100%;
  height: auto;
  display: block;
}

.sectionHeader__caption:not(:last-child) {
  margin-bottom: 16px;
}

.sectionHeader__heading:not(:last-child) {
  margin-bottom: 24px;
}

.sectionHeader__desc:not(:last-child) {
  margin-bottom: 24px;
}

.sectionHeader:has(.sectionHeader__colRight) {
  display: flex;
  flex-direction: column;
  gap: 32px;
  justify-content: space-between;
}

@media (min-width: 992px) {
  .sectionHeader:has(.sectionHeader__colRight) {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  .sectionHeader:has(.sectionHeader__colRight) .sectionHeader__textContent {
    min-width: 50%;
  }
}

.sectionHeader__colRight {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.sectionHeader__buttons {
  display: flex;
  gap: 16px;
  align-items: flex-end;
}

.sectionHeader__buttons .button .button__text {
  font-size: var(--text-body-md-500-font-size);
}

.sectionCaption {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-700);
  display: block;
}

.sectionHeading {
  font-family: 'Onest';
  font-weight: 600;
  line-height: 1.2;
  font-size: 32px;
  letter-spacing: -0.02em;
}

.kpi-section-header {
  display: flex;
  align-items: center;
  height: 100%;
}

.sectionHeading.isPersonalCabinet {
  font-size: 48px;
}

@media (min-width: 768px) {
  .sectionHeading {
    font-size: 48px;
  }
}

.sectionHeading.isSm {
  font-size: 32px !important;
}

@media (min-width: 768px) {
  .sectionHeading.isSm {
    font-size: 48px;
  }
}

@media (max-width: 991px) {
  .sectionHeading.isSm br {
    display: none;
  }
}

@media (max-width: 576px) {
  .sectionHeader__buttons .button {
    width: 100%;
  }
}

.sectionDesc {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--gray-700);
}

.informerSection .sectionHeader__desc.sectionDesc {
  font-size: 16px;
}
/**
 * sectionHeader END
 */

/* global styles */
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

a {
  text-decoration: none;
}

::placeholder {
  color: var(--gray-400);
}

.input {
  /*iOS shadow*/
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  position: relative;
  padding: 12px 16px;
  width: 100%;
  font-size: 16px;
  outline: none;
  border-radius: var(--border-radius-8);
  border: 2px solid var(--gray-250);
  background: var(--white);
  font-family: inherit;
  transition: all 0.3s;
  color: inherit;
  line-height: 1.25;
}

.input.border-radius-full {
  border-radius: var(--border-radius-full);
}

.input:hover {
  border-color: var(--gray-600);
}

.input:focus:not(.searchArea__input),
.input:focus-visible:not(.searchArea__input) {
  border-color: var(--blue-sky-600);
  outline: 2px solid var(--blue-sky-600);
  outline-offset: 2px;
  box-shadow: 0 0 0 4px #ccdef6;
}

.label {
  user-select: none;
  cursor: pointer;
  font-size: 12px;
  margin-bottom: 0.5rem;
  display: inline-block;
}

/* searchArea styles */
.searchArea__fieldWrap {
  position: relative;
}

.searchArea__fieldWrap.isSearchOpened
  .searchArea__field.hasGradientInput::after {
  opacity: 1;
}

.searchArea__fieldWrap.isSearchOpened .searchArea__searchContent {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

.searchArea__field {
  position: relative;
}

.searchArea__field.hasGradientInput::before,
.searchArea__field.hasGradientInput::after {
  content: '';
  width: calc(100% + 8px);
  height: calc(100% + 12px);
  border-radius: var(--border-radius-16);
  position: absolute;
  top: -4px;
  left: -4px;
  transition: opacity 0.3s linear;
}

.searchArea__field.hasGradientInput::before {
  background: var(--gray-600);
  z-index: -2;
}

.searchArea__field.hasGradientInput::after {
  background: linear-gradient(90deg, #0058d2, #a877ff);
  z-index: -1;
  opacity: 0;
}

/*   removed :focus-within and changed it to .isActive */
.searchArea__field.hasGradientInput.isActive::after,
.searchArea__field.hasGradientInput:hover::after,
.searchArea__field.hasGradientInput:focus-within::after {
  opacity: 1;
}

/*   removed :focus-within and changed it to .isActive */
.searchArea__field.isActive + .searchArea__searchContent {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

.searchArea__field.hasGradientInput .searchArea__input {
  border-radius: var(--border-radius-12);
  border: none;
  box-shadow: none;
}

.searchArea__field:has(.icon) .searchArea__input,
.searchArea__field:has(.strokeIcon) .searchArea__input {
  padding-left: 48px;
  padding-right: 48px;
}

.searchArea__field.hasGradientInput .searchArea__input:focus,
.searchArea__field.hasGradientInput .searchArea__input:focus-visible {
  box-shadow: none;
  outline: 2px solid var(--blue-sky-600);
  outline-offset: -2px;
}

.searchArea__btnSearch {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  z-index: 1;
}

.searchArea__btnResult {
  padding: 10px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
}

.searchArea__btnResult .btn__icon {
  width: 14px;
  height: 14px;
}

.searchArea__field:has(.searchArea__btnResult) .searchArea__btnClose {
  right: 60px;
}

.searchArea__field:has(.searchArea__btnResult) .searchArea__input.input {
  padding-right: 90px;
}

.searchArea__btnClose {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 2px;
  border-radius: var(--border-radius-full);
  background-color: var(--gray-200);
  color: var(--gray-400);
}

.searchArea__btnIcon {
  width: 100%;
  height: 100%;
}

.searchArea__btnClose,
.searchArea__spin {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.searchArea__searchContent {
  position: absolute;
  top: calc(100% + 12px);
  z-index: 10;
  left: 0;
  right: 0;
  min-height: 480px;
  text-align: left;
  padding: 8px;
  box-shadow: 0 5px 12px 0 #00000014;
  transform: translate3d(0, -2px, 0);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.searchArea__field.isActive + .searchArea__searchContent.empty {
  min-height: 224px;
  display: flex;
  padding: var(--spacing-20) var(--spacing-8) var(--spacing-32) var(--spacing-8);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-4);
}

.searchContent__body_empty_container {
  display: flex;
  /*    width: 393px;*/
  padding: var(--spacing-24) var(--spacing-48);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-12);
}

.search-empty-icon {
  align-self: center;
}

.search-empty-label {
  color: var(--color-text-base-default);
  text-align: center;
  /* Desktop/Body/Large 400 */
  font-family: var(--font-family-primary-font, Onest);
  font-size: var(--font-size-fs-18, 18px);
  font-style: normal;
  font-weight: var(--font-weight-fw-regular, 400);
  line-height: var(--line-height-lh-28, 28px); /* 155.556% */
}

.searchArea__examples:not(:first-child) {
  margin-top: 40px;
}

.searchArea__examples {
  font-family: 'Onest';
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

/* /formArea styles */
/* examplesSearch styles */
.examplesSearch {
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-700);
}

.examplesSearch__btnLink {
  font-family: 'Onest';
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
}

.examplesSearch__btnLink:hover {
  cursor: pointer;
}

.examplesSearch__separator--comma {
  margin-left: -0.15em;
}
/* /examplesSearch styles */
/**
 * modalWin START
 */
.modalWin {
  padding: 48px 16px;
}

.modalWin__content {
  box-shadow: 0 4px 4px -4px #1212121a;
  max-width: 672px;
  max-height: 621px;
  margin: 0 auto;
  background-color: var(--white);
  border-radius: var(--border-radius-16);
  padding: 20px;
  height: 100%;
}
/**
 * modalWin END
 */

/**
 * searchContent START
 */
.searchContent {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: var(--white);
  border-radius: var(--border-radius-16);
}

.searchContent .searchArea__fieldWrap {
  padding-bottom: 20px;
}

.searchContent .searchArea__fieldWrap::after {
  content: '';
  width: calc(100% + 40px);
  height: 1px;
  background-color: var(--gray-250);
  position: absolute;
  bottom: 0;
  left: -20px;
}

.searchContent__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-400);
  padding: 20px 16px;
}

.searchContent__body {
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
}

.searchSpin {
  width: 20px;
  height: 20px;
  border: 3px solid var(--blue-sky-600);
  border-top-color: var(--white);
  border-radius: 50%;
  transform: translateY(-50%) rotate(0);
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: translateY(-50%) rotate(0);
  }

  to {
    transform: translateY(-50%) rotate(360deg);
  }
}

.searchesItem {
  padding: 12px 16px;
}

.searchesItem__link {
  font-weight: 500;
  font-size: 16px;
  /*    line-height: 24px;*/
  line-height: unset;
  color: var(--black);
  /* display: inline-flex;*/
  display: inline;
}

.searchesItem__breadcrumbs {
  padding-top: 5px;
}

.searchesItem__link.hint-highlight,
.searchesItem__link > span {
  color: var(--black) !important;
  text-decoration: none !important;
}

.searchesItem__link:not(:last-child) {
  margin-bottom: 6px;
}

.searchesItem__link:hover {
  text-decoration: underline;
}

.searchesItem__link span {
  color: var(--blue-sky-600);
  text-decoration: underline;
}
/**
 * searchContent END
 */

/**
 * breadcrumbs START
 */
.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.breadcrumbs__item:not(:last-child)::after {
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.97944 11.8577C5.68654 11.5648 5.68654 11.09 5.97944 10.7971L8.72351 8.05298C8.75606 8.02044 8.75606 7.96768 8.72351 7.93513L5.97944 5.19106C5.68654 4.89816 5.68654 4.42329 5.97944 4.1304C6.27233 3.8375 6.7472 3.8375 7.0401 4.1304L9.78417 6.87447C10.4025 7.4928 10.4025 8.49531 9.78417 9.11364L7.0401 11.8577C6.7472 12.1506 6.27233 12.1506 5.97944 11.8577Z' fill='%23757575'/%3E%3C/svg%3E%0A");
  display: block;
  flex: none;
}

.breadcrumbs__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-400);
  display: inline-flex;
}

/* Removed hover state from categories as they are not clickable */
/**
 * searchContent END
 */

/**
 * /accordionCustom START
 */
.accordionCustom__item {
  border-bottom: 1px solid var(--gray-250);
  position: relative;
  /*transition: background-color .3s linear;*/
}

/* Ensure collapse element is in normal document flow to prevent overlapping */
.accordionCustom__item .collapse {
  position: relative;
  overflow: hidden;
}

/* Smooth transition for collapse animation */
.accordionCustom__item .collapse.collapsing {
  transition: height 0.35s ease;
  overflow: hidden;
}

.accordionCustom__item:hover:not(:has(.show)) .accordionCustom__btn {
  background-color: var(--gray-200);
}

/* Desktop only: add padding-left on hover */
@media (min-width: 992px) {
  .accordionCustom__item:hover:not(:has(.show)) .accordionCustom__btn {
    padding-left: 16px;
  }
}

.accordionCustom__item:has(.show) .accordionCustom__icon {
  color: inherit;
}

.accordionCustom__item:has(.show) .accordionCustom__btn,
.accordionCustom__item:has(.show) .accordionCustom__label {
  color: var(--blue-sky-600);
}

.accordionCustom__item:has(.show) .accordionCustom__btn::before {
  transform: rotate(90deg) translateX(-6px) translateY(50%);
}

.accordionCustom__icon {
  width: 24px;
  height: 24px;
  flex: none;
  color: var(--gray-400);
}

.accordionCustom__btn {
  padding: 19px 30px 19px 0;
  cursor: pointer;
  position: relative;
  user-select: none;
  margin-bottom: 0;
  margin-left: 0;
  width: 100%;
  text-align: start;
  border-color: transparent;
  background: transparent;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Onest';
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: var(--black);
  transition: color 0.3s linear, padding 0.3s linear,
    background-color 0.3s linear;
}

.accordionCustom__btn:has(.accordionCustom__headingSubtitle) {
  flex-direction: column;
  align-items: flex-start;
}

.accordionCustom__headingSubtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-400, #757575);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  width: 100%;
}

.accordionCustom__btn::before,
.accordionCustom__btn::after {
  content: '';
  background-color: var(--black);
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  transition: transform 0.3s linear;
}

.accordionCustom__btn::after {
  width: 12px;
  height: 2px;
}

.accordionCustom__btn::before {
  width: 2px;
  height: 12px;
  transform: translateX(-5px) translateY(-50%);
}

.accordionCustom__body {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-700);
  padding-bottom: 15px;
}

/* Fix mobile displacement issue after accordion collapse */
.faqSection__accordions .accordionCustom__item {
  position: relative;
  margin-left: 0;
  padding-left: 0;
}

.faqSection__accordions .accordionCustom__btn {
  margin-left: 0;
  padding-left: 0;
}

/* Prevent accordion content from overlapping and ensure smooth animation */
.faqSection__accordions .accordionCustom__item .collapse {
  position: relative;
  overflow: hidden;
}

/* Smooth collapse animation */
.faqSection__accordions .accordionCustom__item .collapse.collapsing {
  transition: height 0.35s ease;
  overflow: hidden;
}

/* Ensure proper reset after Bootstrap collapse animation on mobile */
@media (max-width: 991px) {
  .faqSection__accordions .accordionCustom__item {
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    will-change: auto;
  }

  /* Reset any transforms that Bootstrap collapse might leave behind */
  .faqSection__accordions .accordionCustom__item .collapse.collapsing {
    transform: none !important;
    position: relative !important;
  }

  .faqSection__accordions
    .accordionCustom__item
    .collapse:not(.show):not(.collapsing) {
    display: none;
  }

  /* Ensure collapse element doesn't cause layout shifts */
  .faqSection__accordions .accordionCustom__item .collapse.show {
    position: relative;
    transform: none;
  }
}
/**
 * /accordionCustom END
 */

/**
 * /headerAction START
 */
.sectionAnimation {
  position: relative;
  background: linear-gradient(
    101.16deg,
    #d6e4f8 6.05%,
    #e6d6fe 57.85%,
    #ba91ff 95.84%
  );
  border-radius: var(--border-radius-32);
  margin: 12px;
}
/**
 * /headerAction START
 */

/**
 * SVG Animation Start
 */
.circlesAnimation {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}

.circlesAnimation__circles {
  width: 1940px;
  height: 2000px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.1;
  pointer-events: none;
}
/**
 * SVG Animation END
 */

/**
 * Header START
 */
.header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: var(--white);
}

.header__top {
  padding: 4px 0;
  background: var(--gray-200);
  border-bottom: 1px solid var(--gray-250);
}

/* Show language bar from 360px and up */
@media (max-width: 575px) {
  .header__top {
    display: none;
  }
}

.header__topContent {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
}

.header__main {
  border-bottom: 1px solid var(--gray-250);
  padding: 12px 0;
}

@media (min-width: 768px) {
  .header__main {
    padding: 0;
  }
}

.header__mainContent {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (min-width: 768px) {
  .header__mainContent {
    gap: 16px;
  }
}

.header__controlsWrap {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 16px;
}

@media (min-width: 768px) {
  .header__controlsWrap {
    gap: 24px;
  }
}

.header__headerActions {
  display: flex;
  align-items: center;
  gap: 8px;
  order: 1;
}

@media (min-width: 768px) {
  .header__headerActions {
    order: 0;
  }
}

/* navbar icon btns  start */
.header__headerActions .headerAction:not(:first-child) {
  display: none;
}
/* navbar icon btns end */

/* Hide headerAction buttons (Platforme utile and Assistance) in header for 360px-767px, they should be in accordion menu */
@media (min-width: 576px) and (max-width: 767px) {
  .header__headerActions .headerAction:nth-child(3),
  .header__headerActions .headerAction:nth-child(4) {
    display: none;
  }
}

@media (min-width: 768px) {
  .header__headerActions .headerAction:not(:first-child) {
    display: block;
  }
}

.authorization__btn:last-child {
  display: none;
}

/* Show "Obține semnătura" button from 535px and up */
@media (min-width: 535px) {
  .authorization__btn:last-child {
    display: flex;
  }
}

@media (min-width: 850px) {
  .header__burgerMenu {
    display: none;
  }
}

.authorization {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Hide authorization buttons (Autentifică-te and Obține semnătura) from 360px down */
@media (max-width: 575px) {
  .authorization {
    /* display: none;*/
  }

  body
    > div.header
    > div.header__main
    > div
    > div
    > div.header__controlsWrap
    > div.header__headerActions
    > div:nth-child(1)
    > .navbar-search-btn {
    /*display: none;*/
  }
}

.navbar-language-dropdown {
  display: none;
}

/* Show language dropdown only from 360px down (when burger menu appears) */
@media (max-width: 575px) {
  .header__main.isMobilePanelOpen .navbar-language-dropdown {
    display: flex;
  }

  .header__main.isMobilePanelOpen .header__headerActions > .headerAction {
    display: none !important;
  }

  .header__main.isMobilePanelOpen .header__burgerMenu {
    display: flex !important;
  }

  .header__main.isMobilePanelOpen .header__buttons.authorization {
    display: none !important;
  }
}

.navbar-language-dropdown.isMasterSearch {
  display: flex;
  position: absolute;
  right: 40px;
  top: 9px;
  z-index: 1;
  margin-right: 5px;
}
/**
 * Header END
 */
/**
 * government START
 */
.government {
  display: flex;
  gap: 5px;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

.header .governmentLogo {
  max-width: 24px;
  width: 100%;
}

.footer .governmentLogo {
  max-width: 148px;
}

.governmentLogo__logo {
  width: 100%;
  height: auto;
  display: block;
}

.government__title {
  color: #000;
  /* Desktop/Caption/Medium 500 */
  font-family: 'Onest';
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}
/**
 * government END
 */

/**
 * switchLang START
 */
.switchLang {
  display: flex;
  gap: 12px;
  align-items: center;
}

.switchLang__btn {
  color: var(--gray-700);
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;
}

.switchLang__btn:hover,
.switchLang__btn.isActive {
  text-decoration: underline;
  color: var(--black);
}
/**
 * switchLang END
 */

/**
 * mainLogo START
 */
.mainLogo {
  max-width: 40px;
  width: 100%;
  display: block;
  flex: none;
}

.mainLogo:hover {
  cursor: pointer;
}

@media (min-width: 768px) {
  .mainLogo {
    max-width: 54px;
  }
}

.mainLogo__logo {
  width: 100%;
  height: auto;
  display: block;
}
/**
 * switchLang END
 */

/**
 * headerNav START
 */

.navbar-avatar-dropdown-menu {
  border-radius: var(--border-radius-16);
  /* Drop Shadow/300 */
  box-shadow: 0 0 0.5px 0 rgba(0, 0, 0, 0.15), 0 5px 12px 0 rgba(0, 0, 0, 0.08),
    0 1px 3px 0 rgba(0, 0, 0, 0.08);
  padding: 0;
}

.headerNav__list {
  display: flex;
  align-items: center;
  gap: 6px;
}

.headerNav__list + .headerNav__trigger {
  display: none;
}

/* Show "Meniu" button from 576px up to 849px */
@media (min-width: 576px) and (max-width: 849px) {
  .headerNav__list + .headerNav__trigger {
    display: flex;
  }

  /* Hide only the trigger buttons for "Servicii" and "Evenimente de viață", but keep the dropdown visible */
  .headerNav__list .headerNav__item .headerNav__trigger {
    display: none !important;
  }

  /* Keep the dropdown visible */
  .headerNav__list .headerNav__item {
    display: block !important;
  }

  .headerNav__list .headerNav__item .header__dropdown {
    display: block !important;
  }
}

@media (min-width: 850px) {
  .headerNav__list + .headerNav__trigger {
    display: none;
  }
}

.headerNav__item {
  display: none;
}

/* Show "Servicii" and "Evenimente de viață" from 850px and up */
@media (min-width: 850px) {
  .headerNav__item {
    display: flex;
  }
}

/* For 576px-849px, show headerNav__item but hide only the trigger */
@media (min-width: 576px) and (max-width: 849px) {
  .headerNav__item {
    display: block;
  }
}

/* Styles for "Meniu" button when active (576px-849px) */
@media (min-width: 576px) and (max-width: 849px) {
  body.isNavbarOpened .headerNav__list + .headerNav__trigger {
    color: var(--blue-sky-600);
  }

  body.isNavbarOpened .headerNav__list + .headerNav__trigger::before {
    width: 100%;
  }

  body.isNavbarOpened
    .headerNav__list
    + .headerNav__trigger
    .headerNav__triggerIcon {
    color: var(--blue-sky-600);
    transform: rotate(-180deg);
  }

  /* Ensure navDropdown is visible when "Meniu" button is active */
  body.isNavbarOpened .headerNav__item .header__dropdown .navDropdown,
  body.isNavbarOpened .header__dropdown .navDropdown {
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    overflow: visible !important;
  }
}

.headerNav__trigger:hover,
.headerNav__item.isActive .headerNav__trigger {
  background: var(--gray-100);
}

.headerNav__item.isActive .headerNav__trigger {
  color: var(--blue-sky-600);
}

.headerNav__item.isActive .headerNav__trigger::before {
  width: 100%;
}

.headerNav__item.isActive .headerNav__triggerIcon {
  color: var(--blue-sky-600);
}

.headerNav__item.isActive .headerNav__triggerIcon {
  transform: rotate(-180deg);
}

.headerNav__item.isDisabled {
  background: var(--gray-100);
  cursor: default;
}

.headerNav__item.isDisabled .headerNav__triggerText,
.headerNav__item.isDisabled .headerNav__triggerIcon {
  color: var(--gray-600);
}

.headerNav__trigger {
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  padding: 24px 16px;
  min-height: 72px;
  position: relative;
  transition: background 0.3s linear, color 0.3s linear;
}

.headerNav__trigger::before {
  content: '';
  width: 0;
  height: 2px;
  background: var(--blue-sky-600);
  transition: width 0.3s linear;
  position: absolute;
  bottom: 0;
  left: 0;
}

.headerNav__triggerText {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
}

.headerNav__triggerIcon {
  width: 20px;
  height: 20px;
  transition: transform 0.3s linear;
  color: var(--gray-600);
}

/* Tooltip styling for header navigation "Evenimente de viață" - matches Figma design */
body .tooltip.headerNav__tooltip {
  margin-top: -12px;
}

body .tooltip.headerNav__tooltip .tooltip-inner {
  background-color: var(--gray-900, #1e1e1e) !important;
  color: var(--white, #fff) !important;
  font-family: var(--font-family-primary-font, 'Onest', sans-serif);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 0 8px;
  border-radius: 4px;
  min-width: 32px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.08);
}

/* Hide arrow for header navigation tooltips - no arrow needed per Figma design */
body .tooltip.headerNav__tooltip .tooltip-arrow {
  display: none !important;
}

.headerNav__item.isActive .headerNav__dropdownList,
.header__headerAction.isActive .headerNav__dropdownList {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.headerNav__dropdownList {
  position: absolute;
  top: calc(100% + 1px);
  transform: translateY(-3px);
  left: -20px;
  min-width: 300px;
  z-index: 99;
}

.headerNav__dropdownList.isButtonDropdown {
  top: calc(100% + 20px);
  left: -245px;
}

.header__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 99;
  display: none;
}

@media (min-width: 576px) {
  .header__dropdown {
    display: block;
  }
}

/* Ensure header__dropdown is visible when "Meniu" button is active (576px-849px) */
@media (min-width: 576px) and (max-width: 849px) {
  body.isNavbarOpened .headerNav__item .header__dropdown {
    display: block !important;
  }
}

.header__mobPanel {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-width: 500px;
  z-index: 99;
  transform: translate3d(-100%, 0, 0);
  transition: transform 0.3s linear;
}

/* Keep the mobile panel hidden below 360px, available for 360px-849px, hide at 850px+ */
@media (max-width: 575px) {
  .header__mobPanel.mobPanel {
    display: none;
  }
}

/* Full width up to 1248px */
@media (max-width: 1247px) {
  .header__mobPanel.mobPanel {
    max-width: 100% !important;
  }
}

@media (min-width: 1248px) {
  .header__mobPanel.mobPanel {
    display: none;
  }
}

.burgerMenu {
  position: relative;
  width: 40px;
  height: 40px;
  padding: 13px 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Hide burger menu from 360px and up */
@media (min-width: 576px) {
  .burgerMenu {
    display: none;
  }
}

.burgerMenu::before,
.burgerMenu::after {
  content: '';
  width: 20px;
  height: 2px;
  background-color: var(--black);
  transition: all 0.3s linear;
  position: absolute;
  left: 10px;
}

.burgerMenu::before {
  top: 13px;
}

.burgerMenu::after {
  bottom: 13px;
}

.burgerMenu__line {
  width: 100%;
  height: 2px;
  background-color: var(--black);
  display: block;
  border-radius: var(--border-radius-full);
}

/*navDropdown*/
.navDropdown {
  background-color: var(--white);
  box-shadow: 0 3px 8px 0 #00000014;
  height: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: opacity 0.3s linear, visibility 0.3s linear, height 0.3s linear;
}

@media (min-width: 576px) {
  .navDropdown {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    overflow-x: hidden;
  }
}

.navHeader__heading {
  font-family: 'Onest';
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.18px;
  color: var(--color-text-base-default);
}

.navHeader__heading__container {
  display: inline-flex;
  gap: var(--spacing-2);
}

.navHeader__heading__container:hover {
  color: var(--blue-sky-600);
}

.navHeader__heading__container:hover .navHeader__heading {
  color: var(--blue-sky-600);
}

@media (min-width: 576px) and (max-width: 849px) {
  .navHeader__heading__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
    position: relative;
  }

  .navHeader__heading {
    margin-bottom: 0;
  }

  .navHeader__desc {
    margin-bottom: 0;
  }

  .navHeader__heading__icon {
    flex: none;
    margin-left: auto;
    margin-bottom: 0;
  }

  .navDropdown__heading {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
  }
}

.navHeader__heading__icon {
  align-self: center;
  margin-bottom: 12px;
  width: 20px;
  height: 20px;
}

@media (min-width: 1248px) {
  .navHeader__heading {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--black);
  }
}

.navHeader__heading:not(:last-child) {
  margin-bottom: 12px;
}

.navHeader__desc {
  font-family: 'Onest';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-text-base-tertiary);
}

@media (min-width: 576px) and (max-width: 849px) {
  .navHeader__desc {
    font-family: 'Onest';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-text-base-tertiary);
  }
}

/*@media (min-width: 1248px) {
  .navHeader__desc {
    font-size: 16px;
  }
}*/

@media (min-width: 850px) {
  .navDropdown__main .navDropdown__column:first-of-type {
    border-right: 1px solid var(--gray-250);
  }
}

.navHeader__desc:not(:last-child) {
  margin-bottom: 8px;
}

.navHeader__link {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--black);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: color 0.3s linear;
}

@media (min-width: 1248px) {
  .navHeader__link {
    font-size: 24px;
  }
}

.navHeader__link:not(:last-child) {
  margin-bottom: 8px;
}

.navHeader__link:hover {
  color: var(--blue-sky-600);
}

.navDropdown__heading:not(:last-child) {
  margin-bottom: 32px;
}

.navDropdown__content {
  padding: 40px 15px;
}

/* Mobile menu (below 360px): tighter padding - only for very small screens */
@media (max-width: 575px) {
  .navDropdown__content {
    padding: 16px 16px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    overflow-x: hidden;
  }
}

/* Tablet menu (576px-849px) - accordion style */
@media (min-width: 576px) and (max-width: 849px) {
  .navDropdown .container-fluid {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 120px);
    padding-left: 0;
    padding-right: 0;
  }

  .navDropdown__content {
    padding: 16px 70px;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    min-height: 0;
  }

  .navDropdown__accordion.navDropdown__actions-separated {
    flex-shrink: 0;
    padding: 16px 0px;
    border-top: 1px solid var(--gray-250);
    background-color: var(--white);
  }

  .navDropdown__heading {
    display: flex;
    max-width: 1168px;
    padding: 12px 0 20px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    margin-bottom: 0;
    flex-shrink: 0;
  }

  .navHeader__heading:not(:last-child) {
    margin-bottom: 0;
  }

  .navHeader__desc:not(:last-child) {
    margin-bottom: 0;
  }

  .navDropdown__accordion {
    padding-left: 0;
    padding-right: 0;
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  .navDropdown__accordion.navDropdown__actions-separated {
    max-height: none;
    overflow: visible;
  }
}

/* Tablet menu (768px-849px) - 96px left and right padding */
@media (min-width: 768px) and (max-width: 849px) {
  .navDropdown__content {
    padding-left: 96px;
    padding-right: 96px;
  }
}

/* Increase padding for larger tablets (576px-849px) */
@media (min-width: 850px) and (max-width: 1247px) {
  .navDropdown__content {
    padding: 16px 70px;
  }
}

/* 2-columns menu (850px-1248px) */
@media (min-width: 850px) and (max-width: 1248px) {
  .navDropdown .container-fluid {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 120px);
  }

  .navDropdown__content {
    padding: 24px 15px;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    min-height: 0;
  }

  .navDropdown__heading {
    margin-bottom: 16px;
  }

  .navDropdown__accordion.navDropdown__actions-separated {
    flex-shrink: 0;
    padding: 16px 15px;
    border-top: 1px solid var(--gray-250);
    background-color: var(--white);
  }
}

/* 3-columns menu (1249px+) */
@media (min-width: 1249px) {
  .navDropdown .container-fluid {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 120px);
  }

  .navDropdown__content {
    padding: 32px 15px;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1;
    min-height: 0;
  }

  .navDropdown__accordion.navDropdown__actions-separated {
    flex-shrink: 0;
    padding: 16px 15px;
    border-top: 1px solid var(--gray-250);
    background-color: var(--white);
  }
}

.navDropdown__main {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

/* At 850px-1248px: tabs column and menu items column side by side with 2 columns */
@media (min-width: 850px) and (max-width: 1248px) {
  .navDropdown__main {
    grid-template-columns: 202px 1fr;
    gap: 40px;
  }

  .navDropdown__main.isThreeColumns .navDropdown__column:nth-child(2) {
    grid-column: 2;
  }
}

/* At 1249px+: tabs column and menu items column side by side with 3 columns */
@media (min-width: 1249px) {
  .navDropdown__main {
    grid-template-columns: 202px 64px 1fr;
    gap: 0;
  }

  .navDropdown__main.isThreeColumns .navDropdown__column:nth-child(2) {
    grid-column: 3;
  }
}

.navDropdownList__item.nav_tab_item.isActive > .navDropdownList__link {
  color: var(--blue-sky-600);
  font-weight: 500;
}

/*.navDropdownList__item.nav_tab_item.isActive {
    border-right: 2px solid var(--blue-sky-600);
}*/
/*    .navDropdown__main.isThreeColumns {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }*/
.navDropdown__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: var(--black);
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gray-200);
}

.navDropdown__title:not(:last-child) {
  margin-bottom: 16px;
}

/* Default: single column for mobile (below 394px) */
.navDropdown__main.isThreeColumns
  .navDropdown__column:nth-child(2)
  .navDropdownList {
  display: flex;
  flex-direction: column;
}

/* Single column at 576px - 849px (accordion view) */
@media (min-width: 576px) and (max-width: 849px) {
  .navDropdown__main.isThreeColumns
    .navDropdown__column:nth-child(2)
    .navDropdownList {
    display: flex;
    flex-direction: column;
  }
}

/* 2 columns at 850px - 1248px */
@media (min-width: 850px) and (max-width: 1024px) {
  .navDropdown__main.isThreeColumns
    .navDropdown__column:nth-child(2)
    .navDropdownList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
    row-gap: 0;
  }
}

/* 3 columns at 1249px+ */
@media (min-width: 1024px) {
  .navDropdown__main.isThreeColumns
    .navDropdown__column:nth-child(2)
    .navDropdownList {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 24px;
    row-gap: 0;
  }
}

.navDropdownList__item {
  break-inside: avoid;
  border-right: 3px solid transparent;
}

.navDropdownList__item.isActive {
  border-right-color: var(--blue-sky-600);
}
/* Remove break-inside when using grid layout */
@media (min-width: 1249px) {
  .navDropdown__main.isThreeColumns
    .navDropdown__column:nth-child(2)
    .navDropdownList
    .navDropdownList__item {
    break-inside: auto;
  }
}

.navDropdownList__item:not(:last-child) {
  /*margin-bottom: 4px;*/
}

.navDropdownList__icon {
  width: 20px;
  height: 20px;
}

.navDropdownList__link {
  font-family: 'Onest';
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #383838;
  padding: 12px 0;
  display: inline-flex;
  vertical-align: middle;
  gap: 12px;
  transition: color 0.3s linear;
}

.navDropdownList__link:hover {
  color: var(--blue-sky-600);
}

.navDropdown__column:first-child .navDropdownList__link {
  font-size: 16px;
}

/* Accordion version for 360px-849px */
.navDropdown__accordion {
  display: none;
}

@media (min-width: 576px) and (max-width: 849px) {
  .navDropdown__accordion {
    display: block;
    padding-left: 0;
    padding-right: 0;
  }

  .navDropdown__accordion:not(.navDropdown__actions-separated) {
    margin-bottom: 0;
  }

  .navDropdown__accordion.navDropdown__actions-separated {
    max-height: none;
    overflow: visible;
  }

  .navDropdown__tabs {
    display: none;
  }

  /* Accordion arrow icon like mobile */
  .navDropdown__accordion .accordionCustom__btn {
    display: flex;
    height: 48px;
    padding: 0;
    gap: 12px;
    align-self: stretch;
    font-family: 'Onest';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: var(--color-text-base-default);
    width: 100%;
  }

  /* Override font-size for accordion buttons in this range to ensure 16px instead of 24px */
  .navDropdown__accordion .accordionCustom__item .accordionCustom__btn,
  .navDropdown__accordion .accordionCustom__item .accordionCustom__label {
    font-size: 16px;
  }

  .navDropdown__accordion .accordionCustom__item {
    border-bottom: none;
  }

  .navDropdown__accordion
    .accordionCustom__item:has(.show)
    .accordionCustom__btn::after {
    transform: rotate(-180deg) translateY(50%);
  }

  /* Hide plus icon (::before) and show down arrow (::after) */
  .navDropdown__accordion .accordionCustom__btn::before {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    background-color: transparent !important;
    content: none !important;
  }

  .navDropdown__accordion .accordionCustom__btn::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.21733 7.13859C3.52712 6.8288 4.02939 6.8288 4.33918 7.13859L9.46107 12.2605C9.75871 12.5581 10.2413 12.5581 10.5389 12.2605L15.6608 7.13859C15.9706 6.8288 16.4728 6.8288 16.7826 7.13859C17.0924 7.44838 17.0924 7.95066 16.7826 8.26045L11.6608 13.3823C10.7436 14.2995 9.25644 14.2995 8.33921 13.3823L3.21733 8.26045C2.90754 7.95066 2.90754 7.44839 3.21733 7.13859Z' fill='%23444444'/%3E%3C/svg%3E%0A");
    width: 20px !important;
    height: 20px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
    right: 16px !important;
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    transition: transform 0.3s linear !important;
  }

  .navDropdown__accordion .accordionCustom__body {
    padding: 0 16px;
    max-height: calc(100vh - 350px);
    overflow-y: auto;
    overflow-x: hidden;
  }

  .navDropdown__accordion .accordionCustom__list {
    max-height: none;
  }
}

/* Tablet menu (576px-767px) - Mobile panel slider styles for dropdown */
@media (min-width: 576px) and (max-width: 767px) {
  .navDropdown__actions-separated {
    display: block;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction
    .headerAction__trigger {
    padding-right: 16px;
  }

  /* Mobile panel slider styles for dropdown */
  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction.isActive
    .mobPanelSlider {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  .navDropdown__accordion.navDropdown__actions-separated .mobPanelSlider {
    padding: 0 16px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: transform 0.3s linear, opacity 0.3s linear,
      visibility 0.3s linear;
    z-index: 100;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--white, #fff);
  }

  .navDropdown__accordion.navDropdown__actions-separated .mobPanel__actions {
    padding-left: 60px;
    padding-right: 15px;
  }

  .navDropdown__accordion.navDropdown__actions-separated .mobPanelSlider__top {
    padding: 16px 0;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__content {
    height: calc(100% - 140px);
    overflow: auto;
    padding-bottom: 16px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__btnBack:not(:last-child) {
    margin-bottom: 32px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__services
    .servicesDropdown__container:not(:last-child) {
    margin-bottom: 24px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__services
    .servicesItem__iconWrap {
    width: 35px;
    height: 35px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__services
    .servicesItem__content {
    overflow: hidden;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__services
    .servicesItem__title,
  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__services
    .servicesItem__subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__services
    .servicesItem__subtitle {
    font-size: 11px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .secondLvlList__item:not(:last-child) {
    margin-bottom: 0.4rem;
  }

  .navDropdown__accordion.navDropdown__actions-separated .secondLvlList__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-700, #383838);
    padding: 12px 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s linear;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .secondLvlList__link:hover {
    color: var(--blue-sky-600, #0058d2);
  }

  .navDropdown__accordion.navDropdown__actions-separated .secondLvlList__icon {
    color: inherit;
    width: 20px !important;
    height: 20px !important;
  }

  .navDropdown__accordion.navDropdown__actions-separated .mobPanel__actions {
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 0;
    padding-left: 60px;
    position: relative;
  }

  .navDropdown__accordion:not(.navDropdown__actions-separated)
    .mobPanel__actions {
    display: none;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__actions:not(:last-child) {
    margin-bottom: 40px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction {
    position: relative;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction
    .headerAction__trigger {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding-right: 16px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction
    .headerAction__triggerIcon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction
    .headerAction__text {
    font-family: 'Onest';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-text-base-secondary, #383838);
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction
    .headerAction__trigger:hover
    .headerAction__text,
  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction
    .headerAction__trigger:hover
    .headerAction__triggerIcon {
    color: var(--blue-sky-600);
  }
}

@media (min-width: 768px) and (max-width: 849px) {
  .navDropdown__actions-separated {
    display: none;
  }

  /* Mobile panel slider styles for dropdown */
  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction.isActive
    .mobPanelSlider {
    transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }

  .navDropdown__accordion.navDropdown__actions-separated .mobPanelSlider {
    padding: 0 16px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateX(100%);
    transition: transform 0.3s linear, opacity 0.3s linear,
      visibility 0.3s linear;
    z-index: 100;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--white, #fff);
  }

  .navDropdown__accordion.navDropdown__actions-separated .mobPanelSlider__top {
    padding: 16px 0;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__content {
    height: calc(100% - 140px);
    overflow: auto;
    padding-bottom: 16px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__btnBack:not(:last-child) {
    margin-bottom: 32px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__services
    .servicesDropdown__container:not(:last-child) {
    margin-bottom: 24px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__services
    .servicesItem__iconWrap {
    width: 35px;
    height: 35px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__services
    .servicesItem__content {
    overflow: hidden;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__services
    .servicesItem__title,
  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__services
    .servicesItem__subtitle {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanelSlider__services
    .servicesItem__subtitle {
    font-size: 11px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .secondLvlList__item:not(:last-child) {
    margin-bottom: 0.4rem;
  }

  .navDropdown__accordion.navDropdown__actions-separated .secondLvlList__link {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: var(--gray-700, #383838);
    padding: 12px 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: color 0.3s linear;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .secondLvlList__link:hover {
    color: var(--blue-sky-600, #0058d2);
  }

  .navDropdown__accordion.navDropdown__actions-separated .secondLvlList__icon {
    color: inherit;
    width: 20px !important;
    height: 20px !important;
  }

  .navDropdown__accordion.navDropdown__actions-separated .mobPanel__actions {
    padding-top: 0;
    padding-right: 15px;
    padding-bottom: 0;
    padding-left: 60px;
    position: relative;
  }

  .navDropdown__accordion:not(.navDropdown__actions-separated)
    .mobPanel__actions {
    display: none;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__actions:not(:last-child) {
    margin-bottom: 40px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction {
    position: relative;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction
    .headerAction__trigger {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    padding-right: 16px;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction
    .headerAction__triggerIcon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction
    .headerAction__text {
    font-family: 'Onest';
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-text-base-secondary, #383838);
  }

  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction
    .headerAction__trigger:hover
    .headerAction__text,
  .navDropdown__accordion.navDropdown__actions-separated
    .mobPanel__headerAction
    .headerAction__trigger:hover
    .headerAction__triggerIcon {
    color: var(--blue-sky-600);
  }
}

@media (min-width: 1248px) {
  .navDropdown__accordion {
    display: none;
  }

  .navDropdown__tabs {
    display: grid;
  }
}
/*navDropdown*/

/*mobPanel*/
.mobPanel {
  height: calc(100vh - 66px);
  height: calc(100dvh - 66px);
  background-color: var(--white);
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

@media (min-width: 850px) {
  .mobPanel {
    height: calc(100vh - 100px);
    height: calc(100dvh - 100px);
  }
}

@media (min-width: 394px) {
  .mobPanel {
    height: calc(100vh - 65px);
    height: calc(100dvh - 65px);
  }
}

.mobPanel__search {
  padding: 0 16px;
}

.mobPanel__search .searchArea__btnSearch {
  color: var(--gray-600);
}

.mobPanel__search:not(:last-child) {
  margin-bottom: 28px;
}

.mobPanel__heading {
  padding: 0 16px;
}

/* Mobile styles - icon on same line as text */
.mobPanel__heading .navHeader__container {
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.mobPanel__heading .navHeader__container:hover {
  background-color: var(--color-background-base-secondary-hover, #f1f1f1);
}

.mobPanel__heading .navHeader__titleRow {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.mobPanel__heading .navHeader__link {
  flex: 1;
  text-align: left;
}

.mobPanel__heading .navHeader__chevronRight {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-icon-base-secondary, #444444);
}

.mobPanel__heading .navHeader__chevronRight .icon {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.mobPanel__heading .navHeader__desc {
  font-family: 'Onest', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--color-text-base-tertiary, #757575);
  margin: 0;
}

.mobPanel__main {
  overflow-y: auto;
  padding: 16px 0;
  border-bottom: 1px solid var(--gray-250);
  flex: 1;
  min-height: 0;
}

.mobPanel .accordionCustom__btn {
  font-size: 16px !important;
  padding: 12px 48px 12px 16px;
  width: 100%;
}

/* Tablet breakpoint (769px - 1023px) - matching Figma design exactly */
@media (min-width: 769px) and (max-width: 1023px) {
  .mobPanel__heading {
    padding: 0;
  }

  .mobPanel__heading .navHeader__container {
    padding: 12px 96px 20px 96px;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }

  .mobPanel__heading .navHeader__container:hover {
    background-color: var(--color-background-base-secondary-hover, #f1f1f1);
  }

  .mobPanel__heading .navHeader__titleRow {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
  }

  .mobPanel__heading .navHeader__link {
    font-family: 'Onest', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.18px;
    color: var(--color-text-base-default, #121212);
    flex: 1;
    text-align: left;
  }

  .mobPanel__heading .navHeader__chevronRight {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: var(--color-icon-base-secondary, #444444);
  }

  .mobPanel__heading .navHeader__chevronRight .icon {
    width: 100%;
    height: 100%;
    fill: currentColor;
  }

  .mobPanel__heading .navHeader__desc {
    font-family: 'Onest', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-text-base-tertiary, #757575);
    margin: 0;
  }

  .mobPanel__main {
    padding: 0;
  }

  .mobPanel .accordionCustom__item {
    margin-bottom: 4px;
  }

  .mobPanel .accordionCustom__btn {
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--color-text-base-default, #121212);
    padding: 0 96px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .mobPanel .accordionCustom__btn {
    position: relative;
  }

  .mobPanel .accordionCustom__btn::after {
    position: absolute;
    right: 96px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.21733 7.13859C3.52712 6.8288 4.02939 6.8288 4.33918 7.13859L9.46107 12.2605C9.75871 12.5581 10.2413 12.5581 10.5389 12.2605L15.6608 7.13859C15.9706 6.8288 16.4728 6.8288 16.7826 7.13859C17.0924 7.44838 17.0924 7.95066 16.7826 8.26045L11.6608 13.3823C10.7436 14.2995 9.25644 14.2995 8.33921 13.3823L3.21733 8.26045C2.90754 7.95066 2.90754 7.44839 3.21733 7.13859Z' fill='%23444444'/%3E%3C/svg%3E%0A");
    background-color: transparent;
    content: '';
    transition: transform 0.3s linear;
  }

  .mobPanel .accordionCustom__body {
    padding: 0 96px;
  }

  .mobPanel__actions {
    padding: 0 96px;
  }

  .mobPanel .headerAction__trigger {
    padding: 0 96px;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .mobPanel .headerAction__trigger .headerAction__text {
    font-family: 'Onest', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--color-text-base-default, #121212);
  }
}

.mobPanel .accordionCustom__body {
  padding: 0 16px;
}

.mobPanel .accordionCustom__item {
  border-bottom-color: transparent;
}

.mobPanel .accordionCustom__item:has(.show) .accordionCustom__btn {
  color: var(--black);
  background-color: var(--gray-100);
}

.mobPanel .accordionCustom__item:has(.show) .accordionCustom__btn::after {
  transform: rotate(-180deg) translateY(50%);
}

.mobPanel .accordionCustom__btn::before {
  display: none;
}

.mobPanel .accordionCustom__btn::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.21733 7.13859C3.52712 6.8288 4.02939 6.8288 4.33918 7.13859L9.46107 12.2605C9.75871 12.5581 10.2413 12.5581 10.5389 12.2605L15.6608 7.13859C15.9706 6.8288 16.4728 6.8288 16.7826 7.13859C17.0924 7.44838 17.0924 7.95066 16.7826 8.26045L11.6608 13.3823C10.7436 14.2995 9.25644 14.2995 8.33921 13.3823L3.21733 8.26045C2.90754 7.95066 2.90754 7.44839 3.21733 7.13859Z' fill='%23444444'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  background-color: transparent;
  right: 16px;
}

.mobPanel .navDropdownList__item:not(:last-child) {
  /*margin-bottom: 0.4rem;*/
}

.mobPanel .navDropdownList__link {
  padding: 12px 0;
}

.mobPanel__bottom {
  padding-top: 16px;
  flex-shrink: 0;
}

.mobPanel__actions {
  padding: 0 60px 15px;
}

/* Remove side padding from 575px down */
@media (max-width: 849px) {
  .mobPanel__actions {
    padding-left: 15px;
    padding-right: 15px;
  }

  .mobPanel__actions:not(:last-child) {
    margin-bottom: 0;
  }
}

/* Tablet menu (576px-767px) - 60px left padding for mobPanel__actions */
@media (min-width: 576px) and (max-width: 767px) {
  .mobPanel__actions {
    padding-left: 60px;
    padding-right: 15px;
  }
}

.mobPanel .headerAction__trigger {
  padding: 12px 0;
}

.mobPanel .headerAction__trigger:hover .headerAction__text,
.mobPanel .headerAction__trigger:hover .headerAction__triggerIcon {
  color: var(--blue-sky-600);
}

.mobPanel__buttons {
  padding: 0 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.mobPanel .authorization {
  flex-direction: column;
  gap: 12px;
}

.mobPanel .authorization__btn {
  width: 100%;
}

.mobPanel .authorization__btn:last-child {
  display: flex;
}
/*mobPanel*/

/*dropdownList*/
.dropdownList {
  padding: 16px 20px;
  border-radius: var(--border-radius-16);
  background-color: var(--white);
  box-shadow: 0 5px 12px 0 #00000014;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s linear, visibility 0.3s linear, transform 0.3s linear;
}

.dropdownList__item:not(:last-child) {
  margin-bottom: 4px;
}

.dropdownList__link {
  display: inline-block;
  padding: 12px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--black);
  transition: color 0.3s linear;
}

.dropdownList__link:hover {
  color: var(--blue-sky-600);
  cursor: pointer;
}

.dropdownList .icon {
  width: 20px !important;
  height: 20px !important;
}
/*/dropdownList*/

/**
 * headerNav END
 */

/**
 * headerAction START
 */
.headerAction:not(.mobPanel__headerAction) {
  position: relative;
  border-radius: var(--border-radius-full);
  transition: background-color 0.3s linear;
}

.headerAction:hover:not(.mobPanel__headerAction):hover {
  background-color: var(--gray-250);
}

.headerAction:not(.mobPanel__headerAction):active {
  background-color: var(--gray-300);
}

.headerAction:not(.mobPanel__headerAction).isActive {
  background-color: var(--gray-250);
}

.headerAction__trigger {
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}

.headerAction__triggerIcon {
  width: 24px;
  height: 24px;
  color: var(--black);
  transition: color 0.3s linear;
}

.headerAction__text {
  font-size: 16px;
  line-height: 1.5;
  font-weight: 500;
  transition: color 0.3s linear;
}

.headerAction.isActive .headerAction__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.header__main.isAuth .headerAction__dropdown,
.header__main.isSignature .headerAction__dropdown {
  left: auto;
  right: -5px;
}

.headerAction__dropdown {
  position: absolute;
  top: calc(100% + 17px);
  left: -36px;
  z-index: 99;
  transform: translateY(-3px);
}

/*servicesDropdown*/
.servicesDropdown:not(.mobPanelSlider__services) {
  padding: 20px 16px 16px 16px;
  border-radius: var(--border-radius-16);
  background-color: var(--white);
  box-shadow: 0 5px 12px 0 #00000014;
  min-width: 348px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s linear, visibility 0.3s linear, transform 0.3s linear,
    transform 0.3s linear;
}

.servicesDropdown__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.01em;
  color: color(var(--black));
}

.servicesDropdown__container:not(:last-child) {
  margin-bottom: 16px;
}

.servicesDropdown__title:not(:last-child) {
  margin-bottom: 12px;
}

.servicesDropdown__container {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.discover-platforms-btn {
  height: 40px;
}

.discover-platforms-btn:hover {
  background-color: var(--blue-sky-150) !important;
  color: var(--blue-sky-600, #0058d2) !important;
  border: 1px solid var(--blue-sky-100) !important;
}

.discover-platforms-btn:focus {
  background-color: var(--blue-sky-100) !important;
  color: var(--blue-sky-600) !important;
  outline: 2px solid var(--white);
  box-shadow: 0 0 0 4px var(--focus-ring, var(--blue-sky-500));
}

.discover-platforms-btn {
  height: 40px;
}

.discover-platforms-btn:hover {
  background-color: var(--blue-sky-150) !important;
  color: var(--blue-sky-600, #0058d2) !important;
  border: 1px solid var(--blue-sky-100) !important;
}

.discover-platforms-btn:focus {
  background-color: var(--blue-sky-100) !important;
  color: var(--blue-sky-600) !important;
  outline: 2px solid var(--white);
  box-shadow: 0 0 0 4px var(--focus-ring, var(--blue-sky-500));
}

.headerAction__btn {
  width: 100%;
}

.button__icon {
  width: 20px;
  height: 20px;
}

.servicesItem {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0px 8px 0px 12px;
  background-color: var(--gray-100);
  border-radius: var(--border-radius-12);
  transition: background-color 0.3s linear;
  min-width: 154px;
  min-height: 60px;
}

.servicesItem:hover {
  background-color: var(--gray-200);
}

.servicesItem:active {
  background-color: var(--gray-250);
}

.servicesItem.isItemOff {
  display: none;
}

.servicesItem__iconWrap {
  width: 33px;
  height: 33px;
  outline: 0.4px solid var(--gray-300);
  border-radius: var(--border-radius-8);
  overflow: hidden;
  flex: none;
}

.servicesItem__icon {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.servicesItem__title {
  font-weight: 600;
  color: var(--black);
  white-space: nowrap;
  font-size: 15px;
  font-style: normal;
  line-height: 21.667px; /* 144.444% */
  letter-spacing: -0.15px;
}

.servicesItem__subtitle {
  color: var(--gray-700);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 13.333px; /* 133.333% */
  white-space: nowrap;
}
/*/servicesDropdown*/

/**
 * /headerAction END
 */

/**
 * Hero Section START
 */

.hero {
  border-radius: var(--border-radius-32);
  margin: 12px;
}

.hero .searchArea__input {
  padding-top: 16px;
  padding-bottom: 16px;
}

.hero__content {
  min-height: 700px;
  padding: 40px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
}

@media (min-width: 992px) {
  .hero__content {
    padding: 60px 0;
    min-height: 900px;
  }
}

.hero__logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

@media (min-width: 768px) {
  .hero__logos {
    gap: 40px;
  }
}

.hero__logos:not(:last-child) {
  margin-bottom: 34px;
}

.hero__main {
  text-align: center;
  max-width: 768px;
  margin: 0 auto;
  position: relative;
}

.hero__heading:not(:last-child) {
  margin-bottom: 60px;
}

.hero__title {
  font-family: 'Onest';
  font-weight: 700;
  font-size: 32px;
  line-height: 1.1;
}

@media (min-width: 992px) {
  .hero__heading:not(:last-child) {
    margin-bottom: 80px;
  }
}

@media (min-width: 768px) {
  .hero__title {
    font-size: 48px;
  }
}

@media (min-width: 992px) {
  .hero__title {
    /*font-size: 64px;*/
  }
}

.hero__title:not(:last-child) {
  margin-bottom: 24px;
}

.hero__desc {
  font-family: 'Onest';
  font-size: 18px;
  font-weight: 400;
  color: var(--gray-700);
  line-height: 1.3;
}

@media (min-width: 768px) {
  .hero__desc {
    font-size: 18px;
  }
}

.hero__personCard[data-position='top-left'] {
  position: absolute;
  top: 12%;
  left: 17%;
  z-index: 2;
  display: none;
}

@media (min-width: 992px) {
  .hero__personCard[data-position='top-left'] {
    left: 7%;
    display: inline-flex;
  }
}

@media (min-width: 1200px) {
  .hero__personCard[data-position='top-left'] {
    left: 17%;
  }
}

.hero__personCard[data-position='top-right'] {
  position: absolute;
  top: 36%;
  right: 120px;
  z-index: 2;
  display: none;
}

@media (min-width: 992px) {
  .hero__personCard[data-position='top-right'] {
    display: inline-flex;
    right: 0;
  }
}

@media (min-width: 1200px) {
  .hero__personCard[data-position='top-right'] {
    right: 10%;
  }
}

.hero__personCard[data-position='bottom-left'] {
  position: absolute;
  top: 3%;
  left: 3%;
  z-index: 2;
}

@media (min-width: 480px) {
  .hero__personCard[data-position='bottom-left'] {
    left: 5%;
    top: 5%;
    bottom: auto;
  }
}

@media (min-width: 768px) {
  .hero__personCard[data-position='bottom-left'] {
    left: 10%;
    top: 17%;
    bottom: auto;
  }
}

@media (min-width: 992px) {
  .hero__personCard[data-position='bottom-left'] {
    left: 24%;
    top: auto;
    bottom: 5%;
  }
}

@media (min-width: 1200px) {
  .hero__personCard[data-position='bottom-left'] {
    left: 28%;
  }
}

.hero__circlesWrap .circlesAnimation__circles {
  transform: translate(-50%, -79%);
}

@media (min-width: 992px) {
  .hero__circlesWrap .circlesAnimation__circles {
    transform: translate(-50%, -50%);
  }
}

.hero.isInner {
  position: relative;
}

.hero__bgWrap {
  border-radius: var(--border-radius-32);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  pointer-events: none;
}

.hero__bg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: auto;
  height: auto;
}

.hero.isInner .hero__content {
  min-height: 600px;
}

@media (max-width: 767px) {
  .hero.isInner .hero__title {
    font-size: 32px;
  }

  .hero.isInner .hero__desc {
    font-size: 18px;
  }
}

.hero.isInner + .anchorsSection {
  padding: 0;
  margin-top: -95px;
}

@media (min-width: 992px) {
  .hero.isInner + .anchorsSection {
    margin-top: -65px;
  }
}

.isLightGray {
  background-color: var(--gray-100);
}

/**
 * Hero Section END
 */

/**
 * heroLogo START
 */
.heroLogo {
  max-width: 80px;
  width: 100%;
}

.heroLogo__logo {
  width: 100%;
  height: auto;
  display: block;
}
/**
 * heroLogo END
 */

/**
 * personCard START
 */
.personCard {
  position: relative;
  display: inline-flex;
  gap: 12px;
}

.personCard__avatarContainer {
  display: inline-flex;
  position: relative;
  transition: transform 0.3s linear;
}

.personCard__avatarWrap {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid var(--white);
  box-shadow: 0 4px 8px -1px rgba(18, 18, 18, 0.5);
  z-index: 2;
}

.personCard__avatarWrap:not(:last-child) {
  margin-right: -20px;
  z-index: 1;
}

.personCard__avatarContainer::before {
  content: '';
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 3px solid var(--white);
  background-color: var(--blue-sky-600);
  position: absolute;
  top: 3px;
  right: 0;
  z-index: 3;
  animation: pulseShadow 3s ease-out infinite;
}

.personCard__avatar {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.personCard__textContainer {
  padding: 12px;
  border-radius: var(--border-radius-12);
  background-color: var(--white);
  min-height: 84px;
  min-width: 260px;
  position: absolute;
  top: calc(100% + 16px);
  left: 0;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-10px);
  transition: opacity 0.3s linear, visibility 0.3s linear, transform 0.3s linear;
}

@media (min-width: 480px) {
  .personCard__textContainer {
    top: 0;
    left: calc(100% + 16px);
  }
}

.personCard__subtitle {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: var(--gray-400);
}

.personCard__subtitle:not(:last-child) {
  margin-bottom: 5px;
}

.personCard__desc {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-700);
}

.personCard[data-position='top-right'] .personCard__textContainer {
  left: auto;
  right: calc(100% + 16px);
  transform: translateX(10px);
}

.personCard:hover .personCard__textContainer {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

.personCard:hover .personCard__avatarContainer {
  transform: translateY(-2px);
}

.personCard[data-position='top-right']:hover .personCard__textContainer {
  transform: translateX(0);
}

@keyframes pulseShadow {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 88, 210, 0.3);
  }

  20% {
    box-shadow: 0 0 2px 4px rgba(0, 88, 210, 0.3);
  }

  21% {
    box-shadow: none;
  }

  100% {
    box-shadow: none;
  }
}
/**
 * personCard END
 */

/**
 * statsSection START
 */
.statsSection__main {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 40px;
}

@media (min-width: 1200px) {
  .statsSection__main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 60px;
  }
}

.statsSection__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

@media (min-width: 768px) {
  .statsSection__grid {
    gap: 48px;
  }
}
/**
 * statsSection END
 */

/**
 * statistics START
 */

.statistics__numberWrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

@media (min-width: 576px) {
  .statistics__numberWrap {
    align-items: center;
    flex-direction: row;
  }
}

.statistics__numberWrap:not(:last-child) {
  margin-bottom: 10px;
}

.statistics__dumber {
  font-weight: 600;
  font-size: 48px;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--gray-700);
  position: relative;
}

.statistics__dumber.textGradient {
  background: linear-gradient(270deg, #a877ff 24.03%, #0058d2 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.statistics__animationStars {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: flex-end;
  position: absolute;
  top: 0;
  left: -20px;
  z-index: -1;
}

.statistics__animationStar {
  width: 15px;
  height: 15px;
  flex: none;
  color: var(--blue-sky-600);
}

.statistics__animationStar[data-animation-stars='star-top'],
.statistics__animationStar[data-animation-stars='star-bottom'] {
  animation: spinScale 4s ease-in-out infinite;
  position: absolute;
}

.statistics__animationStar[data-animation-stars='star-top'] {
  top: -2px;
  right: -2px;
}

.statistics__animationStar[data-animation-stars='star-bottom'] {
  bottom: 0;
  left: 0;
  animation-name: spinScaleReverse;
}

.statistics__textWrap {
  display: flex;
  gap: 6px;
}

.statistics__icon {
  width: 20px;
  height: 20px;
  flex: none;
  color: var(--black);
}

.statistics__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  color: var(--gray-700);
}

@media (min-width: 768px) {
  .statistics__text {
    font-size: 18px;
  }
}

@keyframes spinScale {
  0% {
    transform: rotate(0deg) scale(0.5);
  }

  15% {
    transform: rotate(90deg) scale(1);
  }

  50% {
    transform: rotate(90deg) scale(1);
  }

  65% {
    transform: rotate(0deg) scale(0.5);
  }

  100% {
    transform: rotate(0deg) scale(0.5);
  }
}

@keyframes spinScaleReverse {
  0% {
    transform: rotate(0deg) scale(1);
  }

  15% {
    transform: rotate(90deg) scale(0.5);
  }

  50% {
    transform: rotate(90deg) scale(0.5);
  }

  65% {
    transform: rotate(0deg) scale(1);
  }

  100% {
    transform: rotate(0deg) scale(1);
  }
}
/**
 * statsSection END
 */

/**
 * statsTag START
 */
.statsTag {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--black);
  padding: 2px 8px;
  border: 1px solid var(--gray-250);
  border-radius: var(--border-radius-4);
}
/**
 * statsTag END
 */

/**
 * servicesSection START
 */
.servicesSection {
  position: relative;
}

.servicesSection__progressBar {
  position: absolute;
  top: 0;
  left: 5%;
  right: 5%;
}

.servicesSection__header {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

.servicesSection__header:not(:last-child) {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .servicesSection__header:not(:last-child) {
    margin-bottom: 64px;
  }
}
/**
 * servicesSection END
 */

/**
 * sectionProgressBar START
 */
.sectionProgressBar {
  height: 8px;
  position: absolute;
  background: var(--gray-250, #d9d9d9);
}

.sectionProgressBar::before,
.sectionProgressBar::after {
  content: '';
  width: 15%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
}

.sectionProgressBar::before {
  background: linear-gradient(90deg, #f5f5f5 15%, rgba(245, 245, 245, 0) 100%);
  left: 0;
}

.sectionProgressBar::after {
  right: 0;
  background: linear-gradient(-90deg, #f5f5f5 15%, rgba(245, 245, 245, 0) 100%);
}

.sectionProgressBar__active {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: linear-gradient(270deg, #a877ff 24.03%, #0157d2 100%);
}

.sectionProgressBar__active::after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: var(--border-radius-full);
  background-color: var(--white);
  box-shadow: 0 0 15px 5px rgba(169, 119, 255, 0.75);
  position: absolute;
  right: -4px;
  top: 50%;
  transform: translateY(-50%);
}
/**
 * sectionProgressBar END
 */

/**
 * tabsSwitchers START
 */
.tabsSwitchers {
  display: flex;
  justify-content: center;
}

.tabsSwitchers:not(:last-child) {
  margin-bottom: 24px;
}

@media (min-width: 768px) {
  .tabsSwitchers:not(:last-child) {
    margin-bottom: 48px;
  }
}

.tabsSwitchers__container {
  display: inline-flex;
  justify-content: center;
  gap: 6px;
  padding: 6px;
  background-color: var(--white);
  border-radius: var(--border-radius-full);
}

.tabsSwitchers:not(:last-child) {
  margin-bottom: 48px;
}

.tabsSwitchers__trigger {
  color: var(--gray-700);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 16px;
  background-color: var(--gray-200);
  border-radius: var(--border-radius-full);
  cursor: pointer;
  transition: background-color 0.3s linear, color 0.3s linear;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  border-color: transparent;
}

.tabsSwitchers__trigger.isActive:not(:disabled) {
  background-color: var(--gray-900);
  color: var(--white);
}
.tabsSwitchers__trigger.isActive:not(:disabled):hover {
  background-color: var(--gray-900);
  color: var(--white);
}
.tabsSwitchers__trigger:hover:not(:disabled) {
  background-color: var(--gray-250);
  color: var(--gray-700);
}

.tabsSwitchers__trigger:disabled {
  background-color: var(--gray-200);
  color: var(--gray-500);
  cursor: not-allowed;
  opacity: 0.6;
}

.tabsSwitchers__icon {
  width: 20px;
  height: 20px;
  flex: none;
  color: inherit;
}
/**
 * tabsSwitchers END
 */

/**
 * tabsArea START
 */
.tabsArea__body {
  position: relative;
}

.tabsArea__body:not(:has(.tabsArea__cardsWrap.isClosed)) .tabsArea__bottom {
  display: none;
}

.tabsArea__cardsWrap {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 32px;
  overflow: hidden;
}

@media (min-width: 992px) {
  .tabsArea__cardsWrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .tabsArea__cardsWrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.tabsArea__cardsWrap.isClosed {
  max-height: 880px;
}

@media (min-width: 768px) {
  .tabsArea__cardsWrap.isClosed {
    max-height: 1180px;
  }
}

@media (min-width: 992px) {
  .tabsArea__cardsWrap.isClosed {
    max-height: 880px;
  }
}

.tabsArea__bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 0;
  background: linear-gradient(
    180deg,
    rgba(245, 245, 245, 0.5) 0%,
    #f5f5f5 100%
  );
  box-shadow: 0 -10px 6px -4px rgba(245, 245, 245, 0.5);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
/**
 * tabsArea END
 */

/**
 * servicesCard START
 */
.servicesCard {
  border-radius: var(--border-radius-16);
  padding: 24px;
  background-color: var(--white);
}

.servicesCard__top:not(:last-child) {
  margin-bottom: 24px;
}

.servicesCard__iconWrap {
  max-width: 24px;
}

.servicesCard__icon {
  width: 24px;
  height: 24px;
  color: var(--blue-sky-600);
}

.servicesCard__heading:not(:last-child) {
  margin-bottom: 24px;
}

.servicesCard__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  text-decoration-line: underline;
  color: var(--black);
  display: inline-block;
}

.servicesCard__title:hover {
  text-decoration: none;
}

.servicesCard__btnContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.servicesCard__btn {
  padding: 6px 12px;
  border-radius: var(--border-radius-6);
  background-color: var(--gray-200);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: var(--black);
  text-decoration: none;
  transition: background-color 0.3s linear;
}

.servicesCard__btn:hover {
  background-color: var(--gray-250);
}
/**
 * servicesCard END
 */

/**
 * Footer START
 */
.footer__header {
  gap: 48px;
  padding: 48px 0;
  border-top: 2px solid var(--gray-200);
  border-bottom: 2px solid var(--gray-200);
}

@media (min-width: 1200px) {
  .footer__header {
    gap: 80px;
    padding: 80px 0;
  }
}

@media (min-width: 992px) {
  .footer__header .sectionHeader__buttons {
    align-self: center;
  }
}

.footer__header .sectionHeader__buttons {
  flex-wrap: wrap;
  align-items: center;
}

@media (min-width: 992px) {
  .footer__header .sectionHeader__buttons {
    flex-wrap: nowrap;
  }
}

.footer__main {
  padding: 48px 0;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  column-gap: 20px;
  row-gap: 48px;
}

@media (min-width: 576px) {
  .footer__main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 992px) {
  .footer__main {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1200px) {
  .footer__main {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 80px 0;
  }
}

.footer__bottom {
  padding: 24px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 32px;
}

.footer__logos {
  display: flex;
  gap: 16px;
}

@media (min-width: 768px) {
  .footer__logos {
    gap: 24px;
  }
}
/**
 * Footer END
 */

/**
 * evoLogo START
 */
.evoLogo {
  max-width: 115px;
}

.evoLogo__logo {
  width: 100%;
  height: auto;
  display: block;
}
/**
 * evoLogo END
 */

/**
 * footerNav START
 */
.footerNav__title {
  font-family: 'Onest';
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  color: var(--black);
}

.footerNav__title:not(:last-child) {
  margin-bottom: 16px;
}

.footerNav__item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.footerNav__item:not(:last-child) {
  margin-bottom: 16px;
}

.footerNav__item.isItemOff {
  display: none;
}

.footerNav__link {
  font-family: 'Onest';
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-decoration: none;
  color: var(--black);
}

.footerNav__link:hover {
  text-decoration: underline;
}

.footerNav__link.buttonLink {
  color: var(--blue-sky-600);
}

.footerNav__link.disabled {
  color: var(--gray-500) !important;
  pointer-events: none;
  cursor: default;
}

.footerNav__barcode:not(:last-child) {
  margin-bottom: 16px;
}

.footer .footerNav__storeBadges {
  background-color: var(--white);
  padding: 0;
}
/**
 * footerNav END
 */

/**
 * barcode START
 */
.barcode {
  max-width: 140px;
  width: 100%;
  padding: 6px;
  display: flex;
}

.barcode__icon {
  width: 100%;
  height: auto;
  display: block;
}
/**
 * barcode END
 */

/**
 * storeBadges END
 */
.storeBadges {
  padding: 16px;
  border-radius: var(--border-radius-12);
  background-color: transparent;
}

.storeBadges__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: var(--black);
  display: none;
}

@media (min-width: 992px) {
  .storeBadges__title {
    text-align: center;
    display: block;
  }

  .storeBadges {
    background-color: var(--gray-100);
  }
}

.storeBadges__title:not(:last-child) {
  margin-bottom: 20px;
}

.storeBadges__caption {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: var(--gray-700);
}

.storeBadges__caption:not(:last-child) {
  margin-bottom: 12px;
}

.storeBadges__buttons {
  display: flex;
  align-items: center;
  gap: 16px;
}

.storeBadges__btnBadge {
  display: inline-flex;
  max-width: 135px;
  transform: translateZ(0);
}

.storeBadges__btnBadge:hover .storeBadges__img {
  transform: scale(1.01);
}

.storeBadges__img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  transition: transform 0.1s linear;
}

/**
 * storeBadges END
 */

/**
 * tag START
 */
.tag {
  padding: 3px 8px;
  border-radius: var(--border-radius-4);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: var(--black);
  white-space: nowrap;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--gray-250);
  gap: 4px;
}

.tag__icon {
  width: 16px;
  height: 16px;
  flex: none;
  color: inherit;
}

.tag__icon.isStroked {
  fill: transparent;
  stroke: var(--lavender-600, #561fe5);
}

.tag.isApricot {
  background-color: var(--apricot-300);
  border-color: var(--apricot-300);
}

.tag.isBlack {
  background-color: var(--gray-900);
  border-color: var(--gray-900);
  color: var(--white);
}

.tag.isGreen {
  background-color: var(--green-600);
  border-color: var(--green-600);
  color: var(--white);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
}

.tag.isLightGreen {
  background-color: var(--green-100);
  border-color: var(--green-100);
  color: var(--green-700);
}

.tag.isGray {
  background-color: var(--gray-200, #f1f1f1);
  border-color: var(--gray-200, #f1f1f1);
  color: var(--color-text-base-default, #121212);
  text-align: center;
  font-family: var(--font-family-primary-font, 'Onest', sans-serif);
  font-size: var(--font-size-fs-14, 14px);
  font-style: normal;
  font-weight: var(--font-weight-fw-medium, 500);
  line-height: var(--line-height-lh-20, 20px);
  display: flex;
  height: 24px;
  min-width: 32px;
  padding: var(--spacing-0, 0) var(--spacing-8, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-0, 0);
}

.tag.isLavender {
  background-color: var(--lavender-100, #efeafc);
  color: var(--lavender-600, #561fe5);
  border-color: var(--lavender-100, #efeafc);
}
/**
 * tag END
 */

/**
 * socList START
 */
.socList {
  display: flex;
  align-items: center;
  gap: 24px;
}

.socList__iconWrap {
  width: 24px;
  height: 24px;
  flex: none;
  color: var(--black);
}

.socList__iconWrap:hover {
  color: var(--blue-sky-600);
}

.socList__icon {
  width: 100%;
  height: 100%;
  color: inherit;
  transition: color 0.3s linear;
}
/**
 * socList END
 */

/**
 * subscribeSection START
 */
.subscribeSection__header:not(:last-child) {
  margin-bottom: 48px;
}

@media (min-width: 992px) {
  .subscribeSection__header:not(:last-child) {
    margin-bottom: 80px;
  }
}

.subscribeSection__header .sectionHeader__textContent {
  max-width: 768px;
}

.subscribeSection__mainContainer {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 32px;
}

@media (min-width: 992px) {
  .subscribeSection__mainContainer {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/**
 * subscribeSection END
 */

/**
 * subscribeCard START
 */
.subscribeCard {
  padding: 32px;
  border-radius: var(--border-radius-16);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  background-color: var(--gray-100);
}

a.subscribeCard {
  text-decoration: none;
  color: inherit;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

a.subscribeCard:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

a.subscribeCard:active {
  transform: translateY(0);
}

@media (min-width: 992px) {
  .subscribeCard {
    flex-direction: row;
    gap: 32px;
  }
}

.subscribeCard__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
}

.subscribeCard__top:not(:last-child) {
  margin-bottom: 20px;
}

.subscribeCard__icon {
  width: 36px;
  height: 36px;
  flex: none;
  display: block;
}

.subscribeCard__titleWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.subscribeCard__titleWrap:not(:last-child) {
  margin-bottom: 16px;
}

.subscribeCard__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  color: var(--black);
}

.subscribeCard__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-700);
}

.subscribeCard.isFullWidth {
  grid-column: 1 / -1;
}

@media (min-width: 992px) {
  .subscribeCard__info {
    max-width: 460px;
  }
}

@media (min-width: 1200px) {
  .subscribeCard__info {
    max-width: 564px;
  }
}
/**
 * subscribeCard END
 */

/**
 * subscribeContent START
 */
.subscribeContent {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

@media (min-width: 992px) {
  .subscribeContent {
    flex-direction: row;
    gap: 8px;
    padding: 8px;
    border-radius: var(--border-radius-16);
    border: 1px solid var(--gray-250);
  }
}

.subscribeContent__storeBadges {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 992px) {
  .subscribeContent__storeBadges {
    align-items: center;
  }
}

.subscribeContent__barcode {
  display: none;
}

@media (min-width: 992px) {
  .subscribeContent__barcode {
    display: flex;
  }
}

.subscribeContent__storeBadges {
  padding: 0;
}

@media (min-width: 992px) {
  .subscribeContent__storeBadges {
    padding: 16px;
  }
}

.subscribeContent__btnDownload {
  align-self: flex-start;
}

@media (min-width: 992px) {
  .subscribeContent__btnDownload {
    display: none;
  }
}
/**
 * subscribeContent END
 */

/**
 * sectionTabs START
 */
.sectionTabs {
  padding: 16px;
  margin-left: 0;
  margin-right: 0;
  border-radius: var(--border-radius-32);
}

@media (min-width: 576px) {
  .sectionTabs {
    margin-left: 12px;
    margin-right: 12px;
  }
}

@media (min-width: 768px) {
  .sectionTabs {
    padding: 32px;
  }
}

@media (min-width: 1200px) {
  .sectionTabs {
    padding: 64px;
  }
}

.sectionTabs.isStickBackground {
  position: relative;
  overflow: hidden;
  background: linear-gradient(
      101.16deg,
      #d6e4f8 6.05%,
      rgba(86, 144, 255, 0.56) 57.85%,
      rgba(14, 113, 250, 0.5) 95.84%
    ),
    #f5f5f5;
}

.sectionTabs.isStickBackground::before {
  content: '';
  background-image: url('../Images/SignaturePage/lines.png');
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sectionTabs.isStickBackground .sectionTabs__previewWrap {
  transform: translateY(16px);
}

@media (min-width: 576px) {
  .sectionTabs.isStickBackground .sectionTabs__previewWrap {
    transform: translateY(40px);
  }
}

.sectionTabs .container-fluid {
  padding: 0;
}

@media (min-width: 1200px) {
  .sectionTabs .container-fluid {
    padding: 0 16px;
  }
}

.sectionTabs__content {
  padding: 16px;
  background-color: var(--white);
  border-radius: var(--border-radius-32);
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 40px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

@media (min-width: 576px) {
  .sectionTabs__content {
    padding: 40px;
  }
}

@media (min-width: 992px) {
  .sectionTabs__content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  .sectionTabs__content {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
}

.sectionTabs__content input[type='radio'] {
  position: absolute;
  left: -9999px;
  top: -9999px;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  width: 1px;
  height: 1px;
}

.sectionTabs__colInfo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.sectionTabs__header:not(:last-child) {
  margin-bottom: 32px;
}

.sectionTabs__accordions {
  width: 100%;
}

.sectionTabs__accordions:not(:last-child) {
  margin-bottom: 32px;
}

.sectionTabs__subscribeContent {
  margin-top: auto;
}

.sectionTabs__colPreview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  gap: 32px;
}

.sectionTabs__previewWrap {
  max-width: 320px;
  width: 100%;
  max-height: 100%;
}

.sectionTabs:has(.sectionTabs__accordions) .sectionTabs__previewWrap {
  opacity: 0;
  transition: opacity 0.3s linear;
  position: absolute;
}

#input-tab-1:checked
  ~ .sectionTabs__colPreview
  .sectionTabs__previewWrap[data-accordion='1'] {
  opacity: 1;
  position: relative;
}

#input-tab-2:checked
  ~ .sectionTabs__colPreview
  .sectionTabs__previewWrap[data-accordion='2'] {
  opacity: 1;
  position: relative;
}

#input-tab-3:checked
  ~ .sectionTabs__colPreview
  .sectionTabs__previewWrap[data-accordion='3'] {
  opacity: 1;
  position: relative;
}

.sectionTabs__preview {
  width: 100%;
  max-width: 320px;
  height: auto;
  display: block;
  object-fit: contain;
}

.sectionTabs .accordionCustom__item {
  position: relative;
  scroll-margin-top: 120px;
}

/* Specific scroll margins for signature anchors */
.sectionTabs .accordionCustom__item[id='mobila'],
.sectionTabs .accordionCustom__item[id='carte-de-identitate'],
.sectionTabs .accordionCustom__item[id='stick'] {
  scroll-margin-top: 140px;
}

.sectionTabs .accordionCustom__item::after {
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.32064 14.7677C5.07281 14.4579 5.07281 13.9556 5.32064 13.6458L9.41814 8.52392C9.65625 8.22628 9.65625 7.7437 9.41814 7.44606L5.32064 2.3242C5.07281 2.01441 5.07281 1.51214 5.32064 1.20235C5.56847 0.892553 5.97029 0.892552 6.21812 1.20234L10.3156 6.3242C11.0494 7.24143 11.0494 8.72854 10.3156 9.64577L6.21812 14.7677C5.97029 15.0774 5.56847 15.0774 5.32064 14.7677Z' fill='%23121212'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  transition: opacity 0.3s linear;
  opacity: 0;
}

.sectionTabs .accordionCustom__item:has(.show)::after,
.sectionTabs .accordionCustom__item:hover::after {
  opacity: 1;
}

.sectionTabs .accordionCustom__item .accordionCustom__btn {
  padding-left: 12px;
  padding-right: 40px;
}

.accordionCustom__item .accordionCustom__label {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  padding: 16px 12px;
  color: var(--gray-700);
  gap: 10px;
  transition: background-color 0.3s linear;
}

.sectionTabs .accordionCustom__item .accordionCustom__btn {
  padding: 0;
  background-color: transparent !important;
}

.sectionTabs .accordionCustom__item .accordionCustom__btn::before,
.sectionTabs .accordionCustom__item .accordionCustom__btn::after {
  display: none;
}

.sectionTabs .accordionCustom__item .accordionCustom__btn:hover {
  padding-left: 0;
  background-color: transparent !important;
}

.sectionTabs
  .accordionCustom__item:hover:not(:has(.show))
  .accordionCustom__label {
  background-color: var(--gray-200);
}

.sectionTabs .accordionCustom__item .accordionCustom__body {
  padding-left: 12px;
  padding-right: 40px;
}

.sectionTabs .accordionCustom__item:has(.show) .accordionCustom__progress {
  content: '';
  background: var(--gray-100) !important;
  border-bottom: 3px solid var(--blue-sky-600) !important;
  z-index: -1;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  animation: progressBar 10s linear forwards;
}

@keyframes progressBar {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}
/**
 * Mobile Segmented Control for PhoneDemo
 */
.sectionTabs__mobileSegmentedControl {
  display: none;
  width: 100%;
  justify-content: center;
}

@media (max-width: 768px) {
  .sectionTabs__mobileSegmentedControl {
    display: flex;
    width: 100%;
    justify-content: center;
    order: -1; /* Place before preview images */
  }
}

.mobileSegmentedControl__container {
  display: inline-flex;
  gap: 8px;
  position: relative;
}

.mobileSegmentedControl__button {
  position: relative;
  padding: 0 16px;
  height: 36px;
  background-color: var(--gray-100, #f5f5f5);
  border: none;
  border-radius: 999px;
  color: var(--gray-900, #121212);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  transition: color 0.2s ease;
  white-space: nowrap;
  overflow: hidden;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobileSegmentedControl__fill {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: var(--blue-sky-600, #0058d2);
  z-index: 0;
  width: 0%;
}

.mobileSegmentedControl__button.isActive .mobileSegmentedControl__fill {
  animation: segmentFill 10s linear forwards;
}

@keyframes segmentFill {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

.mobileSegmentedControl__text {
  position: relative;
  z-index: 1;
  transition: color 0.2s ease;
}

.mobileSegmentedControl__button.isActive {
  background-color: var(--gray-900, #1e1e1e);
  color: var(--white);
}

.mobileSegmentedControl__button.isActive .mobileSegmentedControl__text {
  color: var(--white);
}

.mobileSegmentedControl__button:not(.isActive):hover {
  background-color: var(--gray-200, #e5e5e5);
}

.mobileSegmentedControl__button:focus-visible {
  outline: 2px solid var(--blue-sky-600);
  outline-offset: 2px;
}

/* Hide desktop accordion on mobile */
@media (max-width: 768px) {
  .sectionTabs__accordions {
    display: none;
  }
}

/**
 * sectionTabs END
 */

/**
 * informerSection START
 */
.informerSection {
  overflow: hidden;
  padding-top: 64px;
  padding-bottom: 32px;
}

.informerSection__header {
  margin-bottom: 64px;
}

.informerSection__main {
  margin-bottom: 32px;
}

@media (max-width: 768px) {
  .informerSection__main {
    display: none;
  }
  /* Personal Cabinet: show image on mobile (other informerSection may keep hiding) */
  #personalCabinet .informerSection__main {
    display: block;
  }
}

/* Personal cabinet image: no image under 320px */
@media (max-width: 319px) {
  #personalCabinet .informerSection__main {
    display: none;
    margin-bottom: 0;
  }
}

.informerSection__imgContentWrap {
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
}

@media (min-width: 992px) {
  .informerSection__imgContentWrap {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    max-width: 100vw;
  }
}

.informerSection__imgContent {
  width: 100%;
  max-width: 1091px;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.informerFeatures {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 24px;
  margin-top: 32px;
}

@media (min-width: 992px) {
  .informerFeatures {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 768px) {
  .informerFeatures__card {
    padding: 32px;
  }
}

.informerFeatures__icon {
  width: 36px;
  height: 36px;
  flex: none;
  display: block;
}

.informerFeatures__icon:not(:last-child) {
  margin-bottom: 16px;
}

.informerFeatures__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.01em;
  color: var(--black);
}

.informerFeatures__title:not(:last-child) {
  margin-bottom: 16px;
}

.informerFeatures__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--gray-700);
}

.informerFeatures__desc:not(:last-child) {
  margin-bottom: 16px;
}
/**
 * informerSection END
 */

/**
 * toolsSection START
 */
.toolsSection {
  min-height: 1180px;
  padding: 112px 0;
  overflow: hidden;
}

.toolsSection__main {
  position: relative;
  padding: 148px 0;
  min-height: 665px;
  z-index: 1;
}

.toolsSection__main:not(:last-child) {
  margin-bottom: 80px;
}

@media (min-width: 768px) {
  .toolsSection__main:not(:last-child) {
    margin-bottom: 150px;
  }
}

.toolsSection__main .sectionProgressBar {
  position: relative;
}

.toolsSection__content {
  max-width: 768px;
  margin: 0 auto;
}

.sectionTabs__header {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

.sectionHeader__heading:has(.tag) {
  position: relative;
}

.sectionHeader__heading .tag {
  position: absolute;
  margin: 10px 0 0 5px;
}

.sectionTabs__header:not(:last-child) {
  margin-bottom: 24px;
}

@media (min-width: 992px) {
  .isStickBackground .sectionTabs__header:not(:last-child) {
    margin-bottom: 32px;
  }
}

.sectionTabs__header .sectionHeader__desc.rte > *:not(:last-child) {
  margin-bottom: 16px;
}

.sectionTabs__header .sectionHeader__desc.rte a:not([class]):link {
  color: var(--blue-sky-600, #0058d2);
}

.supportInfo {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
}

@media (min-width: 480px) {
  .supportInfo {
    display: grid;
    grid-template-columns: minmax(0, 52%) minmax(0, 1fr);
    gap: 32px;
  }

  .supportInfo > *:not(:last-child) {
    position: relative;
  }

  .supportInfo > *:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 80%;
    background: var(--gray-250, #d9d9d9);
    position: absolute;
    top: 50%;
    right: -16px;
    transform: translateY(-50%);
  }
}

.infoSupport {
  display: flex;
  gap: 16px;
}

.infoSupport__iconWrap {
  width: 44px;
  height: 44px;
  flex: none;
  background: var(--gray-200, #f1f1f1);
  border-radius: var(--border-radius-12, 12px);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.infoSupport__desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: var(--gray-700, #383838);
}

.infoSupport__desc a {
  color: var(--blue-sky-600, #0058d2);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.infoSupport__desc a:hover,
.infoSupport__desc a:focus {
  color: var(--blue-sky-700, #0046a8);
  text-decoration-thickness: 2px;
}

.infoSupport__icon {
  color: var(--black, #121212);
}

.infoLogo {
  max-width: 120px;
}

.infoLogo__logo {
  width: 100%;
  height: auto;
  display: block;
}

.sectionTabs__progressBar {
  max-width: 515px;
  margin-left: auto;
  margin-right: auto;
}

.sectionTabs__progressBar::before {
  background: linear-gradient(90deg, #ffffff 15%, rgba(245, 245, 245, 0) 100%);
}

.sectionTabs__progressBar::after {
  background: linear-gradient(-90deg, #ffffff 15%, rgba(245, 245, 245, 0) 100%);
}

.toolsSection__buttons {
  display: flex;
  justify-content: center;
}

.toolsSection__buttons:not(:first-child) {
  margin-top: 48px;
}

.animationSquares {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: -1;
}

.toolsList {
  display: flex;
  flex-direction: column;
  column-gap: 56px;
  row-gap: 48px;
}

@media (min-width: 768px) {
  .toolsList {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.toolsList__item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.toolsList__iconWrap {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  background: var(--gray-100);
  border-radius: var(--border-radius-8);
}

.toolsList__icon {
  width: 24px;
  height: 24px;
  color: var(--blue-sky-600);
}

.toolsList__text {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: var(--black);
}
/**
 * informerSection END
 */

/**
 * advantagesSection START
 */
.advantagesSection__main {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 48px;
}

@media (min-width: 1200px) {
  .advantagesSection__main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 80px;
  }
}

.advantagesSection__item:not(:last-child) {
  margin-bottom: 24px;
}

.advantagesCard {
  padding: 24px;
  border-radius: var(--border-radius-12);
  background-color: var(--gray-100);
}

.advantagesCard__top {
  display: flex;
  gap: 12px;
}

.advantagesCard__top:not(:last-child) {
  margin-bottom: 8px;
}

.advantagesCard__icon {
  width: 24px;
  height: 24px;
  flex: none;
  color: var(--blue-sky-600);
}

.advantagesCard__title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  color: var(--black);
}

.advantagesCard__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-700);
}
/**
 * advantagesSection END
 */

/**
 * blogSection START
 */
.blogSection__header:not(:last-child) {
  margin-bottom: 48px;
}

@media (min-width: 1200px) {
  .blogSection__header:not(:last-child) {
    margin-bottom: 80px;
  }
}

.blogSection__cards {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 16px;
}

@media (min-width: 992px) {
  .blogSection__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }
}

@media (min-width: 1200px) {
  .blogSection__cards {
    gap: 32px;
  }
}

.blogSection__cards:not(:last-child) {
  margin-bottom: 32px;
}

.blogCard {
  border-radius: var(--border-radius-16);
  background-color: var(--gray-100);
  display: flex;
  flex-direction: column;
  padding: 12px;
}

.blogCard__imgWrap {
  border-radius: var(--border-radius-12);
  overflow: hidden;
  aspect-ratio: 16 / 9.8;
  display: flex;
}

.blogCard__imgWrap:hover .blogCard__img {
  transform: scale(1.03);
}

.blogCard__img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.3s linear;
}

.blogCard__content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.blogCard__contentTop {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.blogCard__contentTop:not(:last-child) {
  margin-bottom: 8px;
}

.blogCard__readInfo {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: var(--black);
}

.blogCard__contentMain:not(:last-child) {
  margin-bottom: 24px;
}

.blogCard__title {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  display: block;
  color: var(--black);
}

.blogCard__title:hover {
  text-decoration: underline;
}

.blogCard__title:not(:last-child) {
  margin-bottom: 16px;
}

.blogCard__desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--gray-700);
}

.blogCard__contentBottom {
  margin-top: auto;
}

.blogCardRow {
  padding: 32px;
  border-radius: var(--border-radius-16);
  background-color: var(--gray-100);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 48px;
}

@media (min-width: 768px) {
  .blogCardRow {
    flex-direction: row;
  }
}

@media (min-width: 1200px) {
  .blogCardRow {
    gap: 80px;
  }
}

.blogCardRow .blogCardRow__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.3;
  letter-spacing: -0.01em;
  color: var(--black);
}

.blogCardRow .blogCardRow__title:not(:last-child) {
  margin-bottom: 16px;
}

.blogCardRow .blogCardRow__desc {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--gray-700);
}

.blogCardRow .blogCardRow__btnLink {
  text-decoration: none;
  white-space: nowrap;
}

.blogCardRow .blogCardRow__btnLink:hover {
  text-decoration: underline;
}
/**
 * blogSection END
 */

/**
 * faqSection START
 */
.faqSection {
  padding: 64px 0;
}

/* Ensure FAQ section heading is 48px on desktop (not 56px) */
.faqSection .sectionHeader__heading.sectionHeading {
  font-size: 32px;
}

@media (min-width: 768px) {
  .faqSection .sectionHeader__heading.sectionHeading {
    font-size: 48px;
  }
}

/* FAQ accordion items font size - 18px on mobile, 26px on desktop */
.faqSection__accordions .accordionCustom__btn {
  font-size: 18px;
  line-height: 26px;
  align-items: center;
  vertical-align: middle;
}

@media (min-width: 992px) {
  .faqSection__accordions .accordionCustom__btn {
    font-size: 26px;
    line-height: 26px;
  }
}

.faqSection__main {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 32px;
}

@media (min-width: 1200px) {
  .faqSection__main {
    gap: 80px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.faqSection__main:not(:last-child) {
  margin-bottom: 48px;
}

@media (min-width: 992px) {
  .faqSection__main:not(:last-child) {
    margin-bottom: 80px;
  }
}

.faqSection__bottom {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 32px;
}

@media (min-width: 768px) {
  .faqSection__bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.cardHelper {
  padding: 40px 32px;
  border-radius: var(--border-radius-16);
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

@media (min-width: 768px) {
  .cardHelper {
    gap: 48px;
    flex-direction: row;
  }
}

.cardHelper__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: var(--black);
}

.cardHelper__btn {
  align-self: center;
}

/* Mobile: Make Report and Apply buttons expand to full width */
@media (max-width: 767px) {
  .faqSection__bottom .cardHelper {
    flex-direction: column;
    align-items: stretch;
    padding: 16px 16px 20px 16px;
    gap: 16px;
  }

  .faqSection__bottom .cardHelper__btn {
    width: 100%;
    align-self: stretch;
  }

  .cardHelper__title {
    font-size: 18px;
    line-height: 26px;
  }
}
/**
 * faqSection END
 */

/*search in the header*/
@media (min-width: 992px) {
  .sectionHeader__colRight.is-padding-top-lg {
    padding-top: 40px;
    justify-content: flex-start;
  }
}

@media (min-width: 1200px) {
  .sectionHeader:has(.sectionHeader__colRight) {
    gap: 80px;
  }
}

.unselectable {
  user-select: none;
}

/*fix mobile text start*/
@media (max-width: 576px) {
  .hero__heading > .hero__title,
  .servicesSection__header.sectionHeader.text-center
    > div
    > .sectionHeader__heading,
  .advantagesSection__header.sectionHeader > div > .sectionHeader__heading,
  .blogSection__header.sectionHeader > div > .sectionHeader__heading,
  .subscribeSection__header.sectionHeader
    > div.sectionHeader__textContent
    > .sectionHeader__heading {
    word-break: break-word;
  }
}
/*fix mobile text end*/

@media (max-width: 767.98px) {
  .avatar-dropdown-mobile {
    display: block !important;
  }

  .avatar-dropdown-mobile.header__headerAction.headerAction
    > .headerAction__trigger
    > .avatar-initials-container {
    height: 32px;
    width: 32px;
  }
}

.header__headerAction.headerAction > div > ul > li > .dropdownList__link {
  white-space: nowrap;
  max-width: 21ch;
}