/* Start:/assets/fonts/fonts.css?1778730264120*/
@import url("/assets/fonts/./Exo_2/exo2.css");
@import url("/assets/fonts/./Audiowide/audiowide.css");
@import url("/assets/fonts/./Roboto_flex/robotoflex.css");

/* End */


/* Start:/assets/css/forms.css?178714869733775*/
.form:has(form) {
  background: linear-gradient(180deg, #f1f9f7 0%, #dde4ed 100%);
}

.form-content {
  overflow: unset;
}

.form-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.form-container form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 828px;
  margin: 0 auto;
}

.form__fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  border: none;
  padding: 0;
  margin: 0;
  min-inline-size: auto;
}

.form__fieldset > * {
  flex-basis: 100%;
}

.form__fieldset br {
  display: none;
}

.form__fieldset:empty {
  display: none !important;
}

.form__fieldset-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.375;
}

.field-wrapper,
.form__input-wrapper {
  width: 100%;
  font-size: 0;
  display: flex;
  gap: 16px;
  flex-direction: column;
  position: relative;
}

.check-box-wrapper {
  gap: 8px;
}

.check-box-wrapper .form__fieldset-title {
  margin-top: 16px;
  margin-bottom: 4px;
}

.form__input-wrapper:has(input[data-size="50"]) {
  flex-basis: calc(50% - 8px);
}

.form__input-wrapper_radio {
  gap: 8px;
}

.form__input-container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.form__textarea {
  height: 82px;
  resize: none;
}

.form__textarea-counter {
  position: absolute;
  right: 15px;
  bottom: -18px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.17;
}

.field-text,
.form__input {
  font-family: inherit;
  border-radius: var(--b-radius);
  padding: 18px 20px;
  box-sizing: border-box;
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  border: none;
  background-color: white;
  outline: 2px solid transparent;
  min-height: 56px;
  transition: 0.3s;
  color: var(--color-primary);
  text-overflow: ellipsis;
}

.form__input:disabled {
  color: var(--color-gray-4);
}

.form__input::-webkit-input-placeholder {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.field-text,
.form__input::placeholder {
  transition: 0.3s;
}

.form__input::-webkit-input-placeholder,
.form__input::placeholder {
  color: var(--color-primary);
  font-weight: inherit;
  font-family: inherit;
}

.form__input::-webkit-contacts-auto-fill-button {
  opacity: 0;
}

.form__input:focus::-webkit-input-placeholder {
  color: var(--color-primary);
}

.field-text,
.form__input:focus::placeholder {
  color: var(--color-primary);
}

.field-text:focus,
.form__input:focus,
.field-text:hover,
.form__input:hover {
  outline-color: var(--color-accent);
}

.form__input:-webkit-autofill,
.form__input:-webkit-autofill:hover,
.form__input:-webkit-autofill:focus {
  border: inherit;
  -webkit-text-fill-color: var(--color-primary);
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

.form__input-wrapper:has(.form__label) .field-text,
.form__input-wrapper:has(.form__label) .form__input {
  padding: 26px 15px 10px 16px;
}

.field-text_error,
.form__input-wrapper.error .form__input {
  color: var(--error);
  outline-color: var(--error);
}

.form__input-wrapper.error .form__input::-webkit-input-placeholder {
  color: var(--error);
}

.field-text_error,
.form__input-wrapper.error .form__input::placeholder {
  color: var(--error);
}

.form__input-wrapper.valid .form__input {
  outline: 1px solid #28a745;
}

.form__required-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #828282;
  margin-top: -10px;
}

.field-error,
.form__error-message {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.17;
  color: var(--error);
  margin-top: -12px;
  text-align: left;
}

.form__dropzone .form__error-message {
  margin-top: 0;
  padding-top: 8px;
}

.form__error-message {
  display: none;
}

.error .form__error-message {
  display: inline-block;
  padding-left: 16px;
}

.valid .form__error-message {
  color: var(--success);
  display: inline-block;
  padding-left: 16px;
}

.form__input-wrapper_inline .button {
  padding: 14px 32px;
}

.search__input-wrapper .form__error-message {
  position: absolute;
  top: calc(100% + 14px);
}

.form__files.hidden + .form__error-message {
  //margin-top: 9px;
}

.form__input-wrapper.progress.error .form__error-message {
  display: none;
}

.form__clear-btn {
  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%3Cline x1='5.29289' y1='14.6064' x2='15.1924' y2='4.70687' stroke='%238095B7' stroke-width='2'/%3E%3Cline x1='15.1923' y1='14.6065' x2='5.29281' y2='4.70703' stroke='%238095B7' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 16px;
  top: 18px;
  cursor: pointer;
  display: none;
}

.form__clear-btn_active {
  display: inline-block;
}

.form__input-wrapper_inline .form__clear-btn {
  position: unset;
}

.form__input:disabled + .form__clear-btn {
  display: none;
}

.form__eye-btn {
  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 d='M17 16.25L4.5 3.75M8.5 8.70131C8.18882 9.04438 8 9.49503 8 9.98859C8 11.0634 8.89543 11.9347 10 11.9347C10.5093 11.9347 10.9741 11.7495 11.3272 11.4445M17.0323 11.9347C17.7209 10.904 18 10.0634 18 10.0634C18 10.0634 16.1795 4.25 10 4.25C9.65308 4.25 9.31989 4.26832 9 4.30291M14.5 14.4579C13.3521 15.1901 11.8744 15.7079 10 15.6773C3.89744 15.5775 2 10.0634 2 10.0634C2 10.0634 2.88155 7.2484 5.5 5.5361' stroke='%238095B7' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 16px;
  top: 18px;
  cursor: pointer;
}

.form__eye-btn_active {
  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 d='M12 10C12 11.0748 11.1046 12 10 12C8.89543 12 8 11.0748 8 10C8 8.92518 8.89543 8 10 8C11.1046 8 12 8.92518 12 10Z' stroke='%238095B7' stroke-width='2'/%3E%3Cpath d='M10 4C5 4 2.5 8 2 10C2.5 12 5 16 10 16C15 16 17.5 12 18 10C17.5 8 15 4 10 4Z' stroke='%238095B7' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.form__clue-btn {
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M10 7.04183V10.3752M10 17.5C5.85786 17.5 2.5 14.1421 2.5 10C2.5 5.85786 5.85786 2.5 10 2.5C14.1421 2.5 17.5 5.85786 17.5 10C17.5 14.1421 14.1421 17.5 10 17.5ZM10.0415 12.8752V12.9585L9.9585 12.9582V12.8752H10.0415Z' stroke='%23677188' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  right: 16px;
  top: 18px;
  cursor: pointer;
}

.form__input-wrapper:has(.form__clear-btn) .form__input {
  padding-right: 40px;
}

.form__input-wrapper:has(.form__eye-btn) .form__input {
  padding-right: 40px;
}

.range .form__input:disabled {
  color: var(--color-primary);
}

.field-text_error:hover,
.form__input-wrapper.error .form__input:hover {
  color: var(--error);
  outline-color: var(--error);
}

.form__title {
  font-weight: 500;
  font-size: 26px;
  line-height: 1.38;
  color: var(--color-primary);
  margin: 0;
}

.form__input-title {
  font-size: 16px;
  line-height: 1.56;
  font-weight: 600;
}

.form__input-title:has(span) {
  font-weight: 500;
}

.form__group-field {
  display: flex;
  gap: 12px;
  flex-direction: column;
}

.form__textarea,
.form__input_textarea {
  min-height: 120px;
  padding: 10px 16px;
  width: 100%;
  border-radius: var(--b-radius);
  color: inherit;
  resize: none;
  border: none;
}

.form__select {
  position: relative;
}

.field-select {
  cursor: pointer;
  padding-right: 60px;
}

.form__select_multi .field-select {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}

.form__input-wrapper:has(.form__label) .field-select {
  padding: 26px 60px 10px 16px;
}

.form__input-self-wrapper {
  position: relative;
}

.form__input-self-wrapper:has(.field-select)::before,
.form__select::before {
  content: "";
  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 d='M5 8L10 13L15 8' stroke='%230F0F0F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  transition: all 300ms ease-out;
  cursor: pointer;
  pointer-events: none;
}

.form__select::before {
  top: 18px;
  right: 16px;
}

.form__input-self-wrapper:has(.field-select)::before {
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form__select:has(.form__input-self-wrapper)::before {
  content: unset;
}

.form__select_active::before {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.form__select_active .form__input-self-wrapper::before {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

.form__select:has(.disabled) {
  pointer-events: none;
}

.form__select:has(.disabled) * {
  color: var(--color-gray-4) !important;
}

.form__select:has(.disabled)
  .form__input-self-wrapper:has(.field-select)::before {
  opacity: 0.2;
}

.form__options-block {
  position: absolute;
  z-index: 20;
  top: 58px;
  display: none;
  background: white;
  border-radius: var(--b-radius);
  opacity: 0;
  visibility: hidden;
  width: 100%;
  min-width: 220px;
  overflow: hidden;
  border: 1px solid var(--divider);
  box-shadow: 0 4px 20px 0 #0000001a;
}

.field-text_error:focus,
.form__input-wrapper.error .form__input:focus {
  outline: 1px solid var(--error);
  background: var(--color-icon);
}

.form__options-block_active,
.form__options:has(.form__option:focus) {
  display: block;
  opacity: 1;
  visibility: visible;
}

.form__options,
.form ul.form__options {
  font-size: 16px;
  line-height: 1.5;
  background: white;
  padding: 0;
  border: none;
  display: block;
  list-style-type: none;
  overflow: hidden;
  overflow-y: auto;
  max-height: 256px;
  margin: 4px;
}

.form__options:has(*:nth-child(4)) {
  padding-right: 4px;
  margin-right: 0;
}

.form__select_search .form__options {
  max-height: 176px;
}

.form__select:has(.form__input-self-wrapper) .form__options-block {
  top: 60px;
}

ul.form__options li {
  cursor: pointer;
  margin: 0;
  padding: 12px 18px;
  box-sizing: border-box;
  text-align: left;
}

ul.form__options li::before,
ul.form__options li::after {
  content: unset;
}

ul.form__options li:last-of-type {
  margin: 0;
}

ul.form__options li:hover,
.form__option_selected {
  color: var(--color-primary);
  font-weight: 500;
  background-color: var(--color-icon);
}

ul.form__options li:has(.form__select-label) {
  padding: 0 0 0 18px;
  pointer-events: none;
}

.form__options_active {
  display: block;
}

.form__select-label {
  padding: 12px 18px 12px 28px;
  pointer-events: all;
}

.form__group-title {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.27;
  margin-bottom: 12px;
}

.form__fields {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.form__button {
  /* width: 100%; */
  width: fit-content;
  margin: 0 auto;
  border: none;
  outline: none;
}

.form__button:focus {
  outline: 1px solid var(--color-accent);
}

.form__input_valid {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: none;
}

.form__captcha-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.form__captcha-field {
  height: 52px;
  background-color: white;
  border-radius: var(--b-radius);
  border: none;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.field-date {
  padding-right: 72px;
}

.field-date-wrapper {
  position: relative;
}

.field-date-wrapper::after {
  content: "";
  position: absolute;
  top: 12px;
  right: 24px;
  width: 24px;
  height: 24px;
  pointer-events: none;
}

.form__label {
  position: absolute;
  left: 16px;
  top: 20px;
  font-size: 16px;
  line-height: 1.375;
  transition: all 300ms ease-out;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  pointer-events: none;
  color: var(--color-primary);
  font-weight: 400;
  text-align: start;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 36px);
  z-index: 2;
  font-family: inherit;
}

.form__label_static {
  position: inherit;
  left: 0;
  top: 0;
  font-size: 12px;
}

.form__label_static.form__label_active {
  -webkit-transform: none;
  transform: none;
}

.form__label span {
  color: inherit;
}

.form__checkbox-label {
  font-size: 13px;
  font-weight: 500;
  line-height: 1.43;
  padding: 0;
  color: #677188;
}

.error .form__label,
.error .form__checkbox-label,
.error a {
  color: var(--error);
}

.datepicker-wrapper .form__label {
  width: calc(100% - 60px);
}

.form__input_text:focus + .form__label,
.form__label_active {
  -webkit-transform: translateY(-10px) scale(0.85);
  transform: translateY(-10px) scale(0.85);
}

html:has(.bx-win)
  .form__input-wrapper:has(.form__input:not(:placeholder-shown))
  .form__label {
  -webkit-transform: translateY(-10px) scale(0.85);
  transform: translateY(-10px) scale(0.85);
}

.form__label_active .js-show-tip,
.form__label_active .hidden-tip {
  display: none;
}

.form__checkbox-label:hover {
  color: var(--color-primary);
}

.form__select-search-container {
  margin: 4px;
  position: relative;
}

.form__select-search {
  width: 100%;
  padding: 9px 9px 9px 44px;
  background-color: var(--color-icon);
  font-size: 14px;
  line-height: 1.57;
  font-weight: 500;
  color: var(--color-gray-3);
  border: none;
  border-radius: 2px;
  box-sizing: border-box;
  outline: none;
  transition: all 200ms ease-in-out;
}

.form__select-search-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='7' stroke='url(%23paint0_radial_25015_95394)' stroke-width='2'/%3E%3Cpath d='M25 25L28.5 28.5' stroke='url(%23paint1_radial_25015_95394)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_25015_95394' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(13.3717 27) scale(13.1947 86.7554)'%3E%3Cstop stop-color='%23005DC7'/%3E%3Cstop offset='1' stop-color='%233384E0'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial_25015_95394' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(25.0929 28.5) scale(3.29867 21.6889)'%3E%3Cstop stop-color='%23005DC7'/%3E%3Cstop offset='1' stop-color='%233384E0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.form__select-search:focus {
  outline: 1px solid var(--color-accent);
  background-color: transparent;
}

.form__select-not-found {
  margin: 16px;
  pointer-events: none;
  text-align: left;
}

.form__input_checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  -webkit-clip-path: rect(0 0 0 0);
  clip-path: rect(0 0 0 0);
}

.option {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}

.check {
  padding-left: 28px;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.43;
  text-align: left;
  color: var(--color-primary);
}

.check:has(.privacy-agreement) {
  align-items: flex-start;
}

.check:has(.check__input:disabled) {
  opacity: 0.4;
  pointer-events: none;
}

.check__input {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  -webkit-clip-path: rect(0 0 0 0);
  clip-path: rect(0 0 0 0);
  padding: 0;
  min-height: unset;
  outline: unset;
  font-size: unset;
  line-height: unset;
  left: 0;
  top: 0;
  background: transparent;
  opacity: 0;
  margin: 0;
  padding: 0;
}

.radio__box {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: none;
  background-color: var(--color-gray-4);
  margin-left: -28px;
  transition: all 200ms ease-in-out;
  box-sizing: border-box;
}

.radio__box_top {
  top: 0;
}

.radio__box::after {
  content: "";
  width: 10px;
  height: 10px;
  -webkit-transform: scale(0);
  transform: scale(0);
  position: absolute;
  inset: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  background-color: var(--color-accent);
  border-radius: 50%;
  transition:
    opacity 50ms ease-in-out,
    -webkit-transform 0ms linear;
  transition:
    transform 0ms linear,
    opacity 50ms ease-in-out;
  transition:
    transform 0ms linear,
    opacity 50ms ease-in-out,
    -webkit-transform 0ms linear;
}

.check__input:checked + .radio__box::after {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 200ms ease-in-out;
  transition: transform 200ms ease-in-out;
  transition:
    transform 200ms ease-in-out,
    -webkit-transform 200ms ease-in-out;
}

.check.switch_big-text,
.check_big-text {
  font-size: 16px;
  line-height: 1.56;
  font-weight: 600;
}

.check.switch {
  padding-left: 0;
  padding-right: 56px;
  width: 100%;
}

.check.switch:not(:has(p)) {
  width: 46px;
  height: 22px;
  padding-right: 0;
}

.check.switch_fit {
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

.check.switch_reverse {
  padding-left: 56px;
}

.switch__box {
  position: absolute;
  width: 46px;
  height: 22px;
  background-color: var(--color-icon);
  border-radius: 100px;
  box-sizing: border-box;
  overflow: hidden;
  margin-left: 0;
  right: 0;
  transition: all 300ms ease-in-out;
  pointer-events: none;
}

.switch__box::after {
  position: absolute;
  left: 3px;
  top: 3px;
  content: "";
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0 2px 4px 0 #08090a24;
  transition: 350ms cubic-bezier(0.54, 1.6, 0.5, 1);
}

.check.switch_reverse .switch__box {
  right: unset;
  left: 0;
}

.check__input:checked + .switch__box {
  background-color: var(--color-accent);
}

.check__input:checked + .switch__box::after {
  -webkit-transform: translateX(23px);
  transform: translateX(23px);
}

.check__input:hover + .switch__box {
  background-color: #e4ebf0;
}

.check__input:checked:hover + .switch__box {
  background-color: var(--color-accent);
}

.form__dropzone {
  position: relative;
}

.form__dropzone-border {
  position: relative;
  padding: 19px;
  box-sizing: border-box;
  border-radius: var(--b-radius);
  outline: 2px dashed var(--divider);
  display: flex;
  flex-direction: column;
  cursor: pointer;
  background-color: transparent;
  transition: all 100ms ease-in-out;
}

.error .form__dropzone-border {
  outline-color: var(--error);
}

.form__dropzone-border:hover {
  outline-color: var(--color-accent);
  background-color: var(--color-icon);
}

.form__dropzone-input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
  width: 100%;
}

.form__dropzone-title-main {
  text-align: start;
  font-weight: 600;
  margin-bottom: 8px;
}

p.form__dropzone-title {
  position: relative;
  font-weight: 550;
  font-size: 14px;
  line-height: 1.43;
  text-align: center;
  color: #000;
  margin: 0 auto;
  padding-left: 24px;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}

.form__dropzone-title::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M8.21429 6.60658V11.6066C8.21429 12.5928 9.01378 13.3923 10 13.3923C10.9862 13.3923 11.7857 12.5928 11.7857 11.6066V6.42801C11.7857 4.55419 10.2667 3.03516 8.39286 3.03516C6.51903 3.03516 5 4.55419 5 6.42801V11.9637C5 14.7252 7.23858 16.9637 10 16.9637C12.7614 16.9637 15 14.7252 15 11.9637V6.60658' stroke='%23677188' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form__dropzone_base .form__dropzone-title {
  font-weight: 500;
  line-height: 1.375;
  color: #4d566d;
  padding: 0;
}

.form__pass-progress span {
  height: 4px;
  width: 0;
  border-radius: 2px;
  display: block;
  background-color: var(--color-accent);
}

.form__dropzone_base .form__dropzone-title span {
  color: var(--color-primary);
}

.form__dropzone_base .form__dropzone-title::before {
  display: none;
}

.form__dropzone-text {
  text-align: center;
  margin: 0 auto;
  -webkit-user-select: none;
  user-select: none;
}

.form__dropzone-text-limit {
  color: var(--color-gray-4);
  font-size: 12px;
  line-height: 1.17;
  display: flex;
  flex-direction: column;
  align-items: center;
}

input[type="file"],
input[type="file"]::-webkit-file-upload-button {
  cursor: pointer;
}

.form__files {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 11;
  width: 100%;
  gap: 10px;
  background-color: transparent;
}

.file-item {
  padding: 5px 11px;
  border-radius: var(--b-radius);
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: white;
  transition: all 300ms ease;
}

.file-item:has(.file-item__delete:hover) {
  background-color: var(--color-teal-3);
}

.file-item__name {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.28571;
  white-space: nowrap;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-item__size {
  display: none;
  color: var(--color-gray-4);
  font-size: 12px;
  line-height: 1.17;
}

.file-item__delete {
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2929 5.29289C17.6834 4.90237 18.3164 4.90237 18.707 5.29289C19.0975 5.68342 19.0975 6.31643 18.707 6.70696L13.414 11.9999L18.707 17.2929C19.0975 17.6834 19.0975 18.3164 18.707 18.707C18.3164 19.0975 17.6834 19.0975 17.2929 18.707L11.9999 13.414L6.70696 18.707C6.31643 19.0975 5.68342 19.0975 5.29289 18.707C4.90237 18.3164 4.90237 17.6834 5.29289 17.2929L10.5859 11.9999L5.29289 6.70696C4.90237 6.31643 4.90237 5.68342 5.29289 5.29289C5.68342 4.90237 6.31643 4.90237 6.70696 5.29289L11.9999 10.5859L17.2929 5.29289Z' fill='%235E6062'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 24px;
  width: 24px;
  cursor: pointer;
  transition: all 300ms ease-out;
}

.file-item__delete:hover {
  opacity: 0.8;
}

.form__inline-buttons {
  position: absolute;
  right: 4px;
  top: 4px;
  display: flex;
  gap: 10px;
  align-items: center;
}

.form__input-wrapper:has(.button.hidden)::before {
  content: unset;
}

.range__item {
  -webkit-appearance: none;
  appearance: none;
  border-radius: 16px;
  height: 2px;
  background: #dee5e8;
  margin-top: -18px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}

.range__item::-moz-range-thumb,
.range__item::-webkit-slider-thumb {
  appearance: none;
  height: 11px;
  width: 11px;
  background-color: #0072bb;
  border-radius: 50%;
  border: none;
}

.range__values {
  display: flex;
  justify-content: space-between;
  margin-top: -6px;
}

.range__min,
.range__max {
  color: #afafaf;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.43;
}

.form__input-wrapper.datepicker-wrapper .form__input_datepicker {
  padding: 26px 40px 10px 16px;
  cursor: pointer;
}

.datepicker-wrapper .daterangepicker .calendar-table thead tr:first-child {
  border-bottom: 10px solid transparent;
}

.datepicker-wrapper .daterangepicker .calendar-table th,
.datepicker-wrapper .daterangepicker .calendar-table td {
  min-width: 40px;
  width: 40px;
  height: 40px;
  font-size: 16px;
  border-radius: 8px;
  border: none;
}

.datepicker-wrapper .daterangepicker .calendar-table thead th {
  font-weight: 600;
}

.datepicker-wrapper .daterangepicker .calendar-table thead tr:last-child th {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-gray-3);
}

.datepicker-wrapper .daterangepicker .drp-calendar {
  max-width: none;
}

.datepicker-wrapper .daterangepicker .drp-calendar.right {
  padding: 24px 24px 24px 6px;
}

.datepicker-wrapper .daterangepicker .drp-calendar.left {
  padding: 24px 6px 24px 24px;
}

.datepicker-wrapper .daterangepicker {
  position: absolute;
  width: -webkit-max-content;
  width: max-content;
  border: none;
  border-radius: 2px;
  box-shadow: 0 4px 30px 0 #2169bd26;
}

.datepicker-wrapper .daterangepicker.openscenter::before,
.datepicker-wrapper .daterangepicker.openscenter::after {
  display: none;
}

.datepicker-wrapper .daterangepicker td.active,
.datepicker-wrapper .daterangepicker td.active:hover {
  background-color: var(--color-accent);
}

.datepicker-wrapper .daterangepicker td.off,
.datepicker-wrapper .daterangepicker td.off.in-range,
.datepicker-wrapper .daterangepicker td.off.start-date,
.datepicker-wrapper .daterangepicker td.off.end-date {
  color: #8095b780;
}

.datepicker-wrapper .daterangepicker td.in-range {
  border-radius: 0;
}

.datepicker-wrapper .daterangepicker td.start-date,
.datepicker-wrapper .daterangepicker td.end-date {
  border-radius: 8px;
}

.datepicker-wrapper .daterangepicker .calendar-table .prev,
.datepicker-wrapper .daterangepicker .calendar-table .next {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 2px solid transparent;
}

.datepicker-wrapper .daterangepicker .calendar-table .prev span,
.datepicker-wrapper .daterangepicker .calendar-table .next span {
  display: inline;
  border: none;
  width: 20px;
  height: 20px;
  -webkit-transform: none;
  transform: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M12.5003 15.8332L6.66699 9.99984L12.5003 4.1665' stroke='%230F0F0F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.datepicker-wrapper .daterangepicker .calendar-table .next span {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.datepicker-wrapper {
  position: relative;
}

.datepicker-wrapper::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  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 d='M4.58333 7.42855H16.25M6.09127 2.5V3.78586M14.5833 2.5V3.78571M14.5833 3.78571H6.25C4.86929 3.78571 3.75 4.93697 3.75 6.35712V14.9286C3.75 16.3487 4.86929 17.5 6.25 17.5H14.5833C15.964 17.5 17.0833 16.3487 17.0833 14.9286L17.0833 6.35712C17.0833 4.93697 15.964 3.78571 14.5833 3.78571Z' stroke='%234D566D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}

.datepicker-wrapper .daterangepicker .monthselect,
.datepicker-wrapper .daterangepicker .yearselect {
  -webkit-appearance: none;
  appearance: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  width: auto;
  text-align: center;
  text-align-last: center;
  padding: 10px;
  color: var(--color-primary);
  border: none;
  border-radius: var(--b-radius);
  cursor: pointer;
  margin-top: -1px;
}

.datepicker-wrapper .daterangepicker .monthselect::-ms-expand,
.datepicker-wrapper .daterangepicker .yearselect::-ms-expand {
  display: none;
}

.datepicker-wrapper .daterangepicker .monthselect:focus-visible,
.datepicker-wrapper .daterangepicker .yearselect:focus-visible {
  outline: 1px solid var(--divider);
}

.form__input-wrapper.error {
  .form__input:-webkit-autofill,
  .form__input:-webkit-autofill:hover,
  .form__input:-webkit-autofill:focus {
    border: inherit;
    -webkit-text-fill-color: var(--error);
    box-shadow: 0 0 0 1000px #ff55341a inset;
  }
}

#password {
  padding-right: 40px;
}

.form__input-wrapper:has(.form__input:-webkit-autofill) .form__label {
  -webkit-transform: translateY(-8px) scale(0.7);
  transform: translateY(-8px) scale(0.7);
}

.form__fieldset:has(.error[data-id="password-wrapper"]):has(#password)
  .form__label {
  color: var(--error) !important;
}

.form__fieldset:has(.error[data-id="password-wrapper"]):has(#password)
  .form__input {
  background: #ff55341a !important;
  color: var(--error) !important;
}

.form__input-wrapper.progress {
  gap: 0;
  margin-bottom: -16px;
}

.form__skip-link {
  text-align: center;
  margin-top: 16px;
}

.form__input-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
  width: 24px;
  height: 24px;
}

.form__input-wrapper:has(.form__input-icon) .input {
  padding-right: 44px;
}

.check,
.radio {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  text-align: left;
  color: var(--color-primary);
  display: flex;
  gap: 8px;
  align-items: flex-start;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  cursor: pointer;
  position: relative;
}

.check:has(.check__input:disabled) {
  opacity: 0.4;
  pointer-events: none;
}

.check__box {
  box-sizing: border-box;
  width: 22px;
  height: 22px;
  background-color: white;
  border-radius: 4px;
  border: 2px solid transparent;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
  margin-left: -28px;
  flex-shrink: 0;
}

.check__box::before {
  content: "";
  opacity: 0;
  visibility: hidden;
  background-color: var(--color-accent);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5998 7.39417L7.37402 11.1684L13.1228 5.41958' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  transition:
    opacity 50ms ease-in-out,
    -webkit-transform 0ms linear;
  transition:
    transform 0ms linear,
    opacity 50ms ease-in-out;
  transition:
    transform 0ms linear,
    opacity 50ms ease-in-out,
    -webkit-transform 0ms linear;
}

.form__select-label .check__box {
  pointer-events: none;
}

.check__input:checked + .check__box {
  border-color: var(--color-accent);
}

.check__input:disabled:hover + .check__box {
  box-shadow: none;
}

.error .check__box {
  border-color: var(--error);
}

.check__input:checked + .check__box::before {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}

@media screen and (width < 1372px) {
  .form__input-wrapper.datepicker-wrapper .form__input_datepicker {
    padding: 19px 36px 8px 12px;
  }
  .form__input-wrapper:has(.form__label) .field-text,
  .form__input-wrapper:has(.form__label) .form__input {
    padding: 19px 12px 8px 12px;
  }
  .form__input-wrapper:has(.form__label) .field-select {
    padding: 19px 50px 8px 12px;
  }
  .form__textarea,
  .form__input_textarea {
    padding: 12px;
  }
  .field-text,
  .form__input {
    min-height: 40px;
  }
  .form__label {
    left: 12px;
    top: 16px;
  }
  .form__input_text:focus + .form__label,
  .form__label_active {
    color: var(--color-primary);
    -webkit-transform: translateY(-8px) scale(0.71);
    transform: translateY(-8px) scale(0.71);
  }
  .form__select:has(.form__input-self-wrapper) .form__options-block {
    top: 47px;
  }
}

@media screen and (width < 1024px) {
  .form-container {
    gap: 16px;
  }
}

@media screen and (width < 768px) {
  .form__error-message {
    margin-top: -6px;
  }
  .form__fieldset {
    gap: 8px;
  }
  .form__input-wrapper {
    gap: 8px;
  }
  .range__item {
    margin-top: -10px;
  }
  .datepicker-wrapper .daterangepicker .drp-calendar.right {
    padding: 10px 4px 10px 4px;
  }
  .datepicker-wrapper .daterangepicker .drp-calendar.left {
    padding: 10px 4px 4px 10px;
  }
  .form__input-wrapper:has(input[data-size="50"]) {
    flex-basis: 100%;
  }
}

@media screen and (width < 651px) {
  .datepicker-wrapper .daterangepicker {
    width: -webkit-min-content;
    width: min-content;
  }
}

@media screen and (width < 460px) {
  .datepicker-wrapper .daterangepicker .calendar-table td {
    width: 24px;
    height: 24px;
    font-size: 14px;
    padding: 4px;
  }
}

.section-popular:has(.section-header[style*="display: none"]) {
  display: none;
}

/* костыль для рекламного согласия, чтобы был в конце */

.form__fieldset:has([name*="ADV_CONSENT"]) {
  order: 2;
}

.form__button {
  order: 3;
}

/* End */


/* Start:/assets/css/vendor/fancybox.css?177588501332693*/
:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font)}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}

/* End */


/* Start:/local/templates/.default/components/bitrix/menu/top/style.css?17835097045227*/
.top-link {
  line-height: 22px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 8px;
  color: white;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.top-link.button_primary {
  padding-right: 0;
  @media (min-width: 1900px) {
    padding-right: 20px;
  }
}

.navbar__item:nth-child(1) .top-link.button_primary {
  padding-right: 20px;
}
.top-link:hover {
  color: var(--color-accent);
}

.top-link.js-drop-menu::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15.5L8 10.5H17L12.5 15.5Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.top-link.js-drop-menu:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15.5L8 10.5H17L12.5 15.5Z' fill='%2331C4B4'/%3E%3C/svg%3E%0A");
}

.top-link.js-drop-menu.active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 9L17 15L7 15L12 9Z' fill='%2331C4B4'/%3E%3C/svg%3E%0A");
}

.top-link.active {
  color: var(--color-accent);
}

.top-link_special {
  padding: 13px 12px 13px 20px;
  border-radius: var(--b-radius);
}

.top-link.top-link_special::after,
.top-link.top-link_special.active::after,
.top-link.top-link_special:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15.5L8 10.5H17L12.5 15.5Z' fill='%230a0f16'/%3E%3C/svg%3E%0A");
}

.drop-menu {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  right: 0;
  z-index: 1000;
  background: rgba(37, 50, 71, 0.9);
  -webkit-backdrop-filter: blur(15.5px);
  backdrop-filter: blur(15.5px);
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  border-radius: var(--b-radius);
}

.drop-menu.active {
  z-index: 1000;
  pointer-events: auto;
}

.drop-menu__container {
  width: 100%;
  opacity: 0;
  visibility: hidden;
  border-top: 1px solid rgba(176, 183, 201, 0.4);
  padding: 30px 20px 60px 20px;
  border-radius: var(--b-radius);
}

.drop-menu.active,
.drop-menu.active .drop-menu__container {
  opacity: 1;
  visibility: visible;
}

.drop-menu__title {
  position: absolute;
  left: 20px;
  top: 30px;
  color: white;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.28571;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 19px;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-20px);
  transition: all 0.3s ease;
}

.drop-menu.active .drop-menu__title {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  z-index: 1001;
}

.drop-menu__title::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--color-accent);
}

.drop-menu__list-container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 40px 30px;
}

.drop-menu__list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
}

.navbar__item:has(.drop-menu.active) .top-link.js-drop-menu::after {
  transform: rotate(180deg);
}

.drop-menu__list a {
  color: white;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  transition: all 0.3s ease;
}

.drop-menu__list a:hover {
  color: var(--color-text-link);
  text-decoration-color: var(--color-text-link);
}

.drop-menu__item:has(.drop-menu__link_parent) {
  padding-bottom: 8px;
}

body:has(.theme-light) {
  .top-link {
    color: var(--color-primary);
  }
  .top-link::after {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15.5L8 10.5H17L12.5 15.5Z' fill='%230a0f16'/%3E%3C/svg%3E%0A");
  }
  .top-link.js-drop-menu:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15.5L8 10.5H17L12.5 15.5Z' fill='%2331C4B4'/%3E%3C/svg%3E%0A");
  }
  .top-link.top-link_special:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 15.5L8 10.5H17L12.5 15.5Z' fill='%230a0f16'/%3E%3C/svg%3E%0A");
  }
  .drop-menu {
    background: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(15.5px);
    backdrop-filter: blur(15.5px);
  }
  .drop-menu__list a {
    color: var(--color-primary);
  }
  .drop-menu__list a:hover {
    color: var(--color-accent);
    text-decoration-color: var(--color-accent);
  }
  .drop-menu__title {
    color: var(--color-primary);
  }
}

.bx-touch .top-link.top-link_special::after,
.bx-touch .top-link.js-drop-menu::after {
  display: none;
}

/* End */


/* Start:/local/templates/.default/components/arturgolubev/search.title/.default/style.css?178488275111819*/
/* div.title-search-result {
	display: block !important;
} */

.bx_smart_searche,
.bx-searchtitle {
  font-size: 14px;
  line-height: 1.4285;
}
.bx_smart_searche,
.bx_smart_searche *,
.bx-searchtitle,
.bx-searchtitle * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bx-searchtitle {
  margin: 0;
}
.bx-searchtitle-history {
  margin-top: 5px;
}
.bx-searchtitle-history a {
  color: var(--color-primary);
  text-decoration: underline;
}
.bx-searchtitle-history a:hover {
  text-decoration: none;
}
.bx-searchtitle-popup-history {
  padding: 12px;
}
.bx-searchtitle-popup-history-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bx-searchtitle-popup-history-clear {
  font-size: 14px;
  line-height: 1.4285;
  cursor: pointer;
}
.bx-searchtitle-popup-history-clear:hover {
  opacity: 0.8;
}
.bx-searchtitle-popup-history-title {
  font-size: 16px;
  line-height: 1.25;
  padding-left: 3px;
}
.bx-searchtitle-popup-history-items {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 2px;
}
.bx-searchtitle-popup-history-item {
  padding: 6px 10px 6px 6px;
  border-radius: var(--b-radius);
  text-decoration: none;
  color: var(--color-primary);
}
.bx-searchtitle-popup-history-item:hover {
  background: var(--color-bg-sec);
  color: var(--color-primary);
}
.bx-searchtitle-popup-history-item::before {
  content: "";
  width: 16px;
  height: 16px;
  background: url(/local/templates/.default/components/arturgolubev/search.title/.default/images/search-icon.svg) center center no-repeat;
  background-size: 12px auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-bottom: 1px;
}
.bx-searchtitle-popup-history-item span {
  vertical-align: middle;
}

.bx-searchtitle .bx-block-title {
  color: var(--color-primary);
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.4285;
  margin-bottom: 9px;
  font-weight: 600;
}
.bx-searchtitle .bx-input-group {
  position: relative;
  border-collapse: separate;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bx-searchtitle .bx-input-group .bx-form-control {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-bottom: 0;
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.4285;
  color: var(--color-primary);
  background-color: white;
  border: 1px solid var(--color-border);
  border-radius: var(--b-radius);
  outline: none;
  box-shadow: none !important;
  -webkit-transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  transition:
    border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
}
.bx-searchtitle .bx-input-group .bx-form-control:focus {
  background-color: white;
  border-color: var(--color-accent);
}
.bx-ios .bx-searchtitle .bx-input-group .bx-form-control {
  /* Fix of input shadow for IOS browsers. */
  background-image: -webkit-linear-gradient(
    var(--color-bg-sec) 0%,
    var(--color-bg-sec) 100%
  );
  background-image: linear-gradient(
    var(--color-bg-sec) 0%,
    var(--color-bg-sec) 100%
  );
}
.bx-searchtitle .bx-input-group-btn {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  white-space: nowrap;
  line-height: normal;
  display: flex;
  align-items: center;
}

div.title-search-result {
  border: 0 none !important;
  display: none;
  overflow: hidden;
  z-index: 10000;
  min-width: 200px;
  margin-top: 3px;
  background-color: #fff;
  border-radius: var(--b-radius);
  box-shadow: 0px 0px 2px 0px #ccc;
}
div.title-search-result-shadow {
  position: absolute;
  z-index: 998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

div.title-search-fader {
  display: none;
  background-image: url("/local/templates/.default/components/arturgolubev/search.title/.default/images/fader.png");
  background-position: right top;
  background-repeat: repeat-y;
  position: absolute;
}

p.title-search-preview {
  font-size: 14px;
  line-height: 1.4285;
}
div.title-search-result td.title-search-price span {
  font-size: 26px;
}

/*========================*/
.bx_smart_searche {
  border-top: 0 none;
  border-radius: var(--b-radius);
  /* border: 1px solid #eee; */
}
.bx_smart_searche .bx_info_wrap {
  margin-left: 85px;
}
.bx_smart_searche .bx_img_element {
  float: left;
  padding: 5px;
  width: 75px;
  text-align: center;
}
.bx_smart_searche .bx_item_block {
  min-height: 65px;
  position: relative;
}
.bx_smart_searche .bx_image {
  display: inline-block;
  max-width: 100%;
}
.bx_smart_searche .bx_image.empty_image {
  background-image: url(/local/templates/.default/components/arturgolubev/search.title/.default/image/noimg.png);
}
.bx_smart_searche .bx_item_element {
  padding: 8px 0;
}
.bx_smart_searche .bx_item_element_all_result {
  text-align: center;
}
.bx_smart_searche .bx_item_element hr {
  margin: 0;
  border: none;
  border-bottom: 1px solid var(--color-border);
}
.bx_smart_searche .bx_item_element a {
  margin-top: 5px;
  display: inline-block;
  color: var(--color-primary);
  font-size: 14px;
  line-height: 1.4285;
  text-decoration: none;
  font-weight: 600;
}
.bx_smart_searche .bx_item_element a b {
  font-weight: 600;
  color: var(--color-primary);
}
.bx_smart_searche .bx_item_element a:hover,
.bx_smart_searche .bx_item_element a:hover b {
  text-decoration: underline;
}
.bx_smart_searche .bx_item_preview_text {
  font-size: 14px;
  line-height: 1.4285;
  padding: 5px 10px 5px 0;
}
.bx_smart_searche .bx_price {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  margin-top: 5px;
}
.bx_smart_searche .bx_price .old {
  font-weight: normal;
  text-decoration: line-through;
  color: #636363;
  font-size: 14px;
  line-height: 1.4285;
  vertical-align: middle;
}
.bx_smart_searche .bx_item_block.all_result {
  min-height: 0;
}
.bx_smart_searche .bx_item_block.others_result {
  min-height: 0;
  line-height: 12px;
  padding: 0;
}
.bx_smart_searche .bx_item_block.all_result .all_result_button {
  display: block;
  font-size: 14px;
  line-height: 1.4285;
  text-decoration: none;
  margin: 0;
  line-height: 34px;
  letter-spacing: 0.5px;
  font-weight: normal;
}
.bx_smart_searche .bx_item_block_title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.25;
  margin: 20px 20px 10px;
  color: var(--color-primary);
}
.bx_smart_searche .bx_item_block_href {
  display: block;
  text-decoration: none;
  padding: 5px 20px;
}
.bx_smart_searche .bx_item_block_href:hover {
  background-color: #f6f6f6;
}
.bx_smart_searche .bx_item_block_hrline {
  border-bottom: 1px solid #eee;
}
.bx_item_block_item_clear {
  display: block;
  clear: both;
}
.bx_smart_searche .bx_item_block_item_info_wrap {
  display: block;
}
.bx_smart_searche .bx_item_block_item_info_wrap.wpic {
  padding-left: 39px;
}
.bx_item_block_item_info_wrap_flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.bx_item_block_item_info_wrap_inner {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.bx_smart_searche .bx_item_block_item_info {
  display: block;
}
.bx_smart_searche .bx_item_block_href_category_title {
  margin-bottom: 2px;
  display: inline-block;
  font-size: 14px;
  line-height: 1.4285;
  opacity: 0.4;
}
.bx_smart_searche .bx_item_block_href_category_name {
  font-size: 16px;
  line-height: 1.25;
  color: var(--color-primary);
}
.bx_item_block_href_category_name b {
  color: var(--color-accent);
}
.bx_smart_searche .bx_item_block_item_image {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px;
  position: relative;
  color: var(--color-primary);
}
.bx_smart_searche .bx_item_block_item_image img,
.bx_item_block_item_image svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.bx_smart_searche .bx_item_block_item_name {
  color: var(--color-primary);
  display: block;
  font-size: 16px;
  line-height: 1.25;
}
.bx_smart_searche .bx_item_block_item_simple_name {
  color: var(--color-primary);
  display: block;
  line-height: 17px;
}
.bx_smart_searche .bx_item_block_item_name b,
.bx_smart_searche .bx_item_block_item_simple_name b {
  color: var(--color-accent);
}
.bx_smart_searche .bx_item_block_item_price {
  float: right;
  text-align: right;
  color: var(--color-primary);
  padding-left: 5px;
  font-size: 16px;
  line-height: 1.25;
}
.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one {
  line-height: 34px;
}
.bx_smart_searche .bx_item_block_item_price .bx_price_new {
  white-space: nowrap;
  font-weight: 600;
  display: block;
}
.bx_smart_searche .bx_item_block_item_price .bx_price_old {
  white-space: nowrap;
  text-decoration: line-through;
}
.bx_smart_searche .bx_item_block_item_text {
  color: rgba(0, 0, 0, 0.7);
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.4285;
}
.bx_smart_searche .bx_item_block_item_props {
  color: rgba(0, 0, 0, 0.7);
  display: block;
  font-size: 14px;
  line-height: 1.4285;
}
.bx_item_block_item_prop_item {
  display: block;
}
.bx_smart_no_result_find {
  padding: 20px;
}

/* clear cross */
.bx-searchtitle .bx-searchtitle-clear {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 110%;
  width: 30px;
  height: 30px;
  z-index: 4;
  display: none;
  font-size: 35px;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  color: #000;
}
.bx-searchtitle .bx-searchtitle-clear:after {
  display: inline-block;
  content: "\00d7";
}

/* voice input */
.bx-searchtitle .bx-searchtitle-voice {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 110%;
  width: 30px;
  height: 30px;
  z-index: 4;
  display: none;
  font-size: 28px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.7);
}
.bx-searchtitle .bx-searchtitle-voice svg {
  display: block;
  width: 22px;
  height: 22px;
  margin: 4px;
}
.bx-searchtitle .bx-searchtitle-voice.voice-show {
  display: block;
}

.bx-searchtitle .bx-searchtitle-voice.active::after,
.bx-searchtitle .bx-searchtitle-voice.active::before {
  content: "";
  position: absolute;
  border: 3px solid #3d64ff;
  left: -20px;
  opacity: 0;
  right: -20px;
  top: -20px;
  bottom: -20px;
  border-radius: 50%;
  animation: searchpulse 2.5s linear infinite;
}

.bx-searchtitle .bx-searchtitle-voice.active::after {
  animation-delay: 1.25s;
}

@keyframes searchpulse {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}

/* preloader base */
.bx-searchtitle .bx-searchtitle-preloader {
  position: absolute;
  top: 2px;
  right: 110%;
  width: 30px;
  height: 30px;
  z-index: 5;
  display: none;
  /* display: block; */
}
.bx-searchtitle .bx-searchtitle-preloader.view {
  background: url(/local/templates/.default/components/arturgolubev/search.title/.default/images/loader_orange.gif) center center no-repeat white;
}

/* blue */
.bx_smart_searche.theme-blue .bx_item_block_item_image {
  color: var(--color-gray-1);
}
.bx-searchtitle.theme-blue .bx-input-group .bx-form-control {
  border-color: var(--color-gray-1);
}
.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view {
  background-image: url(/local/templates/.default/components/arturgolubev/search.title/.default/images/loader_blue.gif);
}
.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button {
  color: var(--color-accent);
}
.bx_smart_searche.theme-blue
  .bx_item_block.all_result
  .all_result_button:hover {
  opacity: 0.8;
}
/* .bx-searchtitle.theme-blue .bx-input-group-btn button {
  background-color: var(--color-gray-1);
  border-color: var(--color-gray-1);
  color: white;
} */
.bx-searchtitle.theme-blue .bx-input-group-btn button:hover {
  background-color: #5ca6e4;
  border-color: #5ca6e4;
  text-decoration: none;
}
.bx-searchtitle.theme-blue .bx-searchtitle-clear {
  color: var(--color-gray-1);
}
.bx-searchtitle.theme-blue .bx-searchtitle-voice svg path {
  fill: var(--color-gray-1);
}

/* End */


/* Start:/local/templates/.default/components/bitrix/menu/top.mobile/style.css?17833282581732*/
.navbar-mobile .top-link {
  text-transform: uppercase;
  margin-bottom: 10px;
}

.navbar__item-third-level {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 10px;
}

.navbar__item-third-level-item {
  color: white;
  display: none;
}

.navbar__item-third-level-item:not(.js-mobile-menu-acc) {
  padding-left: 10px;
}

.navbar__item-third-level-item.js-mobile-menu-acc {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.navbar__item-third-level:has(.navbar__item-third-level-item:nth-child(2)) {
  .navbar__item-third-level-item:last-child {
    margin-bottom: 10px;
  }
  .navbar__item-third-level-arrow {
    display: inline-block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L6 8H18L12 16Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
  }
  .navbar__item-third-level-item.js-mobile-menu-acc.active {
    color: var(--color-accent);
  }
  .navbar__item-third-level-item.active .navbar__item-third-level-arrow {
    transform: rotate(180deg);
  }
}

body:has(.theme-light) .navbar__item-third-level:has(.navbar__item-third-level-item:nth-child(2)) {
  .navbar__item-third-level-arrow {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L6 8H18L12 16Z' fill='%230a0f16'/%3E%3C/svg%3E%0A");
  }
}

.navbar__item-third-level:has(.active) .navbar__item-third-level-item {
  display: flex;
}

/* End */


/* Start:/local/templates/.default/components/bitrix/menu/footer/style.css?17863661452119*/
.footer-menu {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
  grid-column: span 2;
  @media (min-width: 768px) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 20px;
  }
}

.footer-menu__item {
  order: 3;
}

.footer-menu__item a {
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  text-decoration-color: transparent;
  transition: all 0.3s ease;
}

@media (min-width: 768px) {
  .footer-menu__item a:hover {
    text-decoration-color: white;
  }
}

.footer-menu__item.catalog-item {
  order: 1;
}

.footer-menu__item.services-item {
  order: 2;
}

.footer-menu__link {
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.28571;
  @media (min-width: 1900px) {
    font-size: 16px;
    line-height: 1.375;
  }
}

.footer-submenu {
  display: flex;
  flex-direction: column;
  gap: 8px;
  list-style: none;
  margin-top: 10px;
  @media (min-width: 768px) {
    margin-top: 20px;
    gap: 12px;
  }
  @media (min-width: 1900px) {
    margin-top: 30px;
    gap: 16px;
  }
}

.footer-submenu__link {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.28571;
  @media (min-width: 1900px) {
    font-size: 16px;
    line-height: 1.375;
  }
}
.footer-menu__link-arrow {
  display: none;
}

@media (max-width: 768px) {
  .footer-submenu {
    display: none;
  }
  .footer-menu__item:has(.active) .footer-submenu {
    display: flex;
  }
  .footer-menu__link:has(+ .footer-submenu) {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer-menu__link-arrow {
    display: inline-block;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L6 8H18L12 16Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
  }
  .footer-menu__link-arrow.active {
    transform: rotate(180deg);
  }
}

/* End */


/* Start:/local/templates/titan/styles.css?178706993531875*/
:root {
  --color-primary: #0a0f16;
  --color-text-3-disable: #a3b1be;
  --color-text-contrast: #ffffff;
  --color-bg-sec: #f1f9f7;
  --color-bg-sec-2: #253247;
  --color-accent: #31c4b4;
  --color-teal-3: #47f7e4;
  --color-text-link: #31c4b4;
  --color-link-hover: #c1ede9;
  --color-link-contrast: #ffffff;
  --color-icon: #e7ecf2;
  --color-icon-contrast: #ffffff;
  --color-map: #c3cade;
  --color-map2: #f3e0d8;
  --color-teal-1: #0781a3;
  --color-gray-1: #2e3031;
  --color-gray-2: #474a4b;
  --color-gray-3: #5e6062;
  --color-gray-4: #b0b7c9;
  --color-gray-6: #dde4ed;
  --color-gray-7: #eaedf5;
  --color-gray-8: #ebeef6;
  --color-gray-9: #eff1f5;
  --error: #da5d32;
  --success: var(--color-accent);
  --divider: #adadad;
  --color-border: #ccd2da;
  --gradient-1: linear-gradient(
    180deg,
    var(--color-gray-8) 0%,
    rgb(251 248 247 / 0%) 100%
  );
  --gradient-2: linear-gradient(
    130deg,
    var(--color-bg-sec) 4.42%,
    var(--color-gray-6) 100%
  );
  --gradient-3: linear-gradient(
    135deg,
    var(--color-teal-3) 0%,
    var(--color-teal-1) 100%
  );
  --gradient-link:
    radial-gradient(
      136.42% 111.49% at 77.58% 50%,
      var(--color-teal-3) 0%,
      var(--color-teal-1) 100%
    ),
    radial-gradient(
      169.17% 93.3% at 35.43% 30.21%,
      var(--color-teal-3) 0%,
      var(--color-teal-1) 100%
    );
  --gradient-4: radial-gradient(
    ellipse at 16.6209px 13.3669px,
    var(--color-gray-2) 0%,
    var(--color-gray-1) 100%
  );
  --max-width: 100%;
  --b-radius: 8px;
  --space-2xs: 10px;
  --space-xs: 10px;
  --space-sm: 20px;
  --space-md: 20px;
  --space-lg: 30px;
  --space-xl: 30px;
  --space-2xl: 40px;
  --space-3xl: 40px;
  --space-4xl: 60px;
  --space-5xl: 60px;
  --space-6xl: 60px;
  --page-margin: 16px;
  @media (min-width: 768px) {
    --page-margin: 30px;
  }
  @media (min-width: 1280px) {
    --space-2xs: 10px;
    --space-xs: 16px;
    --space-sm: 20px;
    --space-md: 20px;
    --space-lg: 40px;
    --space-xl: 40px;
    --space-2xl: 50px;
    --space-3xl: 80px;
    --space-4xl: 80px;
    --space-5xl: 120px;
    --space-6xl: 120px;
    --page-margin: 40px;
  }
  @media (min-width: 1760px) {
    --max-width: 1680px;
    --page-margin: calc((50vw - var(--max-width) / 2) * 1);
  }
  @media (min-width: 1900px) {
    --space-2xs: 10px;
    --space-xs: 16px;
    --space-sm: 20px;
    --space-md: 30px;
    --space-lg: 40px;
    --space-xl: 50px;
    --space-2xl: 60px;
    --space-3xl: 80px;
    --space-4xl: 100px;
    --space-5xl: 130px;
    --space-6xl: 130px;
  }
  @media (min-width: 2100px) {
    --page-margin: 210px;
  }
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

html {
  font-family: "Roboto Flex", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  scroll-behavior: smooth;
}

body:has(.hero_main) {
  background: var(--color-bg-sec);
}

pre {
  max-width: 100%;
  overflow: auto;
  background: white;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid red;
  color: black !important;
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
hr,
blockquote {
  margin: 0;
  padding: 0;
}

p:empty {
  display: none !important;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

b,
strong {
  font-weight: 500;
}

h1,
.h1 {
  font-family: "Exo 2", sans-serif;
  font-size: 46px;
  line-height: 1;
  font-weight: 600;
  width: 100%;
}

h2,
.h2 {
  font-family: "Exo 2", sans-serif;
  font-size: 42px;
  line-height: 1.095238;
  font-weight: 600;
  width: 100%;
  letter-spacing: -1.26px;
}

h3,
.h3 {
  font-family: "Exo 2", sans-serif;
  font-size: 32px;
  line-height: 1.25;
  font-weight: 600;
}

h4,
.h4 {
  font-family: "Exo 2", sans-serif;
  font-size: 22px;
  line-height: 1.09091;
  font-weight: 600;
}

.p-s {
  font-size: 14px;
  line-height: 1.42857;
}

.p-l {
  font-size: 18px;
  line-height: 1.4286;
  font-weight: 500;
}

.p-xl {
  font-size: 30px;
  line-height: 1.1667;
  font-weight: 500;
}

.relative {
  position: relative;
}

@media screen and (max-width: 1280px) {
  h1,
  .h1 {
    font-size: 36px;
    line-height: 1.1111;
  }
  h2,
  .h2 {
    font-size: 30px;
    line-height: 1.13333;
    letter-spacing: -0.9px;
  }
}

@media screen and (max-width: 1900px) {
  h3,
  .h3 {
    font-size: 24px;
    line-height: 1.1667;
  }
  h4,
  .h4 {
    font-size: 18px;
    line-height: 1.2222;
  }

  .p-l,
  .p-xl {
    font-size: 16px;
    line-height: 1.5;
  }
}

#panel {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  z-index: 1000;
}

#panel:not(:has(#bx-panel)) {
  display: none;
}

.caption {
  font-size: 12px;
  line-height: 1.3333;
  font-weight: 400;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 13px 20px;
  border-radius: var(--b-radius);
  text-decoration: none;
  cursor: pointer;
  border: none;
  background: transparent;
}

.button_primary {
  overflow: hidden;
  padding: 13px 14px;
  white-space: nowrap;
  @media (min-width: 768px) {
    padding: 13px 20px;
  }
}

.button_primary span {
  position: relative;
  display: inline-block;
  transition: 0.4s;
}

.button_primary span::before {
  position: absolute;
  top: 200%;
  content: attr(data-hover);
  transform: translate3d(0, 0, 0);
}

.button_primary:hover span {
  transform: translateY(-200%);
}

.button.js-search-button:hover {
  color: var(--color-accent);
}

.button_icon {
  color: inherit;
  padding: 12px;
}

.bg-link-gradient {
  background: var(--gradient-link);
  color: var(--color-primary);
  background-size: 200% 200%;
  background-position: 0% 0%;
  transition: all 0.3s ease;
}

.bg-link-gradient:hover {
  background-position: 100% 100%;
  color: var(--color-primary);
}

.bg-icon {
  background: var(--color-icon) !important;
}

.bg-white {
  background: white !important;
}

.bg-section-gradient {
  background: linear-gradient(360deg, #f1f9f7 0%, #fff 100%);
}

.color-accent {
  color: var(--color-accent) !important;
}

.swiper {
  width: 100%;
}

section {
  padding-top: var(--space-6xl);
  padding-bottom: var(--space-6xl);
  display: flex;
  flex-direction: column;
}

.container {
  padding-left: var(--page-margin);
  padding-right: var(--page-margin);
}

a {
  text-decoration: none;
  color: inherit;
  line-height: inherit;
  transition: color 0.2s ease;
}

hr {
  all: unset;
  display: block;
  border-bottom: 1px solid var(--color-gray-7);
}

.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.items-start {
  align-items: flex-start;
}

.gap-2 {
  gap: 8px;
}

.gap-5 {
  gap: 20px;
}

.gap-10 {
  gap: 40px;
}

header,
footer,
main {
  max-width: 2100px;
  width: 100%;
}

.grid {
  display: grid !important;
}

.grid_basic {
  grid-template-columns: repeat(4, 1fr) !important;
  gap: var(--space-lg) 20px !important;
  @media (max-width: 1280px) {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: var(--space-lg) 10px !important;
  }
}

.grid_basic .grid-text,
.grid_basic .grid-title {
  grid-column: 1 / -1;
  @media (min-width: 1280px) {
    grid-column: 2 / 4;
  }
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100vw;
  height: 100%;
  background-color: #00000080;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all 0.3s ease;
  z-index: 1000;
}

.modal_side {
  max-width: 550px;
  left: auto;
  right: 0;
  transform: translateX(100%);
  align-items: flex-start;
}

.modal.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.modal_side.active {
  transform: translateX(0);
}

.modal__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 30px;
  position: absolute;
  width: min(507px, 90%);
  background: var(--color-icon);
  border-radius: var(--b-radius);
  position: relative;
  text-align: center;
  padding: 20px;
  @media (max-width: 768px) {
    padding: 16px;
  }
}

.modal_side .modal__container {
  width: 100%;
  max-width: 450px;
  background: transparent;
  padding: 20px;
  border-radius: 0;
  height: 100%;
  overflow-y: auto;
}

.modal_side .form__button {
  width: fit-content;
  margin-left: 0;
}

.modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.3866 13.3712L13.7582 27.9996L12.3867 26.6281L27.0151 11.9998L28.3866 13.3712Z' fill='%231D5E9A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.7317 22.7163L27.015 27.9997L28.3864 26.6283L13.7581 12L12.3867 13.3714L19.0151 19.9998H21.7317V22.7163Z' fill='%231D5E9A'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.modal__close:hover {
  opacity: 0.8;
}

.modal__head {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.modal__head .form-title {
  text-align: left;
  padding-bottom: 0;
  margin-bottom: 0;
}

.modal__close-link {
  flex-shrink: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 10px;
  color: var(--color-gray-3);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--color-accent);
  text-decoration-color: var(--color-accent);
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
  transition: all 0.3s ease;
}

.modal__close-link::before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.293 0.292969C12.6835 -0.0975556 13.3165 -0.0975556 13.707 0.292969C14.0976 0.683493 14.0976 1.31651 13.707 1.70703L8.41406 7L13.707 12.293C14.0976 12.6835 14.0976 13.3165 13.707 13.707C13.3165 14.0976 12.6835 14.0976 12.293 13.707L7 8.41406L1.70703 13.707C1.31651 14.0976 0.683493 14.0976 0.292969 13.707C-0.0975556 13.3165 -0.0975556 12.6835 0.292969 12.293L5.58594 7L0.292969 1.70703C-0.0975556 1.31651 -0.0975556 0.683493 0.292969 0.292969C0.683493 -0.0975556 1.31651 -0.0975556 1.70703 0.292969L7 5.58594L12.293 0.292969Z' fill='%230A0F16'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center;
  background-color: white;
  border-radius: var(--b-radius);
  transition: all 0.3s ease;
}

.modal__close-link:hover {
  color: var(--color-accent);
}

.modal__close-link:hover::before {
  background-color: var(--color-accent);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.293 0.292969C12.6835 -0.0975556 13.3165 -0.0975556 13.707 0.292969C14.0976 0.683493 14.0976 1.31651 13.707 1.70703L8.41406 7L13.707 12.293C14.0976 12.6835 14.0976 13.3165 13.707 13.707C13.3165 14.0976 12.6835 14.0976 12.293 13.707L7 8.41406L1.70703 13.707C1.31651 14.0976 0.683493 14.0976 0.292969 13.707C-0.0975556 13.3165 -0.0975556 12.6835 0.292969 12.293L5.58594 7L0.292969 1.70703C-0.0975556 1.31651 -0.0975556 0.683493 0.292969 0.292969C0.683493 -0.0975556 1.31651 -0.0975556 1.70703 0.292969L7 5.58594L12.293 0.292969Z' fill='white'/%3E%3C/svg%3E%0A");
}

.cookies {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1500;
  pointer-events: auto !important;
}

.cookies__wrapper {
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 32px 32px;
  background: white;
  position: relative;
}

.cookies__text {
  font-size: 14px;
  line-height: 1.14;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cookies__text a {
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-text-decoration-color: var(--color-accent);
  text-decoration-color: var(--color-accent);
  transition: all 0.3s ease;
}

.cookies__text a:hover {
  color: var(--color-accent);
  text-decoration: underline;
}

.cookies.hidden {
  pointer-events: none !important;
}

.cookies__close-btn {
  position: absolute;
  right: 8px;
  top: 8px;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.293 0.292969C12.6835 -0.0975556 13.3165 -0.0975556 13.707 0.292969C14.0976 0.683493 14.0976 1.31651 13.707 1.70703L8.41406 7L13.707 12.293C14.0976 12.6835 14.0976 13.3165 13.707 13.707C13.3165 14.0976 12.6835 14.0976 12.293 13.707L7 8.41406L1.70703 13.707C1.31651 14.0976 0.683493 14.0976 0.292969 13.707C-0.0975556 13.3165 -0.0975556 12.6835 0.292969 12.293L5.58594 7L0.292969 1.70703C-0.0975556 1.31651 -0.0975556 0.683493 0.292969 0.292969C0.683493 -0.0975556 1.31651 -0.0975556 1.70703 0.292969L7 5.58594L12.293 0.292969Z' fill='%230A0F16'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 10px 10px;
  background-position: center;
  background-color: white;
  border-radius: var(--b-radius);
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.cookies__close-btn:hover {
  background-color: var(--color-accent);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.293 0.292969C12.6835 -0.0975556 13.3165 -0.0975556 13.707 0.292969C14.0976 0.683493 14.0976 1.31651 13.707 1.70703L8.41406 7L13.707 12.293C14.0976 12.6835 14.0976 13.3165 13.707 13.707C13.3165 14.0976 12.6835 14.0976 12.293 13.707L7 8.41406L1.70703 13.707C1.31651 14.0976 0.683493 14.0976 0.292969 13.707C-0.0975556 13.3165 -0.0975556 12.6835 0.292969 12.293L5.58594 7L0.292969 1.70703C-0.0975556 1.31651 -0.0975556 0.683493 0.292969 0.292969C0.683493 -0.0975556 1.31651 -0.0975556 1.70703 0.292969L7 5.58594L12.293 0.292969Z' fill='white'/%3E%3C/svg%3E%0A");
}

/* body:has(:not(.cookies.hidden)) {
  pointer-events: none;
} */

@media screen and (width < 768px) {
  .cookies__wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}

.hidden {
  display: none !important;
}

.link-arrow {
  display: flex;
  gap: 10px;
  align-items: center;
  background: var(--color-primary);
  color: white;
  padding: 12px 25px;
  text-decoration: none;
  border-radius: var(--b-radius);
  border: none;
  width: -webkit-fit-content;
  width: fit-content;
  align-self: center;
}

.link-arrow::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3536 12.3536C21.5488 12.1583 21.5488 11.8417 21.3536 11.6464L18.1716 8.46447C17.9763 8.2692 17.6597 8.2692 17.4645 8.46447C17.2692 8.65973 17.2692 8.97631 17.4645 9.17157L20.2929 12L17.4645 14.8284C17.2692 15.0237 17.2692 15.3403 17.4645 15.5355C17.6597 15.7308 17.9763 15.7308 18.1716 15.5355L21.3536 12.3536ZM3 12L3 12.5L21 12.5L21 12L21 11.5L3 11.5L3 12Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.3s ease;
}

.link-arrow:hover::after {
  transform: translateX(5px);
}

.show-more-link {
  display: flex;
  align-items: center;
  color: var(---color-primary);
  line-height: 1.375;
  -webkit-text-decoration: underline rgba(49, 196, 180, 0.6) dashed;
  text-decoration: underline rgba(49, 196, 180, 0.6) dashed;
  text-underline-offset: 4px;
  transition: all 0.3s ease;
  grid-column: 1 / -1;
  margin: 0 auto;
}

.show-more-link.js-show-more {
  display: none;
}

.show-more-link:hover {
  color: var(--color-accent);
}

.show-more-link::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.7383 15.8164C26.1196 15.4172 26.7519 15.4022 27.1514 15.7832C27.5507 16.1646 27.5658 16.7978 27.1846 17.1973L20.7227 23.9648L20 24.7227L19.2764 23.9648L12.8145 17.1973C12.4334 16.7979 12.4486 16.1645 12.8477 15.7832C13.2471 15.4021 13.8804 15.417 14.2617 15.8164L19.999 21.8262L25.7383 15.8164Z' fill='%230A0F16'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.form-title {
  text-align: center;
  padding-bottom: 30px;
}

.section {
  padding: 0 0 var(--space-6xl);
  gap: var(--space-lg);
}

.section.form {
  padding-bottom: var(--space-5xl);
}

.section_top {
  background: linear-gradient(180deg, #fff 0%, #f1f9f7 24.8%);
  padding-top: 154px;
  @media (min-width: 1280px) {
    padding-top: 184px;
  }
  @media (min-width: 1900px) {
    padding-top: 204px;
  }
}

.section_top-bg {
  background: linear-gradient(180deg, #f1f9f7 0%, #dde4ed 100%);
}

.main:has(.page-head) .section_top,
.main:has(.hero-section) .section_top {
  padding-top: 60px;
  @media (min-width: 1280px) {
    padding-top: 100px;
  }
}

.section_top + .section_top {
  padding-top: 0 !important;
}

.section_inner-top {
  padding-top: 60px;
  @media (min-width: 1280px) {
    padding-top: 120px;
  }
  @media (min-width: 1900px) {
    padding-top: 130px;
  }
}

.section__wrapper {
  width: 100%;
  max-width: var(--max-width);
  padding: 0 var(--page-margin);
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  @media (min-width: 1760px) {
    padding: 0;
    margin: 0 auto;
  }
}

.section__header {
  max-width: 830px;
  display: flex;
  gap: 32px;
}

.section__description {
  max-width: 830px;
  color: var(--color-gray-3);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33333;
  grid-column: span 1;
}

.h1.section__detail-text {
  text-align: center;
  margin: 0 auto;
  max-width: 1022px;
  letter-spacing: -1.38px;
  @media (max-width: 768px) {
    font-size: 24px;
    line-height: 1.08333;
    letter-spacing: -0.24px;
  }
}

.section:has(.section__detail-text-img) {
  position: relative;
  background: white;
}

.section:has(.section__detail-text-img) .section__wrapper {
  position: relative;
  z-index: 2;
}

.section__detail-text-img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 94.3229vw;
  max-width: 100%;
  height: auto;
  pointer-events: none;
  @media (max-width: 768px) {
    display: none;
  }
  @media (min-width: 1280px) {
    bottom: -50px;
  }
}

.page-head {
  height: 900px;
  padding: 242px 0 105px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  background: var(--color-primary);
  overflow: hidden;
  color: white;
}

.page-head.hero-section {
  height: auto;
  max-height: unset;
  @media (min-width: 1280px) {
    height: min(100vh, 1280px);
  }
}

.page-head__bg {
  width: 100%;
  height: 109.6667%;
  position: absolute;
  top: 3.5556%;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 1;
}

.page-head__bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image:
    radial-gradient(circle, var(--color-primary) 5.5px, transparent 5.5px),
    radial-gradient(circle, var(--color-primary) 5.5px, transparent 5.5px);
  background-size: 17px 22px;
  background-position:
    0px 0px,
    8.5px 11px;
}

.page-head__bg-ellipse {
  position: absolute;
  border-radius: 50%;
}

.page-head__bg-ellipse:nth-child(1) {
  width: 457.57px;
  height: 223.18px;
  background: radial-gradient(
    61.82% 37.34% at 53.39% 36.5%,
    #71e0ff 0%,
    #0c4b92 100%
  );
  filter: blur(106.95px);
  z-index: -5;
  left: 52.3574%;
  top: 22.751%;
  transform: rotate(-30.13deg);
}

.page-head__bg-ellipse:nth-child(2) {
  width: 518.1px;
  height: 261.73px;
  background: rgba(49, 196, 180, 0.36);
  filter: blur(85.6px);
  z-index: -4;
  left: 68.42%;
  top: 56.05%;
  transform: rotate(-28.8deg);
}

.page-head__bg-ellipse:nth-child(3) {
  width: 794.02px;
  height: 226.54px;
  background: radial-gradient(
    65.94% 103.14% at 53.39% 36.5%,
    #33ffe9 0%,
    #0e1c2c 100%
  );
  filter: blur(129.8px);
  z-index: -3;
  left: 5.21%;
  top: 35.574%;
  transform: rotate(-42.96deg);
}

.page-head__bg-ellipse:nth-child(4) {
  width: 916.94px;
  height: 377.51px;
  background: radial-gradient(
    124.29% 166.39% at 64.34% 33.31%,
    #31c4b4 0%,
    #2737ac 71.35%,
    #0e1c2c 100%
  );
  filter: blur(129.8px);
  z-index: -2;
  left: 19.85%;
  top: 43.23%;
  transform: rotate(-50.77deg);
}

.page-head__bg-ellipse:nth-child(5) {
  width: 560.35px;
  height: 215.43px;
  background: linear-gradient(267.98deg, #2cffe8 2.19%, #1b998b 97.68%);
  filter: blur(47.6px);
  z-index: -1;
  left: 36.73%;
  top: 46.021%;
  transform: rotate(-50.77deg);
}

.page-head__blur {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

.page-head__bg-big-ellipse {
  position: absolute;
  border-radius: 50%;
  left: 50%;
  transform: translateX(-50%);
  filter: blur(143.6px);
}

.page-head__bg-big-ellipse:nth-child(1) {
  width: 98.96%;
  height: 185.33%;
  top: 28%;
  background: #0c2c50;
  z-index: 1;
}

.page-head__bg-big-ellipse:nth-child(2) {
  width: 88.4375%;
  height: 147.1111%;
  top: 45.8889%;
  background: #31c4b4;
  z-index: 2;
}

.page-head__bg-big-ellipse:nth-child(3) {
  width: 65.8854%;
  height: 77.6667%;
  top: 68.7778%;
  background: #d5dde7;
  z-index: 3;
}

.page-head__bg-big-ellipse:nth-child(4) {
  width: 133.1771%;
  height: 190%;
  top: 108.1111%;
  background: #dde4ed;
  z-index: 4;
}

.page-head__container {
  position: relative;
  z-index: 3;
  height: 100%;
}

.page-head__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  height: 100%;
}

.page-head__content:has(.swiper-wrapper) {
  overflow: hidden;
}

.page-head__content_right {
  flex-direction: column-reverse;
  grid-column: 1 / -1;
  padding: 0 var(--page-margin);
  margin: 0 calc(var(--page-margin) * -1);
  width: calc(100% + var(--page-margin) * 2);
  @media (min-width: 1280px) {
    width: 100%;
    padding: 0;
    margin: 0;
    flex-direction: column;
    grid-column: 4 / -1;
  }
}

.page-head__slider-controls {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 20px;
  @media (min-width: 1280px) {
    padding-bottom: 60px;
    gap: 50px;
  }
}

.page-head__slider-controls:not(:has(.swiper-slide:nth-child(2)))
  .swiper-buttons {
  display: none;
}

.page-head__description {
  font-weight: 500;
  line-height: 1.375;
  margin-top: 20px;
  @media (min-width: 1280px) {
    margin-top: 30px;
  }
  @media (min-width: 1900px) {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.33333;
  }
}

.page-head__image {
  position: absolute;
  right: -11.6vw;
  bottom: -2vw;
  width: 100vw;
  max-width: 450px;
  height: auto;
  object-fit: contain;
  object-position: right bottom;
  z-index: 3;
  @media (min-width: 768px) {
    max-width: 550px;
    bottom: -5vw;
  }
  @media (min-width: 1024px) {
    max-width: 750px;
  }
  @media (min-width: 1280px) {
    right: -11.6vw;
    bottom: -12.1875vw;
    width: 68.75vw;
    max-width: 1320px;
  }
}

.page-head__caption {
  color: var(--color-gray-3);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.28571;
  text-transform: uppercase;
  width: 100%;
}

.chips + .page-head__title {
  margin-top: 20px;
}

.page-head__title {
  letter-spacing: -1.08px;
  @media (min-width: 1280px) {
    letter-spacing: -1.38px;
  }
}

.page-head__slider {
  position: relative;
  overflow: hidden;
  grid-column: 1 / -1;
  @media (min-width: 1280px) {
    grid-column: 2 / 4;
  }
}

.catalog-section.page-head {
  padding-top: 162px;
  height: auto;
  padding-bottom: 282px;
  @media (min-width: 1280px) {
    height: min(100vh, 1280px);
    padding-top: 222px;
    padding-bottom: 92px;
  }
  @media (min-width: 1900px) {
    padding-top: 242px;
    padding-bottom: 102px;
  }
}

.catalog-section {
  .page-head__container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    @media (min-width: 1280px) {
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
    }
  }
  .page-head__content {
    max-width: 450px;
    justify-content: flex-start;
    @media (min-width: 1280px) {
      max-width: 100%;
      justify-content: space-between;
    }
  }
}

.chips {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
}

.chips__item {
  padding: 5px 11px;
  border-radius: var(--b-radius);
  outline: 1px solid rgba(230, 245, 241, 0.2);
  outline-offset: -1px;
  background: rgba(230, 245, 241, 0.2);
  color: white;
  font-size: 14px;
  line-height: 1.28571;
}

.chips__item_accent {
  background: var(--color-accent);
  outline: 1px solid var(--color-accent);
  border-radius: 23px;
  color: var(--color-primary);
}

*[data-fancybox] {
  cursor: pointer;
}

.swiper-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding-top: var(--space-2xl);
  pointer-events: none;
}

.swiper-button {
  display: flex;
  width: 60px;
  height: 48px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  border: none;
  border-radius: var(--b-radius);
  background: var(--color-gray-4);
  transition: all 0.3s ease;
  pointer-events: auto;
}

.swiper-button::after {
  content: "";
  display: block;
  width: 21px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='8' viewBox='0 0 21 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.146447 3.32809C-0.0488155 3.52335 -0.0488155 3.83993 0.146447 4.03519L3.32843 7.21717C3.52369 7.41244 3.84027 7.41244 4.03553 7.21717C4.2308 7.02191 4.2308 6.70533 4.03553 6.51007L1.20711 3.68164L4.03553 0.853214C4.2308 0.657951 4.2308 0.341369 4.03553 0.146107C3.84027 -0.0491555 3.52369 -0.0491555 3.32843 0.146107L0.146447 3.32809ZM0.5 3.68164V4.18164H20.5V3.68164V3.18164H0.5V3.68164Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.swiper-button_next::after {
  transform: rotate(180deg);
}

.swiper-button:hover {
  border-radius: 24px;
  background: var(--color-primary);
}

.swiper-button-disabled.swiper-button {
  opacity: 0.5;
  pointer-events: none;
}

.swiper:has(.swiper-pagination) {
  padding-bottom: 52px;
}

.swiper:has(.swiper-pagination-lock) {
  padding-bottom: 0;
}

.swiper-pagination-lock {
  display: none !important;
}

.swiper-pagination.custom-pagination:not(.swiper-pagination-bullets-dynamic) {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.custom-pagination:not(.swiper-pagination-bullets-dynamic)
  .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--color-gray-4);
  margin: 0 !important;
}

.custom-pagination .swiper-pagination-bullet-active {
  background: var(--color-accent);
}

.custom-pagination.swiper-pagination-bullets-dynamic {
  .swiper-pagination-bullet {
    transform: scale(0.88);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1.2);
  }
}

.text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.text h1 {
  display: none !important;
}

.text h2,
.text h3,
.text h4 {
  font-size: 18px;
  @media screen and (min-width: 1900px) {
    font-size: 22px;
  }
  margin-top: 1em;
  margin-bottom: 0.5em;
}

.text > *:nth-child(1) {
  margin-top: 0;
}

.text > *:last-child {
  margin-bottom: 0;
}

.text ul,
ul.list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.text ul li,
ul.list li {
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.text ul li::before,
ul.list li::before {
  content: "";
  display: block;
  width: 18px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='10' r='4' fill='%2331C4B4'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}

.text li:has(b) {
  display: flex;
  flex-direction: column;
  color: var(--color-gray-3);
  b {
    color: var(--color-primary);
    font-weight: 500;
  }
}

.text ol {
  display: flex;
  flex-direction: column;
  gap: 12px;
  list-style: none;
}

.text ol > li:has(b) {
  gap: 5px;
}

.text ul li:has(b) {
  position: relative;
  padding-left: 26px;
}

.text ul li:has(b)::before {
  position: absolute;
  top: 2px;
  left: 0;
}

.text ol > li[data-index] {
  position: relative;
  padding-left: 40px;
}

.text ol > li[data-index]::before {
  content: attr(data-index);
  position: absolute;
  top: 0;
  left: 0;
  font-size: inherit;
  font-weight: 500;
  line-height: inherit;
  color: var(--color-accent);
}

.loader-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(14, 28, 44, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.loader-container.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* .loader {
  --color-1: #c1ede9;
  --color-2: #31c4b4;
  --size: 1px;
  width: calc(48 * var(--size));
  height: calc(48 * var(--size));
  border: calc(3 * var(--size)) dotted var(--color-1);
  border-style: solid solid dotted dotted;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}

.loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: calc(3 * var(--size)) dotted var(--color-2);
  border-style: solid solid dotted;
  width: calc(24 * var(--size));
  height: calc(24 * var(--size));
  border-radius: 50%;
  animation: rotationBack 1s linear infinite;
  transform-origin: center center;
} */

.loader {
  position: relative;
  width: 154px;
  height: 154px;
  transform: scale(0.7);
}

.loader > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.loader__gear {
  z-index: 2;
  clip-path: polygon(0px 0px, 100% 0px, 100% 38%, 40% 38%, 0 18%);
}

.gear {
  fill: white;
  transform-origin: center;
}

.loader__mask-accent-cutout {
  transform-box: fill-box;
  transform-origin: center;
}

.loader__mask-white-cutout {
  transform-box: fill-box;
  transform-origin: center;
}

.loader-container.active .gear {
  animation: rotation 4s linear infinite;
}

.loader-container.active .loader__mask-accent-cutout {
  animation: rotationBack 1.5s linear 0.2s infinite;
}

.loader-container.active .loader__mask-white-cutout {
  animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

body:has(.drop-menu.active) .header #navigation {
  position: relative;
  z-index: -1;
}

html::-webkit-scrollbar,
html .scrollbar::-webkit-scrollbar,
html .form__options::-webkit-scrollbar {
  width: 10px;
}

html::-webkit-scrollbar-track,
html .scrollbar::-webkit-scrollbar-track,
html .form__options::-webkit-scrollbar-track {
  background: transparent;
}

html::-webkit-scrollbar-thumb,
html .scrollbar::-webkit-scrollbar-thumb,
html .form__options::-webkit-scrollbar-thumb {
  background-color: var(--color-accent);
  border-radius: 4px;
  border: 1px solid white;
}

/* End */


/* Start:/local/templates/titan/template_styles.css?178673011283195*/
body {
  margin: 0;
  padding: 0;
  color: var(--color-primary);
  overflow-x: hidden;
  overflow-y: auto;
  background: var(--color-bg-sec);
  display: flex;
  align-items: center;
  flex-direction: column;
}

.header {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 16px 0;
  z-index: 1000;
  @media (min-width: 768px) {
    padding: 20px 20px 0;
  }
  @media (min-width: 1280px) {
    padding: 20px 40px 0;
  }
  @media (min-width: 1760px) {
    padding: 20px 0 0;
  }
}

.header__wrapper {
  max-width: var(--max-width);
  margin: 0 auto;
}

.header__container {
  display: flex;
  width: 100%;
}

.header__block {
  border-radius: var(--b-radius);
  background: rgba(37, 50, 71, 0.3);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.header__block_mobile {
  display: flex;
  @media (min-width: 1280px) {
    display: none;
  }
}

.header__block:nth-child(1) {
  padding: 3px 15px 3px 10px;
  gap: 30px;
  flex-grow: 1;
  max-width: 100%;
  @media (min-width: 1900px) {
    gap: 61px;
  }
}

.header__block:nth-child(2),
.header__block:nth-child(4) {
  padding: 3px;
  color: white;
}

.header__block:nth-child(4) {
  display: none;
  @media (min-width: 1280px) {
    display: flex;
    gap: 30px;
  }
}

.header__block-container {
  padding: 0 0 0 19px;
}

.header__link {
  font-size: 16px;

  line-height: 1.375;
}

.header__link:hover {
  color: var(--color-text-link);
}

.header__link-desc {
  font-size: 12px;

  line-height: 1.16667;
}

.burger-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 54px;
  height: 54px;
  padding: 12px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.burger-menu span {
  display: block;
  width: 24px;
  height: 2px;
  background: white;
  transition: all 0.3s ease;
  pointer-events: none;
}

.burger-menu.active span {
  display: none;
}

.burger-menu.active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2929 5.29289C17.6834 4.90237 18.3164 4.90237 18.707 5.29289C19.0975 5.68342 19.0975 6.31643 18.707 6.70696L13.414 11.9999L18.707 17.2929C19.0975 17.6834 19.0975 18.3164 18.707 18.707C18.3164 19.0975 17.6834 19.0975 17.2929 18.707L11.9999 13.414L6.70696 18.707C6.31643 19.0975 5.68342 19.0975 5.29289 18.707C4.90237 18.3164 4.90237 17.6834 5.29289 17.2929L10.5859 11.9999L5.29289 6.70696C4.90237 6.31643 4.90237 5.68342 5.29289 5.29289C5.68342 4.90237 6.31643 4.90237 6.70696 5.29289L11.9999 10.5859L17.2929 5.29289Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
}

.logo {
  height: 48px;
  width: auto;
}

.logo_dark {
  display: none;
}

.navbar {
  display: none;
  @media (min-width: 1280px) {
    display: flex;
    gap: 0;
  }
  @media (min-width: 1900px) {
    gap: 30px;
  }
}

.header .navbar {
  overflow: auto;
  scrollbar-width: none;
  @media (min-width: 1280px) {
    max-width: 45.3125vw;
  }
  @media (min-width: 1500px) {
    max-width: 51vw;
  }
  @media (min-width: 1900px) {
    max-width: unset;
  }
}

.header .navbar::-webkit-scrollbar {
  display: none;
}

.navbar-mobile {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: var(--color-primary);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  transition: all 0.3s ease;
  position: absolute;
  padding-top: 70px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 100vw;
  display: flex;
  flex-direction: column;
  @media (min-width: 768px) {
    padding-top: 80px;
  }
  @media (min-width: 1280px) {
    display: none;
  }
}

.navbar-mobile__container {
  display: flex;
  flex-direction: column;
  padding: 20px;
  gap: 20px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: var(--b-radius);
  border-top: 1px solid rgba(176, 183, 201, 0.41);
  border-bottom: 1px solid rgba(176, 183, 201, 0.41);
  background: rgba(37, 50, 71, 0.4);
}

body:has(.theme-light) {
  .navbar-mobile {
    background: white;
  }
  .navbar-mobile__container {
    background: var(--color-bg-sec);
  }
  .navbar__item-third-level-item {
    color: var(--color-primary);
  }
}

.navbar-mobile__container::-webkit-scrollbar {
  display: none;
}

.navbar-mobile__footer {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  color: white;
}

.navbar-mobile__footer-link {
  color: white;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
}

.navbar-mobile__footer-desc {
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.16667;
}

body:has(.burger-menu.active) {
  overflow: hidden;
  .navbar-mobile {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 900;
  }
}

body:has(.theme-light) {
  .logo:not(.footer__logo) {
    display: none;
  }
  .logo_dark:not(.footer__logo) {
    display: block;
  }
  .header__block {
    color: var(--color-primary);
    border-radius: 8px;
    background: var(--color-bg-sec);
    -webkit-backdrop-filter: blur(2.3499999046325684px);
    backdrop-filter: blur(2.3499999046325684px);
  }
  .burger-menu span {
    background: var(--color-primary);
  }
  .burger-menu.active {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2929 5.29289C17.6834 4.90237 18.3164 4.90237 18.707 5.29289C19.0975 5.68342 19.0975 6.31643 18.707 6.70696L13.414 11.9999L18.707 17.2929C19.0975 17.6834 19.0975 18.3164 18.707 18.707C18.3164 19.0975 17.6834 19.0975 17.2929 18.707L11.9999 13.414L6.70696 18.707C6.31643 19.0975 5.68342 19.0975 5.29289 18.707C4.90237 18.3164 4.90237 17.6834 5.29289 17.2929L10.5859 11.9999L5.29289 6.70696C4.90237 6.31643 4.90237 5.68342 5.29289 5.29289C5.68342 4.90237 6.31643 4.90237 6.70696 5.29289L11.9999 10.5859L17.2929 5.29289Z' fill='%230a0f16'/%3E%3C/svg%3E%0A");
  }
}

.main {
  flex: 1 0 auto;
}

.footer {
  position: relative;
  background: var(--color-primary);
  color: white;
  max-width: min(100%, 2100px);
}

.footer__logo {
  height: 70px;
}

.footer__wrapper {
  max-width: var(--max-width);
  margin: 0 auto;
  position: relative;
  z-index: 10;
  padding: 0 16px 46px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 10px;
  @media (min-width: 768px) {
    padding: 0 30px 46px;
  }
  @media (min-width: 1280px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 0 40px 46px;
  }
  @media (min-width: 1760px) {
    padding: 0 0 46px;
  }
}

.footer__image {
  width: 100%;
  height: auto;
  grid-column: 1 / -1;
  pointer-events: none;
}

.footer__oval-container {
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}

.footer__oval-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40px;
  z-index: 5;
  background: linear-gradient(0deg, transparent 0%, #dde4ed 100%);
  pointer-events: none;
}

.footer__blur-oval:nth-child(1) {
  border-radius: 50%;
  background: #0a0f16;
  filter: blur(106.793px);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 233vw;
  height: 978px;
  /* aspect-ratio: 770 / 978; */
  @media (min-width: 1280px) {
    width: 159.922vw;
    height: 1584px;
    /* aspect-ratio: 2047 / 1584; */
    filter: blur(143.60000610351562px);
  }
  @media (min-width: 1900px) {
    width: 141.25vw;
    height: 1108px;
    /* aspect-ratio: 2712 / 1108; */
    transform: translate(-50%, -55%);
  }
}

.footer__blur-oval:nth-child(2) {
  border-radius: 50%;
  background: #31c4b4;
  filter: blur(106.793px);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 226.6667vw;
  height: 692px;
  /* aspect-ratio: 749 / 692; */
  @media (min-width: 1280px) {
    width: 155.546875vw;
    height: 1122px;
    /* aspect-ratio: 1991 / 1122; */
    filter: blur(143.60000610351562px);
    transform: translate(-50%, -55%);
  }
  @media (min-width: 1900px) {
    width: 106.615vw;
    height: 1584px;
    /* aspect-ratio: 2047 / 1584; */
    transform: translate(-50%, -45%);
  }
}

.footer__blur-oval:nth-child(3) {
  border-radius: 50%;
  background: #dde4ed;
  filter: blur(106.793px);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -68%);
  z-index: 3;
  width: 309.3934vw;
  height: 684px;
  /* aspect-ratio: 1021 / 684; */
  @media (min-width: 1280px) {
    width: 211.875vw;
    height: 1108px;
    /* aspect-ratio: 2712 / 1108; */
    filter: blur(143.60000610351562px);
    transform: translate(-50%, -67%);
  }
  @media (min-width: 1900px) {
    width: 141.25vw;
  }
}

.footer__info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  grid-column: span 2;
  order: 3;
  @media (min-width: 1280px) {
    grid-column: span 1;
    order: unset;
  }
}

.footer__socials {
  display: flex;
  gap: 15px;
}

.footer__menu {
  grid-column: span 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.footer__contacts {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  grid-column: span 2;
  @media (min-width: 1280px) {
    grid-column: span 1;
  }
}

.footer__contacts-block {
  display: flex;
  gap: 20px;
  flex-direction: column;
}

.footer__contacts-item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.footer__contacts-item-caption {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.375;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
}

.footer__contacts-item-link {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.16667;
  color: white;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
  text-decoration-color: transparent;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 2px;
  text-underline-offset: 10px;
  transition: all 0.3s ease;
  @media (min-width: 1900px) {
    font-size: 30px;
  }
}

.footer__contacts-item-link:hover {
  -webkit-text-decoration-color: currentColor;
  text-decoration-color: currentColor;
}

.footer__link,
.footer__copy {
  color: white;
  font-size: 14px;
  line-height: 1.28571;
  text-decoration: none;
}

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

.footer__bottom {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr;
  order: 4;
  @media (min-width: 1280px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 60px;
    order: unset;
  }
}

/* SOCIAL */

.social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  transition: all 0.3s ease;
}

.social-link:hover {
  transform: scale(0.8);
}

.social-link__icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
}

/* HERO */

.hero_main {
  padding: 0;
  background: var(--color-primary);
  overflow: hidden;
  position: relative;
}

.hero_main::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background: linear-gradient(180deg, transparent 0%, var(--color-icon) 100%);
  z-index: 5;
  pointer-events: none;
}

.hero__text {
  color: white;
  font-size: 14px;
  line-height: 1.28571;
  max-width: 300px;
  padding: 0 var(--page-margin);
  margin-top: 8px;
  @media (min-width: 1024px) {
    position: absolute;
    top: 50%;
    left: var(--page-margin);
    transform: translateY(-50%);
    padding: 0;
    margin-top: 0;
  }
}

.hero__text_right {
  left: auto;
  right: var(--page-margin);
}

.hero__video-container {
  margin-top: 80px;
  @media (min-width: 1024px) {
    height: min(670px, 75vh);
    margin-top: 50px;
  }
  @media (min-width: 1280px) {
    height: min(720px, 75vh);
    margin-top: 0;
  }
  @media (min-width: 1900px) {
    height: min(800px, 80vh);
  }
}

.hero__video-container.relative {
  z-index: 10;
}

.hero_main .hero__video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin-bottom: 20px;
  @media (min-width: 1024px) {
    margin-bottom: 0;
  }
}

.hero_main + .catalog-section {
  background: var(--color-icon);
}

body:has(.hero_main) {
  .production-section {
    background: var(--color-icon);
  }
  .services-section {
    background: linear-gradient(184deg, #e7ecf2 4.94%, white 92.94%);
  }
  .geo-section {
    background: white;
  }
  .partners-section {
    background: linear-gradient(180deg, white 0%, #f1f9f7 100%);
  }
}

.main-hero-section {
  background: var(--color-primary);
  padding-top: 0;
  padding-bottom: 0;
  background-image: linear-gradient(
    180deg,
    var(--color-primary) 0%,
    var(--color-primary) 80%,
    var(--color-icon) 100%
  );
  overflow: hidden;
  position: relative;
}

.main-hero-section__wrapper {
  position: relative;
  z-index: 10;
}

.main-hero-section__wrapper h1 {
  grid-column: span 2;
  color: white;
  margin-top: 0;
  @media (max-width: 1024px) {
    margin-top: 50px;
    font-size: 24px;
    line-height: 1.16667;
  }
  @media (max-width: 1900px) {
    font-size: 36px;
    line-height: 1.11111;
    letter-spacing: -1.08px;
  }
}

.main-hero-section__oval {
  position: absolute;
  width: 644.167vw;
  height: auto;
  aspect-ratio: 2319 / 1700;
  max-width: 2319px;
  left: 50%;
  bottom: 0;
  background: #0c2c50;
  filter: blur(143.6px);
  transform: translate(-50%, 50%);
  z-index: 1;
  border-radius: 50%;
  @media (min-width: 1280px) {
    width: 2047px;
    max-width: 2047px;
    aspect-ratio: 2047 / 1700;
    transform: translate(-50%, 55%);
  }
  @media (min-width: 1900px) {
    width: 2319px;
    max-width: 2319px;
    aspect-ratio: 2319 / 1700;
    background: var(--color-primary);
    transform: translate(-50%, 35%);
  }
}

.main-hero-section__oval_second {
  width: 484.722vw;
  aspect-ratio: 1745 / 1200;
  max-width: 1745px;
  background: #31c4b4;
  z-index: 2;
  @media (min-width: 1280px) {
    width: 1539px;
    max-width: 1539px;
    aspect-ratio: 1539 / 1200;
    transform: translate(-50%, 40%);
  }
  @media (min-width: 1900px) {
    transform: translate(-50%, 30%);
  }
}

.main-hero-section__oval_third {
  width: 360.833vw;
  aspect-ratio: 1299 / 896;
  max-width: 1299px;
  background: #d5dde7;
  z-index: 3;
  transform: translate(-50%, 75%);
  @media (min-width: 1280px) {
    width: 1146px;
    max-width: 1146px;
    aspect-ratio: 1146 / 896;
    transform: translate(-50%, 60%);
  }
  @media (min-width: 1900px) {
    width: 2628px;
    max-width: 2628px;
    aspect-ratio: 2628 / 943;
    transform: translate(-50%, 60%);
    background: #e7ecf2;
  }
}

.main-hero-section__oval_fourth {
  width: 730vw;
  aspect-ratio: 2628 / 1550;
  max-width: 2628px;
  background: #e7ecf2;
  transform: translate(-50%, 95%);
  z-index: 4;
  @media (min-width: 1280px) {
    width: 2318px;
    max-width: 2318px;
    aspect-ratio: 2318 / 1560;
    transform: translate(-50%, 80%);
  }
  @media (min-width: 1900px) {
    display: none;
  }
}

.main-hero-section__image {
  width: 100%;
  height: auto;
  grid-column: 1 / -1;
  pointer-events: none;
}

.main-hero-section__badge.section-badge {
  align-items: flex-start;
}

.main-hero-section__desc {
  grid-column: span 2;
  color: white;
  @media (min-width: 1024px) {
    margin-top: 130px;
  }
}

.main-hero-section__badge {
  grid-column: span 2;
  color: white;
  margin-top: 30px;
  @media (min-width: 1024px) {
    margin-top: 130px;
  }
}

.main-hero-section__badge .section-badge__text {
  color: white;
}

.main-hero-section__props {
  grid-column: 1 / -1;
  margin-top: 30px;
  .properties-section__number,
  .properties-section__unit {
    color: white;
  }
  .properties-section__title {
    border-color: white;
    color: white;
    min-height: unset;
  }
  .properties-section__item {
    gap: 20px;
  }
  @media (min-width: 1024px) {
    margin-top: 90px;
    .properties-section__item {
      gap: 40px;
    }
  }
}

.main-hero-card {
  grid-column: span 2;
  color: white;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  position: relative;
  overflow: hidden;
  border-radius: var(--b-radius);
  min-height: 124px;
  text-decoration: none;
  background: linear-gradient(
    180deg,
    rgba(154, 255, 247, 0.1404) 0%,
    rgba(49, 196, 180, 0.1836) 100%
  );
  -webkit-backdrop-filter: blur(3.05px);
  backdrop-filter: blur(3.05px);
  height: -webkit-fit-content;
  height: fit-content;
  @media (min-width: 1024px) {
    grid-column: span 1;
  }
  @media (min-width: 1900px) {
    min-height: 179px;
  }
}

.main-hero-card:hover::before,
.main-hero-card:hover::after {
  opacity: 1;
  visibility: visible;
}

.main-hero-card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}

.main-hero-card__title {
  width: 100%;
  position: relative;
  z-index: 2;
}

.main-hero-card__image {
  width: 106px;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  border-radius: var(--b-radius);
  position: relative;
  z-index: 2;
  @media (min-width: 1900px) {
    width: 160px;
  }
}

.main-hero-card_services .main-hero-card__image {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: auto;
  height: 100%;
  transform: translateX(20%);
  transition: transform 0.3s ease;
  object-position: right center;
}

.main-hero-card_services:hover .main-hero-card__image {
  transform: translateX(0);
}

.main-hero-card__link {
  border-radius: var(--b-radius);
  border: 1px solid rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.24);
  color: white;
  padding: 5px 16px;
  height: 40px;
  font-size: 14px;
  line-height: 1.28571;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}

.main-hero-card:hover .main-hero-card__link {
  background: rgba(255, 255, 255, 1);
  color: var(--color-primary);
}

/* СБОРКА */

section.container {
  display: flex;
  flex-direction: column;
  gap: 50px;
}

.section-badge {
  display: flex;
  align-items: center;
  gap: 20px;
}
.section-badge__dot {
  width: 12px;
  height: 12px;
  background-color: var(--color-accent);
  border-radius: 6px;
}
.section-badge__text {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2857;
  overflow-wrap: break-word;
}
.section-header,
.section-header__container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.section-header_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 10px;
  @media (min-width: 1280px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
.section-header__container {
  grid-column: span 2;
  @media (min-width: 1900px) {
    grid-column: span 3;
  }
}
.section-header__title h1 {
  letter-spacing: -1.08px;
  max-width: 960px;
  @media (min-width: 768px) {
    letter-spacing: -1.38px;
  }
}
.section-header__title h2 {
  max-width: 960px;
}
.section-header__title:has(h1),
.section-header__title:has(h2) {
  grid-column: span 2;
  max-width: 960px;
  @media (min-width: 768px) {
    grid-column: span 3;
  }
}
.section-header__title p {
  color: var(--color-gray-3);
  font-size: 16px;
  line-height: 1.375;
  grid-column: span 1;
}
.section-header__description {
  max-width: 830px;
  color: var(--color-gray-3);
}
.section-header__top {
  display: flex;
  flex-direction: column;
  gap: 30px;
  grid-column: span 2;
  @media (min-width: 1900px) {
    grid-column: span 3;
  }
}
.section-header_grid .section-header__description {
  grid-column: span 2;
  align-self: flex-end;
  @media (min-width: 1900px) {
    grid-column: span 1;
  }
}

.product-card {
  flex: 1 1 0;
  padding: 20px;
  background: white;
  overflow: hidden;
  border-radius: var(--b-radius);
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
  gap: 30px;
  @media (min-width: 1280px) {
    min-height: 467px;
  }
}
.product-card::before {
  content: "";
  position: absolute;
  top: 212px;
  left: 30px;
  width: 407.069px;
  height: 188.548px;
  transform: rotate(-55.497deg);
  border-radius: 407.069px;
  background: #fff;
  filter: blur(106.6500015258789px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
}
.product-card:hover::before {
  opacity: 1;
  visibility: visible;
}
.product-card:hover {
  background: var(--color-accent);
}
.product-card__header {
  align-self: stretch;
  padding-bottom: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  display: flex;
  position: relative;
  z-index: 2;
}
.product-card__title {
  align-self: stretch;
  color: var(--color-primary);
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0952;
  overflow-wrap: break-word;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: all 0.3s ease;
}
.product-card__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-card__item {
  color: var(--color-gray-3);
  font-size: 16px;
  line-height: 1.375;
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: all 0.3s ease;
}
.product-card__image-wrapper {
  width: 100%;
}
.product-card__image {
  width: 100%;
  height: auto;
  max-height: 100%;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}
.product-card .link {
  margin-top: 12px;
  color: var(--color-text-link);
  border-bottom: 2px solid rgba(49, 196, 180, 0.5);
}
.product-card:hover {
  .product-card__title:hover {
    color: white;
    text-decoration-color: white;
  }
  .product-card__item {
    color: var(--color-primary);
  }
  .product-card__item:hover {
    color: white;
    text-decoration-color: white;
  }
  .link {
    color: var(--color-primary);
    border-bottom: 2px solid rgba(10, 15, 22, 0.5);
  }
  .link:hover {
    color: white;
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  }
  .product-card__image {
    transform: scale(1.1);
  }
}

.service-card {
  min-height: 144px;
  padding: 30px 16px;
  position: relative;
  overflow: hidden;
  border-left: none;
  border-bottom: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  @media (min-width: 768px) {
    padding: 30px;
  }
  @media (min-width: 1280px) {
    padding: 30px;
  }
  @media (min-width: 1440px) {
    padding: 30px var(--page-margin);
  }
}
.service-card:nth-of-type(1) {
  border-top: 1px solid var(--color-border);
}
.service-card:nth-of-type(1),
.service-card:nth-of-type(2) {
  @media (min-width: 768px) {
    border-top: 1px solid var(--color-border);
  }
}
.service-card:nth-of-type(odd) {
  @media (min-width: 768px) {
    border-right: 1px solid var(--color-border);
  }
}
.service-card__title {
  color: var(--color-primary);
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0952;
  overflow-wrap: break-word;
  transition: all 0.2s ease;
}
.service-card__desc {
  color: var(--color-gray-3);
  font-size: 16px;
  line-height: 1.375;
  overflow-wrap: break-word;
  transition: all 0.2s ease;
  max-width: 90%;
}
.service-card__waves {
  position: absolute;
  width: auto;
  height: 100%;
  min-height: 245px;
  aspect-ratio: 198 / 245;
  left: 85%;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='198' height='245' viewBox='0 0 198 245' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 122.402C0 54.8011 54.8011 0 122.402 0L197.182 0V9.94514L122.402 9.94514C60.2937 9.94514 9.94514 60.2937 9.94514 122.402C9.94514 184.51 60.2937 234.858 122.402 234.858H196.99V244.803H122.402C54.8011 244.803 0 190.002 0 122.402Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M24.8594 121.827C24.8594 67.0239 69.1283 22.5665 123.775 22.5664L197.178 22.5664V32.5115L123.775 32.5115C74.6551 32.5116 34.8045 72.4821 34.8045 121.827C34.8045 171.171 74.6551 211.141 123.775 211.142H196.987V221.087H123.775C69.1283 221.087 24.8594 176.629 24.8594 121.827Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M50.1094 121.827C50.1094 80.7576 83.2727 47.4297 124.224 47.4297L197.183 47.4297V57.3748L124.224 57.3748C88.8034 57.3748 60.0545 86.2119 60.0545 121.827C60.0545 157.442 88.8034 186.279 124.224 186.279L196.991 186.279V196.224L124.224 196.224C83.2727 196.224 50.1094 162.896 50.1094 121.827Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M74.9688 121.825C74.9688 96.5966 95.353 76.1153 120.535 76.1152H197.071V86.0604L120.535 86.0604C100.879 86.0604 84.9139 102.056 84.9139 121.825C84.9139 141.593 100.879 157.589 120.535 157.589H196.988V167.534H120.535C95.353 167.534 74.9688 147.053 74.9688 121.825Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M99.8281 121.827C99.8281 108.316 111.436 97.9209 125.044 97.9209L196.834 97.9209V107.866L125.044 107.866C116.292 107.866 109.773 114.425 109.773 121.827C109.773 129.23 116.292 135.789 125.044 135.789H196.793V145.734H125.044C111.436 145.734 99.8281 135.339 99.8281 121.827Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3C/svg%3E%0A");
  transition: all 0.3s ease;
}
.service-card__link {
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 0;
  transform: translateY(-50%);
  transition: all 0.3s ease;
}
.service-card:hover {
  background-color: #0e1c2c;
  background-image: url("/assets/images/service-bg.webp");
  background-size: cover;
  .service-card__title,
  .service-card__desc {
    color: white;
  }
  .service-card__waves {
    transform: translateY(-50%) translateX(-30px);
  }
  .service-card__link {
    opacity: 1;
    transform: translateY(-50%) translateX(-30px);
    line-height: 0;
  }
}

.release-projects-section__slider {
  padding: 0 var(--page-margin);
  margin: 0 calc(var(--page-margin) * -1);
  width: calc(100% + var(--page-margin) * 2);
  @media (min-width: 1024px) {
    padding: 0;
    margin: 0;
    width: 100%;
  }
}
.project__card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 30px;
  @media (min-width: 768px) {
    padding-bottom: 40px;
  }
  @media (min-width: 1900px) {
    padding-bottom: 50px;
  }
}
.project__card:not(.swiper-slide) {
  flex: 1 1 0;
}
.project__card.swiper-slide {
  height: auto;
}
.project__card-image {
  max-height: 410px;
  aspect-ratio: 326 / 246;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  background: var(--color-bg-sec-2);
  border-radius: var(--b-radius);
  overflow: hidden;
  @media (min-width: 768px) {
    aspect-ratio: 546 / 410;
  }
}
.project__card-image-bg {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  width: 100%;
  height: 100%;
}
.project__card:hover .project__card-image-bg {
  transform: scale(1.05);
}
.project__card-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px;
}
.project__tag {
  padding: 5px 11px;
  background: rgb(235 249 248 / 60%);
  border-radius: var(--b-radius);
  outline: 1px rgb(230 245 241 / 60%) solid;
  outline-offset: -1px;
  -webkit-backdrop-filter: blur(4.05px);
  backdrop-filter: blur(4.05px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.project__tag-text {
  color: var(--color-primary);
  font-size: 14px;
  line-height: 1.2857;
  overflow-wrap: break-word;
}
.project__card-info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.project__card-title {
  color: var(--color-primary);
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0952;
  overflow-wrap: break-word;
}
.project__card-location {
  color: var(--color-gray-3);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3333;
  overflow-wrap: break-word;
}
.faq-card {
  padding-top: var(--space-lg);
  padding-bottom: var(--space-lg);
  flex-direction: column;
  gap: 16px;
  border-bottom: 1px solid #c0c9d4;
  border-left: none;
  @media (min-width: 768px) {
    padding-left: var(--page-margin);
    padding-right: var(--page-margin);
  }
}
.faq-card:nth-of-type(1) {
  border-top: 1px solid #c0c9d4;
}
.faq-card:nth-of-type(1),
.faq-card:nth-of-type(2) {
  @media (min-width: 768px) {
    border-top: 1px solid #c0c9d4;
  }
}
.faq-card:nth-of-type(odd) {
  @media (min-width: 768px) {
    border-right: 1px solid #c0c9d4;
  }
}
.faq-card-question {
  color: var(--color-primary);
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0952;
  overflow-wrap: break-word;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
}
@media (max-width: 768px) {
  .faq-card-question::after {
    content: "";
    flex-shrink: 0;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16L6 8H18L12 16Z' fill='%230a0f16'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
  }
  .faq-card-question.active::after {
    transform: rotate(180deg);
  }
}
.faq-card-answer {
  display: none;
  color: var(--color-gray-3);
  font-size: 16px;
  margin-top: 16px;
  line-height: 1.375;
  overflow-wrap: break-word;
  @media (min-width: 768px) {
    display: block;
  }
}
.faq-card:has(.active) .faq-card-answer {
  display: block;
}

.products-section__content {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  @media (min-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
  }
  @media (min-width: 1280px) {
    grid-template-columns: repeat(3, 1fr);
  }
  @media (min-width: 1900px) {
    grid-template-columns: repeat(4, 1fr);
  }
}

.products-section__slider {
  padding: 0 var(--page-margin);
  margin: 0 calc(var(--page-margin) * -1);
  width: calc(100% + var(--page-margin) * 2);
  @media (min-width: 1280px) {
    padding: 0;
    margin: 0;
    width: 100%;
  }
}

.products-section__slider {
  @media (min-width: 1280px) {
    .swiper-pagination {
      display: none;
    }
  }
}

.products-section__content.swiper-wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  @media (min-width: 1280px) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 0;
  }
  @media (min-width: 1900px) {
    grid-template-columns: repeat(4, 1fr);
  }
}

.product-card.swiper-slide {
  height: auto;
  flex: none;
}

@media (max-width: 1900px) {
  .products-section__content .product-card:nth-child(n + 7) {
    display: none;
  }
  .products-section__content:has(.product-card:nth-child(7)) .show-more-link {
    display: flex;
  }
}

@media (min-width: 1900px) {
  .products-section__content .product-card:nth-child(n + 9) {
    display: none;
  }
  .products-section__content:has(.product-card:nth-child(9)) .show-more-link {
    display: flex;
  }
}

section.show-all .product-card {
  display: flex !important;
}

.services-section {
  display: flex;
  flex-direction: column;
}
.how-section + .services-section,
.section_top + .services-section {
  padding-top: 0 !important;
}
.services-section__header {
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.services-section__label {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2857;
  overflow-wrap: break-word;
}
.services-section__body {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-left: calc(var(--page-margin) * -1);
  margin-right: calc(var(--page-margin) * -1);
  @media (min-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
  }
}
.services-section__footer {
  display: flex;
  justify-content: center;
}
.services-section__btn {
  height: 48px;
  padding: 0 25px;
  background: #0e1c2c;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  border: none;
}
.services-section__btn-text {
  color: white;
  font-size: 16px;
  line-height: 1.25;
  overflow-wrap: break-word;
}
.services-section__btn-icon {
  position: relative;
  display: flex;
}
.properties-section {
  @media (min-width: 1280px) {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  @media (min-width: 1900px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20p;
  }
}
.main-hero-section .properties-section {
  @media (min-width: 1280px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}

.main-hero-section .h2 {
  @media (max-width: 1280px) {
    font-size: 24px;
    line-height: 1.1667;
    letter-spacing: -0.72px;
  }
}

.properties-section__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.properties-section__item:nth-child(1) {
  @media (min-width: 1900px) {
    grid-column: span 2;
  }
}
.main-hero-section .properties-section__item:nth-child(1) {
  @media (min-width: 1280px) {
    grid-column: span 2;
  }
}
.properties-section__title {
  padding-bottom: 20px;
  border-bottom: 2px solid #312e2b;
  color: var(--color-primary);
  font-size: 18px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.2222;
  overflow-wrap: break-word;
  @media (min-width: 768px) {
    min-height: 66px;
  }
  @media (min-width: 1440px) {
    min-height: 70px;
    font-size: 22px;
    line-height: 1.0909;
  }
}
.properties-section__value-row {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.properties-section__number {
  color: var(--color-accent);
  font-family: "Audiowide", sans-serif;
  font-size: 48px;
  line-height: 1;
  @media (min-width: 1280px) {
    font-size: 56px;
  }
  @media (min-width: 1440px) {
    min-height: 70px;
    font-size: 70px;
  }
}
.properties-section__unit {
  margin-bottom: 4px;
  color: var(--color-accent);
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.1333;
  @media (min-width: 1280px) {
    margin-bottom: 8px;
  }
  @media (min-width: 1440px) {
    margin-bottom: 10px;
    font-size: 42px;
    line-height: 1.0952;
  }
}
@media (max-width: 1280px) {
  .properties-section {
    display: flex;
    padding: 0 var(--page-margin);
    margin-left: calc(-1 * var(--page-margin));
    margin-right: calc(-1 * var(--page-margin));
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    gap: 0;
  }

  .properties-section::-webkit-scrollbar {
    display: none;
  }

  .properties-section__item {
    min-width: 100%;
    scroll-snap-align: start;
    padding-left: var(--page-margin);
  }
}

.production-section {
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
}
.production-section__header {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.production-section__info {
  display: flex;
  flex-direction: column;
  gap: 30px;
  grid-column: span 3;
}
.production-section__badge {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
}
.production-section__badge-text {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2857;
}
.production-section__title {
  align-self: stretch;
  color: var(--color-primary);
  font-size: 42px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0952;
}
.production-section__description {
  color: var(--color-gray-3);
  font-size: 16px;
  line-height: 1.375;
}
.production-section__content {
  display: flex;
  flex-direction: column-reverse;
  gap: 30px;
  @media (min-width: 1280px) {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
.production-section__main-card {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.production-section__main-card .link-arrow {
  margin-top: 40px;
  align-self: flex-start;
  @media (min-width: 1280px) {
    margin-top: 0;
  }
}
.production-section__card-top {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  @media (min-width: 1280px) {
    gap: 30px;
  }
}
.production-section__counter {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
}
.production-section__counter-current {
  color: var(--color-accent);
  font-family: "Audiowide", monospace;
  font-size: 48px;
  line-height: 1;
  @media (min-width: 1280px) {
    font-size: 70px;
  }
}
.production-section__counter-separator {
  font-family: "Audiowide", monospace;
  font-size: 24px;
  line-height: 1.33333;
  @media (min-width: 1280px) {
    font-size: 32px;
    line-height: 1.25;
  }
}
.production-section__counter-total {
  font-family: "Audiowide", monospace;
  font-size: 24px;
  line-height: 1.33333;
  @media (min-width: 1280px) {
    font-size: 32px;
    line-height: 1.25;
  }
}
.production-section__subtitle {
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.08333;
  letter-spacing: -0.24px;
  @media (min-width: 1280px) {
    font-size: 32px;
    line-height: 1.125;
  }
}
.production-section__button {
  height: 48px;
  padding-left: 25px;
  padding-right: 25px;
  background: linear-gradient(0deg, #0e1c2c 0%, #0e1c2c 100%), white;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.production-section__button-text {
  color: white;
  font-size: 16px;
  line-height: 1.25;
}
.production-section__gallery {
  display: flex;
  grid-column: span 3;
  gap: 20px;
}
.production-section__slide {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='829' height='546' viewBox='0 0 829 546' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M829 369.117C829 375.06 822.727 378.962 817.218 376.733C797.927 368.928 776.843 364.63 754.757 364.63C662.659 364.63 588 439.358 588 531.54V537.63C588 542.048 584.418 545.63 580 545.63H7.99998C3.58171 545.63 0 542.048 0 537.63V8.00001C0 3.58173 3.58172 0 8 0H821C825.418 0 829 3.58172 829 8V369.117ZM754.757 378.191C780.016 378.191 803.846 384.311 824.851 395.148C827.433 396.48 829 399.172 829 402.077V405.457C829 411.796 821.912 415.705 816.247 412.861C797.989 403.695 777.365 398.533 755.536 398.533C680.874 398.533 620.307 458.9 620.307 533.418V537.63C620.307 542.048 616.725 545.63 612.307 545.63H609.549C605.131 545.63 601.549 542.048 601.549 537.63V531.54C601.549 446.848 670.142 378.191 754.757 378.191ZM755.536 412.095C781.709 412.095 805.946 420.333 825.787 434.347C827.835 435.793 829 438.168 829 440.675V444.415C829 451.634 819.79 455.529 813.885 451.376C797.384 439.773 777.255 432.96 755.537 432.96C699.585 432.96 654.18 478.183 654.18 534.025V537.63C654.18 542.048 650.598 545.63 646.18 545.63H641.855C637.437 545.63 633.855 542.048 633.855 537.63V533.418C633.856 466.437 688.311 412.095 755.536 412.095ZM755.537 446.521C785.418 446.522 811.797 461.39 827.654 484.095C828.55 485.377 829 486.913 829 488.477V540.035C829 543.125 826.495 545.63 823.405 545.63C820.315 545.63 817.811 543.125 817.811 540.035V528.997C817.81 494.658 789.907 466.861 755.537 466.861C721.167 466.861 693.264 494.658 693.264 528.997V537.63C693.264 542.048 689.682 545.63 685.264 545.63H675.729C671.31 545.63 667.729 542.048 667.729 537.63V534.025C667.729 485.725 707.016 446.521 755.537 446.521ZM755.537 480.423C782.469 480.423 804.262 502.193 804.262 528.997V537.63C804.262 542.048 800.604 545.63 796.186 545.63C791.767 545.63 788.109 542.048 788.109 537.63V535.152C788.109 516.596 773.947 500.768 755.54 500.768C737.133 500.768 722.97 516.596 722.97 535.152V537.63C722.97 542.048 719.309 545.63 714.891 545.63C710.473 545.63 706.812 542.048 706.812 537.63V528.997C706.813 502.193 728.605 480.423 755.537 480.423ZM755.54 514.329C765.625 514.329 774.561 523.218 774.561 535.152V537.63C774.561 542.048 770.979 545.63 766.561 545.63H744.519C740.1 545.63 736.519 542.048 736.519 537.63V535.152C736.519 523.218 745.455 514.329 755.54 514.329Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg width='829' height='546' viewBox='0 0 829 546' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M829 369.117C829 375.06 822.727 378.962 817.218 376.733C797.927 368.928 776.843 364.63 754.757 364.63C662.659 364.63 588 439.358 588 531.54V537.63C588 542.048 584.418 545.63 580 545.63H7.99998C3.58171 545.63 0 542.048 0 537.63V8.00001C0 3.58173 3.58172 0 8 0H821C825.418 0 829 3.58172 829 8V369.117ZM754.757 378.191C780.016 378.191 803.846 384.311 824.851 395.148C827.433 396.48 829 399.172 829 402.077V405.457C829 411.796 821.912 415.705 816.247 412.861C797.989 403.695 777.365 398.533 755.536 398.533C680.874 398.533 620.307 458.9 620.307 533.418V537.63C620.307 542.048 616.725 545.63 612.307 545.63H609.549C605.131 545.63 601.549 542.048 601.549 537.63V531.54C601.549 446.848 670.142 378.191 754.757 378.191ZM755.536 412.095C781.709 412.095 805.946 420.333 825.787 434.347C827.835 435.793 829 438.168 829 440.675V444.415C829 451.634 819.79 455.529 813.885 451.376C797.384 439.773 777.255 432.96 755.537 432.96C699.585 432.96 654.18 478.183 654.18 534.025V537.63C654.18 542.048 650.598 545.63 646.18 545.63H641.855C637.437 545.63 633.855 542.048 633.855 537.63V533.418C633.856 466.437 688.311 412.095 755.536 412.095ZM755.537 446.521C785.418 446.522 811.797 461.39 827.654 484.095C828.55 485.377 829 486.913 829 488.477V540.035C829 543.125 826.495 545.63 823.405 545.63C820.315 545.63 817.811 543.125 817.811 540.035V528.997C817.81 494.658 789.907 466.861 755.537 466.861C721.167 466.861 693.264 494.658 693.264 528.997V537.63C693.264 542.048 689.682 545.63 685.264 545.63H675.729C671.31 545.63 667.729 542.048 667.729 537.63V534.025C667.729 485.725 707.016 446.521 755.537 446.521ZM755.537 480.423C782.469 480.423 804.262 502.193 804.262 528.997V537.63C804.262 542.048 800.604 545.63 796.186 545.63C791.767 545.63 788.109 542.048 788.109 537.63V535.152C788.109 516.596 773.947 500.768 755.54 500.768C737.133 500.768 722.97 516.596 722.97 535.152V537.63C722.97 542.048 719.309 545.63 714.891 545.63C710.473 545.63 706.812 542.048 706.812 537.63V528.997C706.813 502.193 728.605 480.423 755.537 480.423ZM755.54 514.329C765.625 514.329 774.561 523.218 774.561 535.152V537.63C774.561 542.048 770.979 545.63 766.561 545.63H744.519C740.1 545.63 736.519 542.048 736.519 537.63V535.152C736.519 523.218 745.455 514.329 755.54 514.329Z' fill='%23D9D9D9'/%3E%3C/svg%3E%0A");
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-position: right bottom;
  mask-position: right bottom;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.production-section__slide-main {
  position: relative;
  grid-column: span 2;
  margin-left: calc(var(--page-margin) * -1);
  margin-right: calc(var(--page-margin) * -1);
  padding: 0 var(--page-margin);
  width: calc(100% + var(--page-margin) * 2);
  @media (min-width: 1280px) {
    width: 100%;
    margin: 0;
    padding: 0;
  }
}
.production-section__side-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.production-section__side-card:has(.production-section__side-top) {
  @media (max-width: 1280px) {
    display: none;
  }
}

.production-section__side-top {
  display: none;
  @media (min-width: 1280px) {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
}
.production-section__slide-image {
  width: 100%;
  height: auto;
  border-radius: var(--b-radius);
  aspect-ratio: 829 / 545;
  object-fit: cover;
  background: linear-gradient(180deg, #f1f9f7 0%, #dde4ed 100%);
}
.production-section__side-image {
  display: none;
  @media (min-width: 1280px) {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--b-radius);
    aspect-ratio: 829 / 545;
    object-fit: cover;
    background: linear-gradient(180deg, #f1f9f7 0%, #dde4ed 100%);
  }
}
.production-section__side-info {
  display: flex;
  align-items: center;
  gap: 20px;
}
.production-section__side-counter {
  color: #0e1c2c;
  font-size: 32px;
  font-family: "Audiowide", monospace;
  line-height: 1.25;
}
.production-section__side-subtitle {
  color: #262626;
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0909;
}
.production-section__nav {
  display: none;
  @media (min-width: 1280px) {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    align-self: flex-end;
  }
}
.production-section__nav-arrow {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 48px;
  padding: 0;
  border: none;
  border-radius: var(--b-radius);
  background-color: var(--color-gray-4);
  color: white;
  cursor: pointer;
  transition: all 0.2s ease;
}
.production-section__nav-arrow:hover {
  color: white;
  background-color: var(--color-primary);
  border-radius: 24px;
}
@keyframes partners-marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.advantages-section {
  display: flex;
  flex-direction: column;
}
.advantages-section__header {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.advantages-section__label {
  display: flex;
  align-items: center;
  gap: 20px;
}
.advantages-section__label-dot {
  width: 12px;
  height: 12px;
  background-color: var(--color-accent);
  border-radius: 6px;
}
.advantages-section__label-text {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2857;
  overflow-wrap: break-word;
}
.advantages-section__title {
  color: var(--color-primary);
  font-size: 42px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0952;
  overflow-wrap: break-word;
}
.advantages-section__items {
  display: flex;
  flex-direction: column;
  gap: 30px;
  @media (min-width: 768px) {
    flex-flow: row wrap;
    gap: 40px;
  }
  @media (min-width: 1280px) {
    flex-wrap: nowrap;
  }
}
.advantages-section__item {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: auto;
  @media (min-width: 768px) {
    gap: 40px;
  }
}
.advantages-section__icon {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}
.advantages-section__item-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  @media (min-width: 768px) {
    gap: 20px;
  }
}
.advantages-section__item-title {
  color: var(--color-primary);
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0909;
  overflow-wrap: break-word;
}
.advantages-section__item-description {
  color: var(--color-gray-3);
  font-size: 16px;
  line-height: 1.375;
  overflow-wrap: break-word;
}
.categories-section {
  overflow: hidden;
  gap: 40px;
}
.categories-section__header {
  width: 830px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.categories-section__label {
  display: flex;
  align-items: center;
  gap: 20px;
}
.categories-section__label-dot {
  width: 12px;
  height: 12px;
  background-color: var(--color-accent);
  border-radius: 6px;
}
.categories-section__label-text {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2857;
  overflow-wrap: break-word;
}
.categories-section__content {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.categories-section__tabs {
  display: flex;
  gap: 5px;
  overflow: auto;
  scrollbar-width: none;
}
.categories-section__tab {
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 6px;
  background: white;
}
.categories-section__tab--active {
  background: var(--color-bg-sec-2);
}
.categories-section__tab-text {
  color: var(--color-primary);
  font-size: 16px;
  line-height: 1.375;
  overflow-wrap: break-word;
}
.categories-section__tab--active .categories-section__tab-text {
  color: white;
}
.categories-section__cards {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  @media (min-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
  }
  @media (min-width: 1280px) {
    grid-template-columns: repeat(3, 1fr);
  }
  @media (min-width: 1440px) {
    grid-template-columns: repeat(4, 1fr);
  }
}
.categories-section__slider {
  padding: 0 var(--page-margin);
  margin: 0 calc(var(--page-margin) * -1);
  width: calc(100% + var(--page-margin) * 2);
  @media (min-width: 1280px) {
    width: 100%;
    padding: 0;
    margin: 0;
  }
}
.faq-section {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.faq-section__body {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  @media (min-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
    margin-left: calc(var(--page-margin) * -1);
    margin-right: calc(var(--page-margin) * -1);
    width: calc(100% + var(--page-margin) * 2);
  }
}
.release-projects-section {
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.release-projects-section__header {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.release-projects-section__label {
  display: flex;
  align-items: center;
  gap: 20px;
}
.release-projects-section__label-dot {
  width: 12px;
  height: 12px;
  background-color: var(--color-accent);
  border-radius: 6px;
}
.release-projects-section__label-text {
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2857;
  overflow-wrap: break-word;
}
.release-projects-section__title {
  color: var(--color-primary);
  font-size: 30px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.1333;
  overflow-wrap: break-word;
  @media (min-width: 1280px) {
    font-size: 42px;
    line-height: 1.0952;
  }
}
.release-projects-section__body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  @media (min-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
  }
  @media (min-width: 1280px) {
    grid-template-columns: repeat(3, 1fr);
  }
}

.hero-section {
  height: min(100vh, 1280px);
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  position: relative;
}
.hero-section__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: linear-gradient(180deg, rgb(0 0 0 / 8%) 0%);
  position: absolute;
  z-index: -1;
  pointer-events: none;
}
.hero-section__image-bg {
  position: absolute;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}
.hero-section__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-top: auto;
}
.hero-section__body {
  padding-top: 100px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  margin-top: auto;
  @media (min-width: 768px) {
    padding-top: 140px;
    height: auto;
  }
}
.hero-section__header {
  padding-bottom: 30px;
  padding-left: var(--page-margin);
  padding-right: var(--page-margin);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px 60px;
  @media (min-width: 768px) {
    padding-bottom: 50px;
    flex-direction: row;
  }
  @media (min-width: 1280px) {
    padding-bottom: 50px;
  }
  @media (min-width: 1440px) {
    padding-bottom: 50px;
  }
}
.hero-section__title {
  max-width: 960px;
  color: white;
  font-size: 36px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -1.08px;
  @media (min-width: 1280px) {
    font-size: 46px;
    line-height: 1.08696;
    letter-spacing: -1.38px;
  }
}
.hero-section-about .hero-section__title {
  width: 100%;
  max-width: 750px;
}
.hero-section__factoid-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hero-section__factoid {
  color: white;
  font-size: 56px;
  font-family: Audiowide, sans-serif;
  line-height: 1;
  max-height: 56px;
  overflow-wrap: break-word;
  @media (min-width: 1900px) {
    font-size: 70px;
    max-height: 70px;
  }
}
.hero-section__factoid:has(span) {
  display: flex;
  gap: 10px;
  @media (min-width: 1900px) {
    gap: 12px;
  }
}
.hero-section__factoid span {
  font-family: "Exo 2", sans-serif;
  font-size: 42px;
  line-height: 1.89524;
  transform: translateY(-10px);
  @media (min-width: 1900px) {
    transform: translateY(0);
  }
}
.hero-section__factoid-label {
  color: white;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.11111;
  overflow-wrap: break-word;
  @media (min-width: 1900px) {
    font-size: 20px;
    line-height: 1.11111;
  }
}
.hero-section__factoid-text {
  color: white;
  font-size: 16px;
  line-height: 1.375;
}
.hero-section__divider {
  height: 1px;
  background: white;
}
.hero-section__description {
  padding: 30px var(--page-margin) 50px;
  @media (min-width: 768px) {
    padding: 40px var(--page-margin) 90px;
  }
}
.hero-section__content:has(.hero-section__video-buttons)
  .hero-section__description {
  padding: 30px var(--page-margin) 100px;
  @media (min-width: 768px) {
    padding: 40px var(--page-margin) 140px;
  }
}
.hero-section__description-text {
  width: 100%;
  color: white;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  overflow-wrap: break-word;
  @media (min-width: 768px) {
    width: 50%;
  }
  @media (min-width: 1440px) {
    width: 25%;
  }
}
.hero-section__bottom-bar {
  width: 100%;
  max-width: calc(100vw - var(--page-margin) * 2);
  padding: 14px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: rgb(12 44 80 / 87%);
  border-radius: var(--b-radius);
  position: fixed;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  z-index: 800;
  opacity: 1;
  visibility: visible;
  @media (min-width: 1024px) {
    bottom: 30px;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 2fr 1fr;
  }
  @media (min-width: 1900px) {
    max-width: 1680px;
  }
}

.hero-section__bottom-bar:not(:has(.product-section__tabs)) {
  @media (min-width: 1024px) {
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.hero-section__bottom-bar.invisible {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.hero-section__bottom-title {
  max-width: 705px;
  color: white;
  font-size: 22px;
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  line-height: 1.0909;
  overflow-wrap: break-word;
  @media (min-width: 1024px) {
    min-width: 400px;
  }
}

.hero-section__video-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
  position: absolute;
  left: var(--page-margin);
  bottom: 20px;
  @media (min-width: 1024px) {
    bottom: 30px;
  }
}

.hero-section__video-button,
.video-button {
  padding: 13px 25px;
  border-radius: var(--b-radius);
  background: rgba(255, 255, 255, 0.6);
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hero-section__video-button:hover,
.video-button:hover {
  background: rgba(255, 255, 255, 1);
  color: var(--color-primary);
}

.hero-section__video-button.js-video-button,
.video-button.js-video-button {
  padding: 13px;
}

.hero-section__video-button.js-video-button::after,
.video-button.js-video-button::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4338_258487)'%3E%3Cpath d='M7 8.48207C7 6.93549 7 6.16219 7.50194 5.87389C8.00388 5.5856 8.67183 5.97524 10.0077 6.75452L16.0385 10.2724C17.3564 11.0412 18.0154 11.4256 18.0154 12C18.0154 12.5744 17.3564 12.9588 16.0385 13.7276L10.0077 17.2455C8.67183 18.0248 8.00388 18.4144 7.50194 18.1261C7 17.8378 7 17.0645 7 15.5179V8.48207Z' stroke='%230A0F16' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4338_258487'%3E%3Crect width='18' height='18' fill='white' transform='translate(3 3)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.hero-section__video-button.js-video-button.playing::after,
.video-button.js-video-button.playing::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1201_54401)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.22984 3.04004C9.57984 3.04004 9.86984 3.33004 9.86984 3.68004V20.32C9.86984 20.67 9.57984 20.96 9.22984 20.96C8.86984 20.96 8.58984 20.67 8.58984 20.32V3.68004C8.58984 3.33004 8.86984 3.04004 9.22984 3.04004Z' fill='%230A0F16'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.7689 3.04004C15.1289 3.04004 15.4089 3.33004 15.4089 3.68004V20.32C15.4089 20.67 15.1289 20.96 14.7689 20.96C14.4189 20.96 14.1289 20.67 14.1289 20.32V3.68004C14.1289 3.33004 14.4189 3.04004 14.7689 3.04004Z' fill='%230A0F16'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1201_54401'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.link {
  width: -webkit-fit-content;
  width: fit-content;
  color: var(--color-primary);
  font-size: 14px;
  line-height: 1.2857;
  padding-bottom: 2px;
  border-bottom: 1px rgb(49 196 180 / 50%) solid;
  text-decoration: none;
}

/* INFO SECTION */

.info-section__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  background: linear-gradient(0deg, #f1f9f7 0%, #f1f9f7 35.58%);
  @media (min-width: 1280px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}

.bg-white .info-section__content {
  background: white;
}

.info-section__title {
  grid-column: 1 / -1;
  margin: 0 auto;
  text-align: center;
  @media (max-width: 768px) {
    font-size: 24px;
    line-height: 1.08333;
    letter-spacing: -0.24px;
  }
  @media (min-width: 1280px) {
    grid-column: 2/4;
  }
}

.info-section__description {
  grid-column: 1 / -1;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
  overflow-wrap: break-word;
  @media (min-width: 768px) {
    margin-top: 50px;
    font-size: 18px;
    line-height: 1.3333;
  }
  @media (min-width: 1280px) {
    grid-column: 2/4;
    margin-top: 60px;
  }
}

.info-section__images-block {
  grid-column: 1 / -1;
  display: flex;
  gap: 8px;
  overflow: auto;
  scrollbar-width: none;
  margin-top: 50px;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: -16px;
  margin-right: -16px;
  @media (min-width: 1280px) {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: flex-start;
    gap: 20px;
    margin-top: 100px;
  }
}

.info-section__images-block::-webkit-scrollbar {
  display: none;
}

.info-section__image {
  display: flex;
  border-radius: var(--b-radius);
  @media (min-width: 1280px) {
    &:nth-of-type(1) {
      grid-column-start: 1;
    }
    &:nth-of-type(2) {
      grid-column: span 2;
    }
    &:nth-of-type(3) {
      grid-column-start: 4;
    }
    &:nth-of-type(n + 4) {
      display: none;
    }
  }
}

.info-section__picture {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  object-fit: cover;
  min-width: 312px;
  max-width: 312px;
  border-radius: var(--b-radius);
  @media (min-width: 768px) {
    min-width: unset;
    max-width: unset;
  }
}

.info-section__image:nth-of-type(2) .info-section__picture {
  @media (min-width: 1280px) {
    aspect-ratio: 829/609;
  }
}

/* SCOPE */

.num-slider__container {
  border-bottom: 1px solid var(--color-border);
  padding-left: var(--page-margin);
  padding-right: var(--page-margin);
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  @media (min-width: 768px) {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}

.num-slider__info {
  grid-column: 1 / -1;
  padding-bottom: 50px;
  @media (min-width: 768px) {
    grid-column: 1 / 2;
  }
}

.num-slider__content {
  grid-column: 1 / -1;
  @media (min-width: 768px) {
    grid-column: 2 / -1;
    margin-right: calc(-1 * var(--page-margin));
    width: calc(100% + var(--page-margin));
  }
}

.num-slider__item {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: relative;
  height: auto;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  max-width: 829px;
  cursor: grab;
  padding: 20px;
  min-height: 290px;
  @media (min-width: 768px) {
    width: 46.328125vw;
  }
  @media (min-width: 1280px) {
    padding: 40px 80px 70px;
    min-height: 300px;
  }
  @media (min-width: 1900px) {
    padding: 80px 100px 100px 120px;
    min-height: 300px;
  }
}

.num-slider__item:active {
  cursor: grabbing;
}

.num-slider__item:empty {
  opacity: 0 !important;
  max-width: 100px;
}

.num-slider_light .num-slider__item {
  padding: 40px;
  min-height: 300px;
  @media (min-width: 1280px) {
    padding: 80px 80px 100px;
    gap: 30px;
    min-height: 400px;
  }
  @media (min-width: 1900px) {
    padding: 80px 100px 100px 120px;
  }
}

.num-slider__item ul {
  position: relative;
  z-index: 2;
  gap: 6px;
}

.num-slider__item li {
  color: var(--color-primary);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.375;
}

.num-slider__item-title {
  color: var(--color-accent);
  position: relative;
  z-index: 2;
  margin-top: 14px;
  @media (min-width: 768px) {
    margin-top: 0;
  }
}

.num-slider_light .num-slider__item-title {
  color: var(--color-primary);
}

.num-slider__item-bg {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-bg-sec-2);
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease;
  &::after {
    content: "";
    position: absolute;
    width: 560.12px;
    height: 254.11px;
    right: 9.88px;
    bottom: 67.61px;

    background: radial-gradient(
      66.78% 226.51% at 54.2% 66.22%,
      #00aede 0%,
      #0e1c2c 100%
    );
    filter: blur(89.75px);
    transform: rotate(-31.21deg);
  }
  &::before {
    content: "";
    position: absolute;
    width: 565.21px;
    height: 251.31px;
    right: -250.89px;
    bottom: 128.69px;
    background: var(--color-text-link);
    filter: blur(96.65px);
    transform: rotate(-41.14deg);
  }
}

.num-slider_light .num-slider__item-bg {
  background: var(--color-bg-sec);
  &::after {
    content: unset;
  }
  &::before {
    content: unset;
  }
}

.swiper-slide-active.num-slider__item {
  .num-slider__item-bg {
    opacity: 1;
    visibility: visible;
  }
  li {
    color: white;
  }
}

.num-slider__item-arch {
  width: 177px;
  height: auto;
  aspect-ratio: 270/100;
  position: absolute;
  left: 90%;
  transform: translateX(-50%);
  bottom: -10px;
  background-image: url("data:image/svg+xml,%3Csvg width='270' height='100' viewBox='0 0 270 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M135 0C209.559 0 270 60.4415 270 135L270 217.476H259.031L259.031 135C259.031 66.4994 203.501 10.9687 135 10.9687C66.4997 10.9687 10.9691 66.4994 10.9691 135L10.9691 217.265L0.000343323 217.265L0.000343323 135C0.000343323 60.4415 60.4418 0 135 0Z' fill='%23D9E0E9'/%3E%3Cpath d='M135.637 27.4189C196.08 27.4189 245.113 76.2442 245.113 136.516V217.473H234.145V136.516C234.144 82.3399 190.06 38.3877 135.637 38.3877C81.2137 38.3877 37.1293 82.3399 37.1292 136.516V217.262H26.1604V136.516C26.1605 76.2442 75.1937 27.4189 135.637 27.4189Z' fill='%23D9E0E9'/%3E%3Cpath d='M135.633 55.2656C180.929 55.2656 217.688 91.8422 217.688 137.009L217.688 217.476H206.719L206.719 137.009C206.719 97.9422 174.914 66.2344 135.633 66.2344C96.3522 66.2344 64.5471 97.9422 64.5471 137.009L64.5471 217.265H53.5783L53.5783 137.009C53.5783 91.8422 90.3365 55.2656 135.633 55.2656Z' fill='%23D9E0E9'/%3E%3Cpath d='M135.637 82.6846C163.461 82.6846 186.051 105.167 186.051 132.941L186.051 217.354H175.082L175.082 132.941C175.082 111.261 157.44 93.6533 135.637 93.6533C113.834 93.6533 96.1916 111.261 96.1915 132.941L96.1915 217.263H85.2228L85.2228 132.941C85.2228 105.167 107.812 82.6846 135.637 82.6846Z' fill='%23D9E0E9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  opacity: 0.35;
  @media (min-width: 1280px) {
    bottom: -20px;
  }
  @media (min-width: 1900px) {
    width: 217px;
    bottom: 0;
  }
}

.num-slider_light .num-slider__item-arch {
  left: 50%;
  @media (min-width: 1280px) {
    width: 217px;
    bottom: 0;
  }
}

.num-slider__number {
  color: var(--color-accent);
  font-family: "Audiowide", monospace;
  font-size: 70px;
  line-height: 1;
}

.num-slider__text {
  position: relative;
  z-index: 2;
  @media (min-width: 768px) {
    margin-top: 10px;
  }
}

.num-slider__caption {
  color: var(--color-accent);
  position: relative;
  z-index: 2;
}

.num-slider__item-file {
  display: flex;
  align-items: center;
  color: var(--color-gray-3);
  gap: 10px;
  font-size: 14px;
  line-height: 1.28571;
  position: relative;
  z-index: 2;
  margin-top: 4px;
  @media (min-width: 768px) {
    margin-top: 0;
  }
}

.num-slider__item-file span {
  width: 8px;
  height: 8px;
  background: var(--color-accent);
  border-radius: 50%;
  flex-shrink: 0;
}

.scope-section {
  background: linear-gradient(0deg, var(--color-bg-sec) 0%, #fff 100%);
  padding-top: var(--space-5xl);
}

.scope-section.reviews {
  padding-top: 0;
}

.scope-section .num-slider__item-arch {
  left: 50%;
  transform: translateX(-50%);
}

.when-section {
  overflow: hidden;
}

.when-section__container {
  @media (min-width: 1280px) {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.when-section__container:has(.when-section__slider) {
  @media (min-width: 1280px) {
    display: flex;
  }
}

*:has(> .video-controls) {
  position: relative;
}

.video-controls {
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  align-items: center;
  @media (min-width: 1900px) {
    bottom: 40px;
  }
  z-index: 2;
}

.video-controls .button_primary {
  display: none;
  @media (min-width: 768px) {
    display: inline-flex;
  }
}

.when-section__image {
  width: calc(100% + var(--page-margin) * 2);
  height: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  margin: 0 calc(-1 * var(--page-margin));
  @media (min-width: 1280px) {
    width: 100%;
    margin: 0;
    aspect-ratio: unset;
  }
}

.when-section__slider {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  @media (min-width: 1280px) {
    width: 50%;
  }
}

.when-section__slider .swiper-slide {
  background: white;
  width: 100%;
  height: auto;
}

.when-section__slider-buttons {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  display: flex;
  justify-content: space-between;
  z-index: 2;
  @media (min-width: 1280px) {
    left: 40px;
    right: auto;
    bottom: 40px;
  }
}

.number-list {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-left: calc(-1 * var(--page-margin));
  margin-right: calc(-1 * var(--page-margin));
  list-style: none;
  flex-grow: 1;
  @media (min-width: 1280px) {
    margin-left: 0;
    margin-right: calc(-1 * var(--page-margin));
  }
}

.number-list li {
  padding: 30px 60px 30px 16px;
  border-top: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  background: linear-gradient(90deg, #fff 0%, #fff 50%, #e6f5f1 100%);
  background-size: 200% 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  font-family: "Exo 2", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.11111;
  letter-spacing: -0.54px;
  transition: background-position 0.3s ease;
  flex-grow: 1;
  @media (min-width: 768px) {
    flex-direction: row;
    align-items: center;
    padding: 40px 100px 40px 40px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.09091;
    letter-spacing: -0.66px;
  }
}

.number-list li:last-child {
  border-bottom: 1px solid var(--color-border);
}

.number-list li::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='198' height='245' viewBox='0 0 198 245' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 122.402C0 54.8011 54.8011 0 122.402 0L197.182 0V9.94514L122.402 9.94514C60.2937 9.94514 9.94514 60.2937 9.94514 122.402C9.94514 184.51 60.2937 234.858 122.402 234.858H196.99V244.803H122.402C54.8011 244.803 0 190.002 0 122.402Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M24.8594 121.827C24.8594 67.0239 69.1283 22.5665 123.775 22.5664L197.178 22.5664V32.5115L123.775 32.5115C74.6551 32.5116 34.8045 72.4821 34.8045 121.827C34.8045 171.171 74.6551 211.141 123.775 211.142H196.987V221.087H123.775C69.1283 221.087 24.8594 176.629 24.8594 121.827Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M50.1094 121.827C50.1094 80.7576 83.2727 47.4297 124.224 47.4297L197.183 47.4297V57.3748L124.224 57.3748C88.8034 57.3748 60.0545 86.2119 60.0545 121.827C60.0545 157.442 88.8034 186.279 124.224 186.279L196.991 186.279V196.224L124.224 196.224C83.2727 196.224 50.1094 162.896 50.1094 121.827Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M74.9688 121.825C74.9688 96.5966 95.353 76.1153 120.535 76.1152H197.071V86.0604L120.535 86.0604C100.879 86.0604 84.9139 102.056 84.9139 121.825C84.9139 141.593 100.879 157.589 120.535 157.589H196.988V167.534H120.535C95.353 167.534 74.9688 147.053 74.9688 121.825Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3Cpath d='M99.8281 121.827C99.8281 108.316 111.436 97.9209 125.044 97.9209L196.834 97.9209V107.866L125.044 107.866C116.292 107.866 109.773 114.425 109.773 121.827C109.773 129.23 116.292 135.789 125.044 135.789H196.793V145.734H125.044C111.436 145.734 99.8281 135.339 99.8281 121.827Z' fill='%23D9E0E9' fill-opacity='0.3'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  width: auto;
  height: 100%;
  min-height: 245px;
  aspect-ratio: 198/245;
  left: calc(100% - 60px);
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
  @media (min-width: 768px) {
    left: calc(100% - 100px);
  }
}

.number-list__block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  @media (min-width: 768px) {
    flex-direction: row;
    gap: 40px;
  }
}

.number-list__number {
  color: white;
  font-family: "Roboto Flex", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
  padding: 4px 13px;
  border-radius: 29px;
  background: var(--color-bg-sec-2);
  transition: background-color 0.3s ease;
}

.number-list__text {
  font-family: "Exo 2", sans-serif;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.number-list__text-subtitle {
  font-family: "Roboto Flex", sans-serif;
  color: var(--color-gray-3);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.375;
}

.number-list li:hover {
  background-position: 100% 0;
}

.number-list li:hover::after {
  transform: translateY(-50%) translateX(40px);
}

.number-list li:hover .number-list__number {
  background-color: var(--color-accent);
  color: white;
}

.how-section__container {
  display: flex;
  gap: 10px;
  padding: 0 var(--page-margin);
  margin: 0 calc(-1 * var(--page-margin));
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
  @media (min-width: 1024px) {
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
}

.bx-touch .how-section__container {
  scroll-snap-type: x mandatory;
}

.how-section__container::-webkit-scrollbar {
  display: none;
}

.how-section__card {
  position: relative;
  min-width: calc(100vw - var(--page-margin) * 2);
  width: calc(100vw - var(--page-margin) * 2);
  display: flex;
  padding: 20px;
  overflow: hidden;
  border-radius: var(--b-radius);
  background: var(--color-bg-sec);
  scroll-snap-align: center;
  @media (min-width: 1024px) {
    width: auto;
    min-width: unset;
    padding: 30px;
    width: auto;
    gap: 30px;
  }
}

.how-section__card-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  @media (min-width: 1024px) {
    justify-content: space-between;
  }
}

.how-section__image {
  position: absolute;
  right: 20px;
  top: 20px;
  width: auto;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  mix-blend-mode: darken;
  max-height: 120px;
  @media (min-width: 1024px) {
    position: relative;
    right: unset;
    top: unset;
    max-height: 195px;
  }
}

.how-section__title {
  max-width: calc(100% - 120px);
  @media (min-width: 1024px) {
    max-width: unset;
  }
}

.list.how-section__desc {
  margin-top: 100px;
  @media (min-width: 1024px) {
    margin-top: 0;
  }
}

.how-section__card_dark {
  color: white;
  background: var(--color-bg-sec-2);
  position: relative;
  overflow: hidden;
}

.how-section__card_dark::before {
  content: "";
  position: absolute;
  width: 507.68px;
  height: 230.32px;
  right: 61.32px;
  bottom: 68.85px;
  background: radial-gradient(
    66.78% 226.51% at 54.2% 66.22%,
    #00aede 0%,
    #0e1c2c 100%
  );
  filter: blur(89.75px);
  transform: rotate(-31.21deg);
}

.how-section__card_dark::after {
  content: "";
  position: absolute;
  width: 512.29px;
  height: 227.79px;
  right: -175.04px;
  bottom: 124.21px;
  background: #31c4b4;
  filter: blur(96.65px);
  transform: rotate(-41.14deg);
}

.how-section__card_dark {
  .how-section__card-content {
    position: relative;
    z-index: 2;
  }
  .how-section__image {
    mix-blend-mode: screen;
    position: absolute;
    z-index: 2;
    @media (min-width: 1024px) {
      position: relative;
    }
  }
}

.catalog-sections {
  display: flex;
  gap: 5px;
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.catalog-sections_wrap {
  flex-wrap: wrap;
  overflow-x: unset;
}

.catalog-sections::-webkit-scrollbar {
  display: none;
}

.catalog-sections_desktop {
  display: none;
  @media (min-width: 1280px) {
    display: flex;
  }
}

.cs-dropdown {
  display: block;
  @media (min-width: 1280px) {
    display: none;
  }
}

.catalog-sections__item {
  flex-shrink: 0;
  white-space: nowrap;
  padding: 8px 20px;
  background: var(--color-icon);
  color: var(--color-primary);
  font-size: 16px;
  line-height: 1.375;
  border-radius: var(--b-radius);
  transition: all 0.3s ease;
  text-decoration: none;
}

.catalog-sections__item:hover,
.catalog-sections__item.active {
  background: var(--color-gray-1);
  color: white;
}

.catalog-sections__item.active {
  pointer-events: none;
}

.square-section__container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  @media (min-width: 1280px) {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
}

.square-section__number {
  color: var(--color-accent);
  font-family: "Audiowide", monospace;
  font-weight: 400;
  font-size: 48px;
  line-height: 1;
  @media (min-width: 1024px) {
    font-size: 70px;
  }
}

.square-section__number span {
  color: var(--color-accent);
  font-family: "Exo 2", sans-serif;
  font-weight: 600;
  font-size: 36px;
  line-height: 1;
  letter-spacing: -1.38px;
  @media (min-width: 1024px) {
    font-size: 46px;
    line-height: 1.04348;
  }
}

.square-section__caption {
  color: var(--color-gray-3);
  font-family: "Exo 2", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.11111;
  letter-spacing: -0.54px;
  @media (min-width: 1280px) {
    font-size: 22px;
    font-weight: 600;
    line-height: 1.09091;
    letter-spacing: -0.66px;
  }
}

.square-section__text {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: var(--color-gray-3);
  font-weight: 500;
  @media (min-width: 1280px) {
    font-size: 18px;
    line-height: 1.33333;
  }
}

.section.video-section {
  padding: 0;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.video-section__progress-bar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
  --progress: attr(data-progress);
  width: 285px;
  height: 285px;
  background-image:
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0.6) 0%,
      rgba(255, 255, 255, 0.6) 100%
    ),
    conic-gradient(
      var(--color-accent) 0%,
      var(--color-accent) calc(var(--progress) * 1%)
    );
  background-image:
    radial-gradient(circle, #222 0% 27%, transparent 28% 50%, #222 51%),
    conic-gradient(#d64e42 0% 60%, transparent 60%);
}

.video-section .ui-progressround {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 2;
}

.video-section .ui-progressround circle {
  transition: stroke-dashoffset 0.26s linear;
}

.video-section__video {
  width: 100%;
  height: 76.06vw;
  max-height: 800px;
  object-fit: cover;
  @media (min-width: 1280px) {
    height: 800px;
  }
}

.video-section__center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  @media (min-width: 768px) {
    gap: 20px;
  }
  @media (min-width: 1280px) {
    gap: 78px;
  }
}

.video-section__title,
.video-section__title.h1 {
  text-align: center;
  max-width: 160px;
  word-wrap: break-word;
  color: white;
  @media (max-width: 768px) {
    font-size: 24px;
    line-height: 1.08333;
    letter-spacing: -0.25px;
  }
  @media (min-width: 768px) {
    max-width: 270px;
  }
  @media (min-width: 1280px) {
    max-width: 400px;
  }
}

.video-section + * > .section {
  padding-top: var(--space-5xl);
}

.video-section .video-button {
  display: none;
  @media (min-width: 768px) {
    display: flex;
  }
}

.video-section .video-button_mobile {
  display: flex;
  padding: 13px;
  @media (min-width: 768px) {
    display: none;
  }
}

.video-section .video-button_mobile::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4338_258487)'%3E%3Cpath d='M7 8.48207C7 6.93549 7 6.16219 7.50194 5.87389C8.00388 5.5856 8.67183 5.97524 10.0077 6.75452L16.0385 10.2724C17.3564 11.0412 18.0154 11.4256 18.0154 12C18.0154 12.5744 17.3564 12.9588 16.0385 13.7276L10.0077 17.2455C8.67183 18.0248 8.00388 18.4144 7.50194 18.1261C7 17.8378 7 17.0645 7 15.5179V8.48207Z' stroke='%230A0F16' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4338_258487'%3E%3Crect width='18' height='18' fill='white' transform='translate(3 3)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* SEARCH IN HEADER */

.search-title-container {
  position: relative;
  z-index: 2;
}

.search-title {
  position: absolute;
  right: -50px;
  top: 50%;
  transform: translateY(-50%);
  left: 150px;
  height: 100%;
  display: grid;
  align-content: center;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease;
  @media (max-width: 768px) {
    display: none;
  }
  @media (min-width: 1280px) {
    left: 350px;
  }
}

.search-title.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  animation: showSearch 1s forwards;
}

.search-form-submit-button {
  height: 40px;
  width: 40px;
  border: none;
  background-color: transparent !important;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7104 20.2899L18.0004 16.6099C19.4405 14.8143 20.1379 12.5352 19.9492 10.2412C19.7605 7.94721 18.7001 5.81269 16.9859 4.27655C15.2718 2.74041 13.0342 1.91941 10.7333 1.98237C8.43243 2.04534 6.24311 2.98747 4.61553 4.61505C2.98795 6.24263 2.04582 8.43194 1.98286 10.7328C1.9199 13.0337 2.7409 15.2713 4.27704 16.9854C5.81318 18.6996 7.94769 19.76 10.2417 19.9487C12.5357 20.1374 14.8148 19.44 16.6104 17.9999L20.2904 21.6799C20.3834 21.7736 20.494 21.848 20.6158 21.8988C20.7377 21.9496 20.8684 21.9757 21.0004 21.9757C21.1324 21.9757 21.2631 21.9496 21.385 21.8988C21.5068 21.848 21.6174 21.7736 21.7104 21.6799C21.8906 21.4934 21.9914 21.2442 21.9914 20.9849C21.9914 20.7256 21.8906 20.4764 21.7104 20.2899ZM11.0004 17.9999C9.61592 17.9999 8.26255 17.5894 7.1114 16.8202C5.96026 16.051 5.06305 14.9578 4.53324 13.6787C4.00342 12.3996 3.8648 10.9921 4.1349 9.63427C4.40499 8.27641 5.07168 7.02912 6.05065 6.05016C7.02961 5.07119 8.27689 4.4045 9.63476 4.13441C10.9926 3.86431 12.4001 4.00293 13.6792 4.53275C14.9583 5.06256 16.0515 5.95977 16.8207 7.11091C17.5899 8.26206 18.0004 9.61544 18.0004 10.9999C18.0004 12.8564 17.2629 14.6369 15.9501 15.9497C14.6374 17.2624 12.8569 17.9999 11.0004 17.9999Z' fill='%235e6062'%3E%3C/path%3E%3C/svg%3E");
  background-size: 24px 24px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}

#text {
  margin: 0;
  font-size: 100px;
}

@keyframes showSearch {
  from {
    clip-path: inset(0 0 0 100%);
  }
  to {
    clip-path: inset(0 0 0 0);
  }
}

.search-form-close-button {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease 1s;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  font-size: 24px;
  line-height: 1;
}

.search-form-close-button::after {
  display: inline-block;
  content: "\00d7";
}

.search-title.active .search-form-close-button {
  opacity: 1;
  visibility: visible;
  transition: unset;
}

.scroll-top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1000;
  color: var(--color-gray-4);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  border: none;
  background: transparent;
  transition: color 0.3s ease;
}

.scroll-top:hover {
  color: var(--color-primary);
}

.scroll-top[hidden] {
  display: none;
}

/* End */
/* /assets/fonts/fonts.css?1778730264120 */
/* /assets/css/forms.css?178714869733775 */
/* /assets/css/vendor/fancybox.css?177588501332693 */
/* /local/templates/.default/components/bitrix/menu/top/style.css?17835097045227 */
/* /local/templates/.default/components/arturgolubev/search.title/.default/style.css?178488275111819 */
/* /local/templates/.default/components/bitrix/menu/top.mobile/style.css?17833282581732 */
/* /local/templates/.default/components/bitrix/menu/footer/style.css?17863661452119 */
/* /local/templates/titan/styles.css?178706993531875 */
/* /local/templates/titan/template_styles.css?178673011283195 */