@font-face {
  font-family: "Montserrat";
  src: local("Montserrat"), url("../fonts/montserrat/Montserrat-VariableFont_wght.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "NEXT ART";
  src: local("NEXT ART"), url("../fonts/nextart/NEXT_ART_Light.otf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "NEXT ART";
  src: local("NEXT ART"), url("../fonts/nextart/NEXT_ART_Regular.otf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "NEXT ART";
  src: local("NEXT ART"), url("../fonts/nextart/NEXT_ART_SemiBold.otf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "NEXT ART";
  src: local("NEXT ART"), url("../fonts/nextart/NEXT_ART_Bold.otf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "NEXT ART";
  src: local("NEXT ART"), url("../fonts/nextart/NEXT_ART_Heavy.otf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/**
 * Minified by jsDelivr using clean-css v5.3.2.
 * Original file: /npm/modern-normalize@3.0.1/modern-normalize.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
*, ::after, ::before {
  box-sizing: border-box;
}

html {
  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}

body {
  margin: 0;
}

b, strong {
  font-weight: bolder;
}

code, kbd, pre, samp {
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: currentcolor;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

body.page{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.date-picker {
  width: 170px;
  height: 25px;
  padding: 0;
  border: 0;
  line-height: 25px;
  padding-left: 10px;
  font-size: 12px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  cursor: pointer;
  color: #303030;
  position: relative;
  z-index: 2;
}

.date-picker-wrapper {
  position: absolute;
  z-index: 1;
  border: 1px solid #bfbfbf;
  background-color: #efefef;
  padding: 5px 12px;
  font-size: 12px;
  line-height: 20px;
  color: #aaa;
  font-family: Arial, sans-serif;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  box-sizing: initial;
}

.dp-clearfix {
  clear: both;
  height: 0;
  font-size: 0;
}

.date-picker-wrapper.inline-wrapper {
  position: relative;
  box-shadow: none;
  display: inline-block;
}
.date-picker-wrapper.single-date {
  width: auto;
}
.date-picker-wrapper.no-shortcuts {
  padding-bottom: 12px;
}
.date-picker-wrapper.no-topbar {
  padding-top: 12px;
}
.date-picker-wrapper .footer {
  font-size: 11px;
  padding-top: 3px;
}
.date-picker-wrapper b {
  color: #666;
  font-weight: 700;
}
.date-picker-wrapper a {
  color: rgb(107, 180, 214);
  text-decoration: underline;
}
.date-picker-wrapper .month-name {
  text-transform: uppercase;
}
.date-picker-wrapper .select-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.date-picker-wrapper .select-wrapper:hover {
  text-decoration: underline;
}
.date-picker-wrapper .month-element {
  display: inline-block;
  vertical-align: middle;
}
.date-picker-wrapper .select-wrapper select {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: -1px;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-transform: inherit;
  color: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  outline: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  filter: alpha(opacity=1);
  opacity: 0.01;
}
.date-picker-wrapper .month-wrapper {
  border: 1px solid #bfbfbf;
  border-radius: 3px;
  background-color: #fff;
  padding: 5px;
  cursor: default;
  position: relative;
  _overflow: hidden;
}
.date-picker-wrapper .month-wrapper table {
  width: 190px;
  float: left;
}
.date-picker-wrapper .month-wrapper table.month2 {
  width: 190px;
  float: left;
}
.date-picker-wrapper .month-wrapper table th,
.date-picker-wrapper .month-wrapper table td {
  vertical-align: middle;
  text-align: center;
  line-height: 14px;
  margin: 0px;
  padding: 0px;
}
.date-picker-wrapper .month-wrapper table .day {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #ccc;
  cursor: default;
}
.date-picker-wrapper .month-wrapper table div.day.lastMonth, .date-picker-wrapper .month-wrapper table div.day.nextMonth {
  color: #999;
  cursor: default;
}
.date-picker-wrapper .month-wrapper table .day.checked {
  background-color: rgb(156, 219, 247);
}
.date-picker-wrapper .month-wrapper table .week-name {
  height: 20px;
  line-height: 20px;
  font-weight: 100;
  text-transform: uppercase;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip {
  cursor: help !important;
}
.date-picker-wrapper .month-wrapper table .day.has-tooltip .tooltip {
  white-space: nowrap;
}
.date-picker-wrapper .time label {
  white-space: nowrap;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.valid {
  color: #333;
  cursor: pointer;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  background-color: #cdecfa;
}
.date-picker-wrapper .month-wrapper table .day.nextMonth, .date-picker-wrapper .month-wrapper table .day.lastMonth {
  display: none;
}
.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering {
  background-color: rgb(112, 204, 213);
}
.date-picker-wrapper table .caption {
  height: 40px;
}
.date-picker-wrapper table .caption > th:first-of-type, .date-picker-wrapper table .caption > th:last-of-type {
  width: 27px;
}
.date-picker-wrapper table .caption .next,
.date-picker-wrapper table .caption .prev {
  padding: 0 5px;
  cursor: pointer;
}
.date-picker-wrapper table .caption .next:hover,
.date-picker-wrapper table .caption .prev:hover {
  background-color: #ccc;
  color: white;
}
.date-picker-wrapper .gap {
  position: relative;
  z-index: 1;
  width: 15px;
  height: 100%;
  background-color: red;
  font-size: 0;
  line-height: 0;
  float: left;
  top: -5px;
  margin: 0 10px -10px;
  visibility: hidden;
  height: 0;
}
.date-picker-wrapper .gap .gap-lines {
  height: 100%;
  overflow: hidden;
}
.date-picker-wrapper .gap .gap-line {
  height: 15px;
  width: 15px;
  position: relative;
}
.date-picker-wrapper .gap .gap-line .gap-1 {
  z-index: 1;
  height: 0;
  border-left: 8px solid white;
  border-top: 8px solid #eee;
  border-bottom: 8px solid #eee;
}
.date-picker-wrapper .gap .gap-line .gap-2 {
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-top: 8px solid white;
}
.date-picker-wrapper .gap .gap-line .gap-3 {
  position: absolute;
  right: 0;
  top: 8px;
  z-index: 2;
  height: 0;
  border-left: 8px solid transparent;
  border-bottom: 8px solid white;
}
.date-picker-wrapper .gap .gap-top-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  top: -1px;
  left: 1px;
  background-color: #eee;
  z-index: 3;
}
.date-picker-wrapper .gap .gap-bottom-mask {
  width: 6px;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 7px;
  background-color: #eee;
  z-index: 3;
}
.date-picker-wrapper .selected-days {
  display: none;
}
.date-picker-wrapper .drp_top-bar {
  line-height: 1.4;
  position: relative;
  padding: 10px 40px 10px 0;
}
.date-picker-wrapper .drp_top-bar .error-top,
.date-picker-wrapper .drp_top-bar .normal-top {
  display: none;
}
.date-picker-wrapper .drp_top-bar .default-top {
  display: block;
}
.date-picker-wrapper .drp_top-bar.error .default-top {
  display: none;
}
.date-picker-wrapper .drp_top-bar.error .error-top {
  display: block;
  color: red;
}
.date-picker-wrapper .drp_top-bar.normal .default-top {
  display: none;
}
.date-picker-wrapper .drp_top-bar.normal .normal-top {
  display: block;
}
.date-picker-wrapper .drp_top-bar.normal .normal-top .selection-top {
  color: #333;
}
.date-picker-wrapper .drp_top-bar .apply-btn {
  position: absolute;
  right: 0px;
  top: 6px;
  padding: 3px 5px;
  margin: 0;
  font-size: 12px;
  border-radius: 4px;
  cursor: pointer;
  color: #d9eef7;
  border: solid 1px #0076a3;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #0078a5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00adee", endColorstr="#0078a5");
  color: white;
  line-height: initial;
}
.date-picker-wrapper .drp_top-bar .apply-btn.disabled {
  cursor: pointer;
  color: #606060;
  border: solid 1px #b7b7b7;
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
  background: -moz-linear-gradient(top, #fff, #ededed);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#ededed");
}
.date-picker-wrapper .time {
  position: relative;
}
.date-picker-wrapper.single-month .time {
  display: block;
}
.date-picker-wrapper .time input[type=range] {
  vertical-align: middle;
  width: 129px;
  padding: 0;
  margin: 0;
  height: 20px;
}
.date-picker-wrapper .time1 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}

/*time styling*/
.time2 {
  width: 180px;
  padding: 0 5px;
  text-align: center;
}

.date-picker-wrapper .time1 {
  float: left;
}
.date-picker-wrapper .time2 {
  float: right;
}
.date-picker-wrapper .hour {
  text-align: right;
}

.minute {
  text-align: right;
}

.date-picker-wrapper .hide {
  display: none;
}
.date-picker-wrapper .first-date-selected,
.date-picker-wrapper .last-date-selected {
  color: white !important;
}
.date-picker-wrapper .date-range-length-tip {
  position: absolute;
  margin-top: -4px;
  margin-left: -8px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: none;
  background-color: yellow;
  padding: 0 6px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  -webkit-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -moz-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -ms-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  -o-filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3));
}
.date-picker-wrapper .date-range-length-tip:after {
  content: "";
  position: absolute;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid yellow;
  left: 50%;
  margin-left: -4px;
  bottom: -4px;
}
.date-picker-wrapper.two-months.no-gap .month1 .next,
.date-picker-wrapper.two-months.no-gap .month2 .prev {
  display: none;
}
.date-picker-wrapper .week-number {
  padding: 5px 0;
  line-height: 1;
  font-size: 12px;
  margin-bottom: 1px;
  color: #999;
  cursor: pointer;
}
.date-picker-wrapper .week-number.week-number-selected {
  color: #49e;
  font-weight: bold;
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image:before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image, .fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-iframe, .fancybox-video {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
}

.fancybox-caption {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px 44px 25px 44px;
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

.fancybox-loading {
  animation: a 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes a {
  to {
    transform: rotate(1turn);
  }
}
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translateZ(0) scale(1);
}

@media (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px;
    }
  }
}
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:link, .fancybox-share__button:visited {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a:before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus:before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
  opacity: 1;
}

@media (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
.noUi-target, .noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
}

.noUi-base, .noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect, .noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}

.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}

.noUi-touch-area {
  height: 100%;
  width: 100%;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}

.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

.noUi-handle:after, .noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
  cursor: not-allowed;
}

.noUi-pips, .noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}

.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */
:root {
  --swiper-theme-color: #007aff;
}

:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  display: block;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.1490196078);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid rgba(0, 0, 0, 0);
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  height: var(--swiper-virtual-size);
  width: 1px;
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  position: absolute;
  width: var(--swiper-navigation-size);
  z-index: 10;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  cursor: auto;
  opacity: 0;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  height: 100%;
  object-fit: contain;
  transform-origin: center;
  width: 100%;
  fill: currentColor;
  pointer-events: none;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-next,
.swiper-button-prev {
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  top: var(--swiper-navigation-top-offset, 50%);
}

.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}

.swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 4px);
}

.swiper-horizontal .swiper-button-next,
.swiper-horizontal .swiper-button-prev,
.swiper-horizontal ~ .swiper-button-next,
.swiper-horizontal ~ .swiper-button-prev {
  margin-left: 0;
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  top: var(--swiper-navigation-top-offset, 50%);
}
.swiper-horizontal.swiper-rtl .swiper-button-next, .swiper-horizontal.swiper-rtl ~ .swiper-button-next, .swiper-horizontal ~ .swiper-button-prev,
.swiper-horizontal .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
}
.swiper-horizontal.swiper-rtl .swiper-button-prev, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev, .swiper-horizontal ~ .swiper-button-next,
.swiper-horizontal .swiper-button-next {
  left: auto;
  right: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-horizontal.swiper-rtl .swiper-button-next .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-next .swiper-navigation-icon, .swiper-horizontal ~ .swiper-button-prev .swiper-navigation-icon,
.swiper-horizontal .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(180deg);
}
.swiper-horizontal.swiper-rtl .swiper-button-prev .swiper-navigation-icon, .swiper-horizontal.swiper-rtl ~ .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(0deg);
}

.swiper-vertical .swiper-button-next,
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-next,
.swiper-vertical ~ .swiper-button-prev {
  left: var(--swiper-navigation-top-offset, 50%);
  margin-left: calc(0px - var(--swiper-navigation-size) / 2);
  margin-top: 0;
  right: auto;
}
.swiper-vertical .swiper-button-prev,
.swiper-vertical ~ .swiper-button-prev {
  bottom: auto;
  top: var(--swiper-navigation-sides-offset, 4px);
}
.swiper-vertical .swiper-button-prev .swiper-navigation-icon,
.swiper-vertical ~ .swiper-button-prev .swiper-navigation-icon {
  transform: rotate(-90deg);
}
.swiper-vertical .swiper-button-next,
.swiper-vertical ~ .swiper-button-next {
  bottom: var(--swiper-navigation-sides-offset, 4px);
  top: auto;
}
.swiper-vertical .swiper-button-next .swiper-navigation-icon,
.swiper-vertical ~ .swiper-button-next .swiper-navigation-icon {
  transform: rotate(90deg);
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination.swiper-pagination-disabled, .swiper-pagination-disabled > .swiper-pagination {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  left: 0;
  top: var(--swiper-pagination-top, auto);
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  display: inline-block;
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
}
.swiper-pagination-bullet button {
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: var(--swiper-pagination-bullet-opacity, 1);
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: var(--swiper-pagination-left, auto);
  right: var(--swiper-pagination-right, 8px);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  display: block;
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.2509803922));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-horizontal > .swiper-pagination-progressbar, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
  width: 100%;
}
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: var(--swiper-pagination-progressbar-size, 4px);
}

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

.swiper-scrollbar {
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1019607843));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
}
.swiper-scrollbar.swiper-scrollbar-disabled, .swiper-scrollbar-disabled > .swiper-scrollbar {
  display: none !important;
}
.swiper-scrollbar.swiper-scrollbar-horizontal, .swiper-horizontal > .swiper-scrollbar {
  bottom: var(--swiper-scrollbar-bottom, 4px);
  height: var(--swiper-scrollbar-size, 4px);
  left: var(--swiper-scrollbar-sides-offset, 1%);
  position: absolute;
  top: var(--swiper-scrollbar-top, auto);
  width: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  z-index: 50;
}
.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
  height: calc(100% - var(--swiper-scrollbar-sides-offset, 1%) * 2);
  left: var(--swiper-scrollbar-left, auto);
  position: absolute;
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  width: var(--swiper-scrollbar-size, 4px);
  z-index: 50;
}

.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5019607843));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  background: #000;
  bottom: 0;
  content: "";
  filter: blur(50px);
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  backface-visibility: hidden;
  z-index: 0;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  backface-visibility: hidden;
  z-index: 0;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transform-origin: center bottom;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  min-height: 100%;
  font-family: "Montserrat", sans-serif;
  background: var(--UI-Body, #eff4f8);
  position: relative;
  z-index: 1;
  font-size: 14px;
}

section {
  position: relative;
  z-index: 2;
}

* {
  box-sizing: border-box;
}

body {
  overflow-x: hidden;
  position: relative;
  color: var(--Brand-2, #192f44);
}
body.is-fixed {
  overflow: hidden;
}

.page__main {
  height: 100%;
  display: flex;
  justify-content: space-between;
  padding: 40px;
  flex: 1;
}

.page__content {
  width: calc(100% - 400px);
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

a {
  text-decoration: none;
  color: var(--Brand-2, #192f44);
}

p {
  margin-top: 0;
  font-weight: 400;
  font-size: 18px;
}

p:last-child {
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.visually-hidden {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}

.container {
  max-width: 820px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
}
.container-large {
  max-width: 1100px;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
}

.overlay {
  opacity: 0.5;
  background: var(--Brand-2, #192f44);
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 9;
}
.overlay.is-active {
  opacity: 1;
  visibility: visible;
}
.overlay.is-modal {
  z-index: 20;
  opacity: 1;
  visibility: visible;
}

input {
  height: 40px;
  width: 100%;
  padding: 0 10px;
  font-size: 14px;
  border-radius: var(--UI-Radius-Fields, 10px);
  border: var(--Border-Border, 1px) solid var(--UI-Border, rgba(25, 47, 68, 0.25));
  outline: none;
  transition: 0.3s;
}
input:focus {
  border: var(--Border-Border, 1px) solid var(--UI-Prime, #06a7bc);
}
input::placeholder {
  color: rgb(109, 109, 109);
  font-size: var(--Size-UI, 14px);
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: -0.14px;
}

textarea {
  height: 70px;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border-radius: var(--UI-Radius-Fields, 10px);
  border: var(--Border-Border, 1px) solid var(--UI-Border, rgba(25, 47, 68, 0.25));
  outline: none;
  transition: 0.3s;
}
textarea:focus {
  border: var(--Border-Border, 1px) solid var(--UI-Prime, #06a7bc);
}
textarea::placeholder {
  color: rgb(109, 109, 109);
  font-size: var(--Size-UI, 14px);
  font-weight: 500;
  line-height: 1.42;
  letter-spacing: -0.14px;
}

@media (max-width: 1199px) {
  .page__main {
    flex-direction: column;
    justify-content: flex-start;
    padding: 98px 0 30px;
  }
  .page__content {
    width: 100%;
  }
  .container,
  .container-large {
    max-width: none;
  }
}
@media (max-width: 767px) {
  .container,
  .container-large {
    padding: 0 16px;
  }
  p {
    font-size: 14px;
  }
  input {
    padding: 0 10px;
  }
}
.aside-left {
  position: sticky;
  left: 0;
  top: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 200px;
  width: 100%;
  flex: 0 0 200px;
  transition: 0.3s ease;
}
.aside-left__mobile-header {
  display: none;
}
.aside-left__close {
  display: none;
}
.aside-left__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
}
.aside-left__label {
  display: block;
  color: var(--Font-Second, rgba(25, 47, 68, 0.5));
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.aside-left__logo {
  display: inline-flex;
}

@media (max-width: 1200px) {
.aside-left__logo img{
  width: 80%;
}
}

.aside-left__map {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1;
}
.aside-left__map:before {
  content: "";
  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='M9.99902 0.666992C14.2331 0.667168 17.665 4.09991 17.665 8.33398C17.6649 9.51733 17.144 10.7879 16.4951 11.9404C15.8311 13.1197 14.9584 14.3039 14.1064 15.3467C13.2512 16.3933 12.3981 17.3198 11.7607 17.9824C11.4418 18.314 11.1748 18.5815 10.9873 18.7666C10.8937 18.859 10.8197 18.932 10.7686 18.9814C10.7431 19.006 10.7227 19.025 10.709 19.0381C10.7023 19.0445 10.6971 19.0502 10.6934 19.0537C10.6916 19.0553 10.6895 19.0567 10.6885 19.0576L10.6865 19.0596L9.99902 19.7109L9.31055 19.0596L9.30469 19.0537C9.30092 19.0501 9.29493 19.0446 9.28809 19.0381C9.27441 19.025 9.25479 19.0059 9.22949 18.9814C9.17824 18.9319 9.10357 18.8592 9.00977 18.7666C8.82217 18.5814 8.55545 18.3142 8.23633 17.9824C7.59894 17.3197 6.74589 16.3934 5.89062 15.3467C5.03858 14.3039 4.16596 13.1198 3.50195 11.9404C2.85304 10.7879 2.3322 9.51733 2.33203 8.33398C2.33203 4.09992 5.76501 0.66719 9.99902 0.666992ZM9.99902 2.66699C6.86958 2.66719 4.33203 5.20449 4.33203 8.33398C4.33221 8.99139 4.64431 9.89187 5.24512 10.959C5.83099 11.9996 6.62503 13.0853 7.43945 14.082C8.25076 15.075 9.06516 15.9588 9.67773 16.5957C9.79128 16.7138 9.90003 16.8211 9.99805 16.9209C10.0961 16.821 10.2057 16.7139 10.3193 16.5957C10.9318 15.9589 11.7464 15.0748 12.5576 14.082C13.3719 13.0854 14.1661 11.9994 14.752 10.959C15.3528 9.89187 15.6649 8.99139 15.665 8.33398C15.665 5.20448 13.1285 2.66717 9.99902 2.66699ZM9.99902 6.5C11.0113 6.5002 11.8328 7.32077 11.833 8.33301C11.833 9.34542 11.0114 10.1668 9.99902 10.167C8.98664 10.1668 8.16602 9.34543 8.16602 8.33301C8.16619 7.32076 8.98673 6.50018 9.99902 6.5Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.aside-left__content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.aside-left__buy {
  height: 50px;
  padding: 0 25px;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime, #08b6cd);
  gap: 10px;
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.aside-left__buy:before {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E %3Cpath d='M11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0ZM4.66699 6C4.2988 6 4 6.29874 4 6.66699V8.95117C5.10445 8.95117 5.99981 9.84657 6 10.9512C6 12.0559 5.10457 12.9521 4 12.9521V15.333C4 15.7013 4.2988 16 4.66699 16H17.333C17.7012 16 18 15.7013 18 15.333V12.9521C16.8954 12.9521 16 12.0559 16 10.9512C16.0002 9.84657 16.8955 8.95117 18 8.95117V6.66504C17.999 6.29694 17.7 5.99928 17.332 6L11.0332 6.0166L4.66797 6H4.66699ZM13.667 14C13.8509 14.0002 14 14.149 14 14.333V15.333C14 15.517 13.8509 15.6668 13.667 15.667C13.4829 15.667 13.333 15.5171 13.333 15.333V14.333C13.333 14.1489 13.4829 14 13.667 14ZM13.667 11.333C13.8509 11.3332 14 11.482 14 11.666V12.999C14 13.183 13.8509 13.3328 13.667 13.333C13.4829 13.333 13.1832 13.333 12.999V11.666C13.333 11.4819 13.4829 11.333 13.667 11.333ZM13.667 8.66504C13.8509 8.66521 14 8.81501 14 8.99902V10.332C14 10.516 13.8509 10.6658 13.667 10.666C13.4829 10.666 13.333 10.5162 13.333 10.332V8.99902C13.333 8.8149 13.4829 8.66504 13.667 8.66504ZM13.667 6.32812C13.8509 6.3283 13.9999 6.47721 14 6.66113V7.66504C14 7.84906 13.8509 7.99885 13.667 7.99902C13.4829 7.99902 13.333 7.84917 13.333 7.66504V6.66113C13.3331 6.4771 13.483 6.32812 13.667 6.32812Z' fill='white'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.aside-left__logout {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime_Container, rgba(8, 182, 205, 0.1));
  backdrop-filter: blur(20px);
  padding: 0 28px;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.aside-nav {
  display: flex;
  flex-direction: column;
  padding: 10px 0;
  border-radius: var(--UI-Radius-Card, 10px);
  background: #fff;
}
.aside-nav__list {
  display: flex;
  flex-direction: column;
}
.aside-nav__link {
  display: grid;
  grid-template-columns: 24px 1fr 10px;
  padding: 8px 10px;
  gap: 10px;
  align-items: center;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1;
}
.aside-nav__link:after {
  content: "";
  display: none;
  width: 9px;
  height: 6px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='6' viewBox='0 0 9 6' fill='none'%3E %3Cpath d='M1.41406 0.792969L4.41406 3.79297L7.41406 0.792969' stroke='%23192F44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E %3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(-90deg);
}
.aside-profile {
  display: flex;
  flex-direction: column;
  padding: 10px 0;
  border-radius: var(--UI-Radius-Card, 10px);
  background: #fff;
}
.aside-profile__link {
  display: grid;
  grid-template-columns: 24px 1fr;
  padding: 8px 10px;
  gap: 10px;
  align-items: center;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1;
}
.aside-profile__right {
  display: flex;
  flex-direction: column;
}
.aside-profile__name {
  display: block;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.aside-profile__label {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}

@media (max-width: 1199px) {
  .aside-left {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
    z-index: 50;
  }
  .aside-left__mobile-header {
    position: relative;
    z-index: 101;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 25px 15px;
    background: #fff;
    width: 100%;
  }
  .aside-left__mobile-right {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .aside-left__burger {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
  }
  .aside-left__burger-lines {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 22px;
    height: 18px;
  }
  .aside-left__burger-lines span {
    display: block;
    width: 100%;
    height: 2px;
    background: #08b6cd;
    border-radius: 2px;
  }
  .aside-left__burger-close {
    display: none;
    width: 100%;
    height: 100%;
  }
  .aside-left__burger.active .aside-left__burger-lines {
    display: none;
  }
  .aside-left__burger.active .aside-left__burger-close {
    display: block;
  }
  .aside-left__menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(239, 244, 248);
    padding: 75px 0 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: 0.3s ease;
    z-index: 100;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .aside-left__menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .aside-left__heading {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 16px;
    gap: 10px;
  }
  .aside-left__heading .aside-left__logo {
    display: none;
  }
  .aside-left__buy {
    display: flex;
    height: 40px;
    padding: 0 25px;
    font-size: 13px;
    border: 1px solid #08b6cd;
    background: transparent;
    color: #08b6cd;
  }
  .aside-left__buy:before {
    display: none;
  }
  .aside-left__content {
    padding: 0 16px 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .aside-left__content .aside-left__buy {
    display: none;
  }
  .aside-left__map {
    font-size: 16px;
  }
  .aside-left__map img {
    width: 20px;
    height: 20px;
  }
  .aside-left__label {
    font-size: 13px;
  }
  .aside-left .aside-nav__link {
    font-size: 16px;
    padding: 8px 15px;
  }
  .aside-left .aside-nav__link:after {
    display: block;
  }
  .aside-left .aside-profile__link {
    padding: 8px 10px;
  }
}
.aside-right {
  position: sticky;
  right: 0;
  top: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  max-width: 200px;
  width: 100%;
  flex: 0 0 200px;
}
.aside-right__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.aside-right__links {
  display: grid;
  grid-template-columns: 1fr 60px;
  gap: 15px;
}
.aside-right__site {
  display: inline-flex;
  height: 50px;
  width: 100%;
  padding: 0 18px;
  gap: 10px;
  align-items: center;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime_Container, rgba(8, 182, 205, 0.1));
  backdrop-filter: blur(20px);
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1;
}
.aside-right__site:after {
  content: "";
  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='M14.166 5.08301C14.2109 5.08301 14.2552 5.08718 14.2979 5.09473C14.3034 5.09571 14.3089 5.09655 14.3145 5.09766C14.3299 5.10074 14.3443 5.10731 14.3594 5.11133C14.3907 5.11966 14.4219 5.12818 14.4521 5.14062C14.5043 5.16217 14.5532 5.1895 14.5986 5.22168C14.6327 5.2458 14.6658 5.27226 14.6963 5.30273C14.749 5.35549 14.7895 5.41609 14.8232 5.47852C14.8353 5.50078 14.8486 5.52235 14.8584 5.5459C14.8651 5.56204 14.8685 5.57922 14.874 5.5957C14.8992 5.67062 14.916 5.74963 14.916 5.83301V14.166C14.916 14.5802 14.5802 14.916 14.166 14.916C13.7521 14.9156 13.416 14.58 13.416 14.166V7.64355L6.36328 14.6963C6.07038 14.9891 5.59561 14.9892 5.30273 14.6963C5.01033 14.4034 5.01006 13.9285 5.30273 13.6357L12.3555 6.58301H5.83301C5.41896 6.58281 5.08301 6.2471 5.08301 5.83301C5.08314 5.41903 5.41904 5.08321 5.83301 5.08301H14.166Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.aside-right__notifications {
  width: 60px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--UI-Radius-Button, 10px);
  border: 1px solid var(--Brand-3, #e71a80);
}
.aside-right__notifications:after {
  content: "";
  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.9004 17.1865C11.0736 16.8879 11.4564 16.7867 11.7549 16.96C12.0532 17.1331 12.1552 17.515 11.9824 17.8135C11.781 18.1607 11.4914 18.449 11.1436 18.6494C10.7957 18.8497 10.4014 18.955 10 18.9551C9.59858 18.9551 9.2033 18.8497 8.85547 18.6494C8.50775 18.449 8.21894 18.1606 8.01758 17.8135C7.84456 17.515 7.94592 17.1332 8.24414 16.96C8.54273 16.7867 8.92538 16.8879 9.09863 17.1865C9.19017 17.3443 9.32151 17.4753 9.47949 17.5664C9.63766 17.6575 9.8175 17.7051 10 17.7051C10.1824 17.705 10.3615 17.6574 10.5195 17.5664C10.6776 17.4754 10.8088 17.3443 10.9004 17.1865ZM10 1.04199C10.3184 1.04201 10.6346 1.07011 10.9443 1.12598C11.1427 1.16183 11.7928 1.36507 12.293 1.5957C11.7679 2.31746 11.458 3.20613 11.458 4.16699C11.4581 6.53331 13.3373 8.46057 15.6846 8.53906C15.6847 8.54223 15.6843 8.54574 15.6846 8.54883C15.6968 8.71327 15.7094 8.88271 15.7266 9.0459C15.9233 10.9188 16.3746 12.2039 16.8066 13.0488C17.0943 13.6113 17.376 13.9845 17.5762 14.21C17.6764 14.3229 17.757 14.3993 17.8076 14.4443C17.8329 14.4669 17.8509 14.4818 17.8604 14.4893L17.8682 14.4941C18.0855 14.6524 18.1774 14.9328 18.0957 15.1895C18.013 15.4484 17.7719 15.6249 17.5 15.625H2.5C2.22815 15.625 1.98708 15.4494 1.9043 15.1904C1.83251 14.9656 1.89425 14.7228 2.05664 14.5596L2.13867 14.4893C2.14812 14.4818 2.16704 14.4668 2.19238 14.4443C2.24305 14.3993 2.32277 14.3226 2.42285 14.21C2.62311 13.9845 2.90562 13.6116 3.19336 13.0488C3.76762 11.9258 4.375 10.0255 4.375 7C4.37502 5.43252 4.95803 3.92174 6.00781 2.80176C7.05913 1.68035 8.49467 1.04199 10 1.04199ZM15.833 1.04199C17.5589 1.04199 18.958 2.4411 18.958 4.16699C18.9579 5.89277 17.5588 7.29199 15.833 7.29199C14.1072 7.29196 12.7081 5.89275 12.708 4.16699C12.708 2.44112 14.1071 1.04202 15.833 1.04199Z' fill='%23E71A80'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.aside-right__notifications:hover {
  border-color: rgba(8, 182, 205, 1);
  background: rgba(8, 182, 205, 1);
}
.aside-right__notifications:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9008 17.1865C11.0739 16.8879 11.4567 16.7867 11.7552 16.96C12.0534 17.1332 12.1548 17.5151 11.9818 17.8135C11.7804 18.1606 11.4916 18.449 11.1439 18.6494C10.796 18.8497 10.4009 18.9551 9.99938 18.9551C9.59807 18.955 9.20358 18.8497 8.85583 18.6494C8.50799 18.449 8.21838 18.1607 8.01696 17.8135C7.84411 17.515 7.94616 17.1331 8.2445 16.96C8.54309 16.7867 8.92574 16.8879 9.09899 17.1865C9.19057 17.3443 9.32182 17.4754 9.47985 17.5664C9.63793 17.6574 9.817 17.705 9.99938 17.7051C10.1819 17.7051 10.3618 17.6575 10.5199 17.5664C10.6779 17.4753 10.8092 17.3443 10.9008 17.1865ZM9.99938 1.04199C10.3178 1.04199 10.634 1.07013 10.9437 1.12598C11.1417 1.16166 11.7928 1.36494 12.2933 1.5957C11.7682 2.31749 11.4584 3.20605 11.4584 4.16699C11.4585 6.53322 13.3368 8.46044 15.684 8.53906C15.6841 8.54223 15.6847 8.54574 15.6849 8.54883C15.6972 8.71327 15.7098 8.88271 15.7269 9.0459C15.9237 10.9188 16.374 12.2039 16.806 13.0488C17.0938 13.6114 17.3763 13.9845 17.5765 14.21C17.6767 14.3228 17.7573 14.3994 17.808 14.4443C17.8332 14.4668 17.8513 14.4818 17.8607 14.4893L17.8675 14.4941C18.085 14.6524 18.1769 14.9327 18.0951 15.1895C18.0123 15.4485 17.7713 15.625 17.4994 15.625H2.49938C2.22771 15.6249 1.98744 15.4492 1.90466 15.1904C1.82265 14.9336 1.91463 14.6535 2.1322 14.4951L2.13903 14.4893C2.14848 14.4818 2.16645 14.4668 2.19177 14.4443C2.24243 14.3993 2.32293 14.3229 2.42321 14.21C2.62346 13.9844 2.90604 13.6115 3.19372 13.0488C3.76796 11.9258 4.37438 10.0253 4.37438 7C4.3744 5.43244 4.95829 3.92176 6.00817 2.80176C7.0594 1.68045 8.49419 1.0421 9.99938 1.04199ZM15.8334 1.04199C17.5591 1.04216 18.9584 2.4412 18.9584 4.16699C18.9582 5.89267 17.5591 7.29183 15.8334 7.29199C14.1075 7.29199 12.7085 5.89277 12.7084 4.16699C12.7084 2.4411 14.1075 1.04199 15.8334 1.04199Z' fill='white'/%3E%3C/svg%3E%0A");
}
.aside-right__notifications.is-blue::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7933 17.124C11.0011 16.7657 11.4604 16.6438 11.8187 16.8516C12.1767 17.0594 12.2987 17.5178 12.0911 17.876C11.9052 18.1965 11.6485 18.47 11.3411 18.6748L11.2063 18.7578C10.8396 18.969 10.4236 19.0801 10.0003 19.0801C9.62977 19.08 9.26499 18.9949 8.93389 18.832L8.79424 18.7578C8.42745 18.5466 8.12283 18.2421 7.91045 17.876C7.70276 17.5177 7.82472 17.0594 8.18291 16.8516C8.54119 16.6438 8.99951 16.7658 9.20732 17.124C9.28786 17.2628 9.40426 17.378 9.54326 17.458L9.65068 17.5107C9.76121 17.5564 9.87998 17.58 10.0003 17.5801C10.1608 17.5801 10.3191 17.5382 10.4583 17.458L10.5579 17.3916C10.6528 17.319 10.7328 17.2281 10.7933 17.124ZM10.0003 0.916992C11.5415 0.916992 13.0093 1.57017 14.0833 2.71582C15.1558 3.85976 15.7502 5.40179 15.7503 7C15.7503 10.0082 16.3542 11.8891 16.9183 12.9922C17.2009 13.5448 17.4768 13.9092 17.6702 14.127C17.7671 14.236 17.8438 14.3097 17.8909 14.3516L17.9388 14.3916L17.9368 14.3906C18.2013 14.58 18.3141 14.9184 18.2151 15.2285C18.1158 15.5392 17.8265 15.75 17.5003 15.75H2.50029C2.17418 15.7498 1.88473 15.5392 1.78545 15.2285C1.68651 14.9186 1.79953 14.5801 2.06377 14.3906L2.06182 14.3916L2.05986 14.3936C2.0586 14.3944 2.05719 14.3953 2.05693 14.3955C2.0571 14.3954 2.05898 14.3939 2.06182 14.3916C2.06945 14.3855 2.08631 14.3723 2.10967 14.3516C2.15674 14.3097 2.23362 14.2359 2.33037 14.127C2.52373 13.9092 2.79975 13.5447 3.08232 12.9922C3.64643 11.8891 4.25025 10.0082 4.25029 7C4.25037 5.40194 4.84506 3.85971 5.91728 2.71582C6.99125 1.57026 8.45924 0.917095 10.0003 0.916992ZM10.0003 2.41699C8.88944 2.41709 7.81324 2.88754 7.01201 3.74219C6.20945 4.59845 5.75037 5.76966 5.75029 7C5.75025 10.2134 5.10405 12.3336 4.41826 13.6748C4.31003 13.8864 4.19812 14.0771 4.09111 14.25H15.9095C15.8024 14.077 15.6906 13.8865 15.5823 13.6748C14.8965 12.3336 14.2503 10.2134 14.2503 7C14.2502 5.76948 13.7914 4.59847 12.9886 3.74219C12.1873 2.88745 11.1113 2.41699 10.0003 2.41699Z' fill='%2308B6CD'/%3E%3C/svg%3E%0A");
}
.aside-right__notifications.is-blue {
  border-color: rgba(8, 182, 205, 1);
}
.aside-right__notifications.is-red::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9008 17.1865C11.0739 16.8879 11.4567 16.7867 11.7552 16.96C12.0534 17.1332 12.1548 17.5151 11.9818 17.8135C11.7804 18.1606 11.4916 18.449 11.1439 18.6494C10.796 18.8497 10.4009 18.9551 9.99938 18.9551C9.59807 18.955 9.20358 18.8497 8.85583 18.6494C8.50799 18.449 8.21838 18.1607 8.01696 17.8135C7.84411 17.515 7.94616 17.1331 8.2445 16.96C8.54309 16.7867 8.92574 16.8879 9.09899 17.1865C9.19057 17.3443 9.32182 17.4754 9.47985 17.5664C9.63793 17.6574 9.817 17.705 9.99938 17.7051C10.1819 17.7051 10.3618 17.6575 10.5199 17.5664C10.6779 17.4753 10.8092 17.3443 10.9008 17.1865ZM9.99938 1.04199C10.3178 1.04199 10.634 1.07013 10.9437 1.12598C11.1417 1.16166 11.7928 1.36494 12.2933 1.5957C11.7682 2.31749 11.4584 3.20605 11.4584 4.16699C11.4585 6.53322 13.3368 8.46044 15.684 8.53906C15.6841 8.54223 15.6847 8.54574 15.6849 8.54883C15.6972 8.71327 15.7098 8.88271 15.7269 9.0459C15.9237 10.9188 16.374 12.2039 16.806 13.0488C17.0938 13.6114 17.3763 13.9845 17.5765 14.21C17.6767 14.3228 17.7573 14.3994 17.808 14.4443C17.8332 14.4668 17.8513 14.4818 17.8607 14.4893L17.8675 14.4941C18.085 14.6524 18.1769 14.9327 18.0951 15.1895C18.0123 15.4485 17.7713 15.625 17.4994 15.625H2.49938C2.22771 15.6249 1.98744 15.4492 1.90466 15.1904C1.82265 14.9336 1.91463 14.6535 2.1322 14.4951L2.13903 14.4893C2.14848 14.4818 2.16645 14.4668 2.19177 14.4443C2.24243 14.3993 2.32293 14.3229 2.42321 14.21C2.62346 13.9844 2.90604 13.6115 3.19372 13.0488C3.76796 11.9258 4.37438 10.0253 4.37438 7C4.3744 5.43244 4.95829 3.92176 6.00817 2.80176C7.0594 1.68045 8.49419 1.0421 9.99938 1.04199ZM15.8334 1.04199C17.5591 1.04216 18.9584 2.4412 18.9584 4.16699C18.9582 5.89267 17.5591 7.29183 15.8334 7.29199C14.1075 7.29199 12.7085 5.89277 12.7084 4.16699C12.7084 2.4411 14.1075 1.04199 15.8334 1.04199Z' fill='white'/%3E%3C/svg%3E%0A");
}
.aside-right__notifications.is-red {
  background: rgba(231, 26, 128, 1);
}
.aside-subs {
  display: flex;
  flex-direction: column;
}
.aside-subs__top {
  display: flex;
  flex-direction: column;
  padding: 15px;
  gap: 12px;
  border-radius: var(--UI-Radius-Card, 10px);
  background: var(--Brand-2, #192f44);
}
.aside-subs__label {
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--UI-White, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1;
}
.aside-subs__label:before {
  content: "";
  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 fill-rule='evenodd' clip-rule='evenodd' d='M10.0003 1.04175C5.05278 1.04175 1.04199 5.05253 1.04199 10.0001C1.04199 14.9477 5.05278 18.9584 10.0003 18.9584C14.9479 18.9584 18.9587 14.9477 18.9587 10.0001C18.9587 5.05253 14.9479 1.04175 10.0003 1.04175ZM6.27569 9.97483C6.03162 9.73075 5.63589 9.73075 5.39181 9.97483C5.14773 10.2189 5.14773 10.6146 5.39181 10.8587L7.89181 13.3587C8.13589 13.6027 8.53166 13.6027 8.77566 13.3587L14.609 7.52536C14.8531 7.28128 14.8531 6.88555 14.609 6.64147C14.3649 6.3974 13.9692 6.3974 13.7252 6.64147L8.33374 12.0328L6.27569 9.97483Z' fill='%2395C11F'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.aside-subs__name {
  display: block;
  color: var(--UI-Prime, #fff);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.aside-subs__hidden {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.aside-subs__btn {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime, #08b6cd);
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.aside-subs:hover .aside-subs__hidden {
  max-height: 50px;
  transition: max-height 0.3s ease-in;
}
.aside-subs__bottom {
  display: flex;
  flex-direction: column;
  padding: 15px;
  gap: 5px;
  border-radius: var(--UI-Radius-Card, 10px);
  background: var(--Brand-2, #192f44);
  justify-content: space-between;
}
.aside-subs__bottom-days {
  display: flex;
  gap: 12px;
  justify-content: space-between;
}
.aside-subs__bottom-date {
  font-weight: 500;
  font-size: 12px;
  line-height: 116%;
  color: rgba(255, 255, 255, 0.5);
}
.aside-subs__bottom-days span {
  display: inline-flex;
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.aside-visit {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 15px;
  border-radius: var(--UI-Radius-Card, 10px);
  background: linear-gradient(180deg, #00a2bd 0%, #008fa7 100%);
}
.aside-visit__label {
  display: block;
  color: var(--Font-Prime, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.aside-visit__name {
  display: flex;
  gap: 12px;
  color: var(--UI-Prime, #fff);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.aside-visit__list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.aside-visit__item {
  display: inline-flex;
  padding: 4px 6px;
  border-radius: 6px;
  background: var(--UI-Prime_Container, rgba(255, 255, 255, 0.1));
  color: var(--UI-Text-Dark, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.aside-visit__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 0 15px;
  gap: 10px;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime_Container, rgba(255, 255, 255, 0.1));
  backdrop-filter: blur(20px);
  color: var(--UI-Text-Dark, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.aside-visit__btn:after {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E %3Cpath d='M11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0ZM4.66699 6C4.2988 6 4 6.29874 4 6.66699V8.95117C5.10445 8.95117 5.99981 9.84657 6 10.9512C6 12.0559 5.10457 12.9521 4 12.9521V15.333C4 15.7013 4.2988 16 4.66699 16H17.333C17.7012 16 18 15.7013 18 15.333V12.9521C16.8954 12.9521 16 12.0559 16 10.9512C16.0002 9.84657 16.8955 8.95117 18 8.95117V6.66504C17.999 6.29694 17.7 5.99928 17.332 6L11.0332 6.0166L4.66797 6H4.66699ZM13.667 14C13.8509 14.0002 14 14.149 14 14.333V15.333C14 15.517 13.8509 15.6668 13.667 15.667C13.4829 15.667 13.333 15.5171 13.333 15.333V14.333C13.333 14.1489 13.4829 14 13.667 14ZM13.667 11.333C13.8509 11.3332 14 11.482 14 11.666V12.999C14 13.183 13.8509 13.3328 13.667 13.333C13.4829 13.333 13.333 13.1832 13.333 12.999V11.666C13.333 11.4819 13.4829 11.333 13.667 11.333ZM13.667 8.66504C13.8509 8.66521 14 8.81501 14 8.99902V10.332C14 10.516 13.8509 10.6658 13.667 10.666C13.4829 10.666 13.333 10.5162 13.333 10.332V8.99902C13.333 8.8149 13.4829 8.66504 13.667 8.66504ZM13.667 6.32812C13.8509 6.3283 13.9999 6.47721 14 6.66113V7.66504C14 7.84906 13.8509 7.99885 13.667 7.99902C13.4829 7.99902 13.333 7.84917 13.333 7.66504V6.66113C13.3331 6.4771 13.483 6.32812 13.667 6.32812Z' fill='white'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.aside-notification {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 15px;
  border-radius: var(--UI-Radius-Card, 10px);
  border: 1px solid var(--Brand-7, #ffaa01);
}
.aside-notification__label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1;
}
.aside-notification__label:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E %3Cg clip-path='url(%23clip0_4004_782)'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 12C0 5.37258 5.37258 0 12 0C18.6275 0 24 5.37258 24 12C24 18.6275 18.6275 24 12 24C5.37258 24 0 18.6275 0 12ZM12 10.6047C12.4624 10.6047 12.8372 10.9795 12.8372 11.4419V17.0233C12.8372 17.4856 12.4624 17.8605 12 17.8605C11.5376 17.8605 11.1628 17.4856 11.1628 17.0233V11.4419C11.1628 10.9795 11.5376 10.6047 12 10.6047ZM12.6335 7.53572C12.9428 7.19204 12.9149 6.66268 12.5712 6.35337C12.2275 6.04405 11.6982 6.07191 11.3888 6.4156L11.3777 6.428C11.0684 6.77168 11.0963 7.30104 11.44 7.61035C11.7837 7.91968 12.313 7.89181 12.6223 7.54812L12.6335 7.53572Z' fill='%23FFAA01'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_4004_782'%3E %3Crect width='24' height='24' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.aside-notification__name {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}

@media (max-width: 1199px) {
  .aside-right {
    display: none;
  }
}
.auth {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 80px);
  padding: 80px 0;
}
.auth__logo {
  position: absolute;
  left: 74px;
  top: calc(50% - 310px);
  transform: translateY(-50%);
}
.auth-card {
  max-width: 400px;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  background: var(--UI-White, #fff);
  overflow-y: hidden;
  z-index: 1;
}
.auth-card__bg {
  position: relative;
  padding-bottom: 80%;
  z-index: -1;
}
.auth-card__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  z-index: -1;
}
.auth-card__video:after {
  content: "";
}
.auth-card__title {
  padding: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-Lead, 32px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.96px;
}
.auth-card__form {
  padding: 35px 40px 115px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgb(255, 255, 255);
}
.auth-card__step {
  display: none;
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.auth-card__step.is-active {
  display: flex;
}
.auth-card__name {
  display: block;
  margin-bottom: 46px;
  color: var(--Font-Prime, #192f44);
  text-align: center;
  font-size: var(--Size-P, 14px);
  font-weight: 400;
  line-height: 1.42;
}
.auth-card__label {
  display: flex;
  width: 100%;
  padding: 10px 15px;
  border-radius: var(--Border-radius-Fields, 10px);
  border: var(--Border-Border, 1px) solid var(--UI-Border, rgba(25, 47, 68, 0.25));
  align-items: center;
  margin-bottom: 20px;
}
.auth-card__code {
  display: inline-flex;
  padding-right: 12px;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
  border-right: 1px solid var(--UI-Border, rgba(25, 47, 68, 0.25));
}
.auth-card__input {
  border: 0;
  color: var(--Brand-2, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  letter-spacing: -0.18px;
  width: 100%;
}
.auth-card__input:focus {
  border: 0;
}
.auth-card__input::placeholder {
  color: var(--Brand-2, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  letter-spacing: -0.18px;
  opacity: 0.1;
}
.auth-card__btn {
  display: flex;
  width: 100%;
  border: 0;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime, #08b6cd);
  transition: 0.3s;
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1;
}
.auth-card__btn:hover {
  background: var(--UI-Prime, #06a7bc);
}
.auth-card__btn:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.auth-card__error {
  color: var(--Special-Status-Error, #e73f3f);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}
.auth-card__info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--Font-Second, rgba(25, 47, 68, 0.5));
  font-size: var(--Size-P, 14px);
  line-height: 1.42;
  margin-bottom: 30px;
}
.auth-card__info-val {
  color: var(--Font-Prime, #192f44);
}
.auth-card__fields {
  display: flex;
  gap: 10px;
  width: 100%;
  margin-bottom: 20px;
}
.auth-card__field {
  flex: 1;
  height: 50px;
  border-radius: var(--Border-radius-Fields, 10px);
  border: 1px solid var(--UI-Border, rgba(25, 47, 68, 0.25));
  text-align: center;
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  color: var(--UI-Text-Dark, #08b6cd);
}
.auth-card__field:focus {
  border-color: var(--UI-Prime, #08b6cd);
}
.auth-card__field.is-filled {
  border-color: var(--UI-Prime, #08b6cd);
}
.auth-card__timer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--Font-Second, rgba(25, 47, 68, 0.5));
  font-size: var(--Size-P, 14px);
  line-height: 1.42;
}
.auth-card__timer-val {
  color: var(--Font-Prime, #192f44);
}
.auth-card__retry {
  background: none;
  border: none;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  cursor: pointer;
  padding: 0;
  margin-top: 20px;
}

.auth-card__logo {
  display: none;
}

@media (max-width: 1023px) {
  .auth__logo {
    display: none;
  }
  .auth-card__bg {
    position: static;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: center;
  }
  .auth-card__bg video {
    position: fixed;
  }
  .auth-card__logo {
    display: block;
  }
  .auth-card {
    width: 100%;
    min-height: 100%;
  }
  .auth {
    align-items: stretch;
    padding: 100px 20px 60px;
    min-height: 100vh;
  }
  .page__main.is-auth {
    padding: 0;
  }
  .auth-card__title {
    position: static;
    display: block;
    padding: 0;
  }
  .auth-card {
    height: auto;
    gap: 30px;
    align-items: center;
  }
  .auth-card__form {
    padding: 25px 20px 50px;
    border-radius: 25px;
    margin-top: auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .auth-card__title {
    font-size: 24px;
  }
  .auth-card__input {
    font-size: 16px;
  }
  .auth-card__btn {
    font-size: 13px;
  }
}
.btn {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: 10px;
  box-shadow: none;
  outline: none;
  border: none;
  position: relative;
  transition: 0.3s;
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
}
.btn-primary {
  background: rgb(8, 182, 205);
  color: rgb(255, 255, 255);
}
.btn-primary:hover {
  background: rgb(6, 167, 188);
}
.btn-outline {
  border: 1px solid var(--UI-Prime, rgb(8, 182, 205));
  color: rgb(8, 182, 205);
}
.btn-outline:hover {
  background: rgb(6, 167, 188);
  border-color: rgb(6, 167, 188);
  color: white;
}
.btn-arrow::after {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-size: contain;
  background-repeat: no-repeat;
  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.0605 10L10 17.0605L8.93945 16L14.1895 10.75H3.25V9.25H14.1895L8.93945 4L10 2.93945L17.0605 10Z' fill='white'/%3E%3C/svg%3E%0A");
}
.btn-plus::after {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-size: contain;
  background-repeat: no-repeat;
  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='M10.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='white'/%3E%3C/svg%3E%0A");
}

.contacts {
  padding-top: 70px;
}
.contacts .page-heading {
  margin-bottom: 30px;
}
.contacts .page-subheading {
  margin-bottom: 60px;
}
.contacts__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 20px;
}
.contacts-card {
  padding: 20px;
  display: flex;
  gap: 15px;
  background-color: white;
  border-radius: 20px;
  align-items: center;
}
.contacts-card:hover .contacts-card__icon {
  background: rgb(8, 182, 205);
}
.contacts-card:hover .contacts-card__link {
  color: rgb(8, 182, 205);
}
.contacts-card__icon {
  width: 50px;
  height: 50px;
  flex: 0 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgb(25, 47, 68);
  border-radius: 15px;
  transition: 0.3s;
}
.contacts-card__icon img {
  display: block;
}
.contacts-card__group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.contacts-card__label {
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgba(25, 47, 68, 0.5);
}
.contacts-card__link {
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.01rem;
  color: rgb(25, 47, 68);
  transition: 0.3s;
}
.contacts-card:last-child {
  grid-column: span 2;
}
.contacts-card:first-child {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  background: rgb(25, 47, 68);
  grid-row: span 2;
}
.contacts-card:first-child:hover .contacts-card__link {
  color: rgb(255, 255, 255);
}
.contacts-card:first-child .contacts-card__icon {
  background: rgb(8, 182, 205);
}
.contacts-card:first-child .contacts-card__label {
  color: rgba(255, 255, 255, 0.5);
}
.contacts-card:first-child .contacts-card__link {
  font-size: 32px;
  line-height: 107%;
  color: rgb(255, 255, 255);
}

@media (max-width: 767px) {
  .contacts {
    padding-top: 50px;
  }
  .btn {
    font-size: 13px;
  }
  .contacts .page-heading,
  .contacts .page-subheading {
    margin-bottom: 40px;
  }
  .contacts__grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  .contacts-card:last-child {
    grid-column: 1;
  }
  .contacts-card:first-child {
    grid-row: 1;
    flex-direction: row;
    justify-content: flex-start;
  }
  .contacts-card:first-child .contacts-card__link {
    font-size: 24px;
  }
  .contacts-card__label {
    font-size: 13px;
  }
  .contacts-card__link {
    font-size: 16px;
    line-height: 125%;
  }
}
.event-appointment__body {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
}
.event-appointment__info-card {
  background: var(--UI-White, #fff);
  border-radius: 20px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.event-appointment__info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.18px;
}
.event-appointment__time-price {
  display: flex;
  gap: 20px;
  align-items: center;
}
.event-appointment__time {
  color: var(--Font-Prime, #192f44);
}
.event-appointment__price-tag {
  color: var(--UI-Prime, #08b6cd);
}
.event-appointment__date {
  color: var(--Font-Prime, #192f44);
}
.event-appointment__section-title {
  color: var(--Font-Prime, #192f44);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.18px;
  margin-bottom: 20px;
}
.event-appointment__guests-section {
  display: flex;
  flex-direction: column;
}
.event-appointment__guests-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}
.event-appointment__guest-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.event-appointment__remove-guest {
  width: 20px;
  height: 20px;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-appointment__remove-guest img {
  width: 100%;
  height: 100%;
}
.event-appointment__guest-profile {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 1;
}
.event-appointment__guest-avatar {
  width: 30px;
  height: 30px;
}
.event-appointment__guest-avatar img {
  width: 100%;
  height: 100%;
  display: block;
}
.event-appointment__guest-name {
  color: var(--Font-Prime, #192f44);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.event-appointment__guest-price {
  color: var(--Font-Prime, #192f44);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.event-appointment__clear-list {
  color: var(--Font-Second, rgba(25, 47, 68, 0.5));
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
  align-self: center;
}
.event-appointment__clear-list:hover {
  text-decoration: underline;
}
.event-appointment__add-buttons {
  display: flex;
  gap: 8px;
}
.event-appointment__add-btn {
  flex: 1;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  background: transparent;
  transition: 0.3s;
}
.event-appointment__add-btn--adult {
  border: 1px solid var(--UI-Prime, #08b6cd);
  color: var(--UI-Prime, #08b6cd);
}
.event-appointment__add-btn--adult .event-appointment__plus-icon {
  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.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.event-appointment__add-btn--adult:hover {
  background: var(--UI-Prime, #08b6cd);
  color: #fff;
}
.event-appointment__add-btn--adult:hover .event-appointment__plus-icon {
  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='M7.5 6H13.5V7.5H7.5V13.5H6V7.5H0V6H6V0H7.5V6Z' fill='white'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.event-appointment__add-btn--child {
  border: 1px solid var(--Brand-3, #e71a80);
  color: var(--Brand-3, #e71a80);
}
.event-appointment__add-btn--child .event-appointment__plus-icon {
  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.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='%23E71A80'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.event-appointment__add-btn--child:hover {
  background: var(--Brand-3, #e71a80);
  color: #fff;
}
.event-appointment__add-btn--child:hover .event-appointment__plus-icon {
  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='M7.5 6H13.5V7.5H7.5V13.5H6V7.5H0V6H6V0H7.5V6Z' fill='white'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.event-appointment__plus-icon {
  display: block;
  width: 20px;
  height: 20px;
}
.event-appointment__your-kids {
  margin-top: 5px;
}
.event-appointment__kids-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.event-appointment__kid-item {
  background: rgba(170, 187, 181, 0.15);
  border-radius: 15px;
  padding: 4px 4px 4px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 48px;
  width: 100%;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: background-color 0.3s;
}
.event-appointment__kid-item:hover {
  background: rgba(170, 187, 181, 0.25);
}
.event-appointment__kid-name {
  color: var(--Font-Prime, #192f44);
  font-size: 14px;
  font-weight: 600;
}
.event-appointment__add-kid-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-appointment__plus-icon-small {
  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.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  display: block;
}
.event-appointment__total {
  position: sticky;
  top: 20px;
  display: flex;
  flex-direction: column;
  padding: 25px;
  gap: 28px;
  border-radius: 20px;
  background: var(--UI-White, #fff);
}
.event-appointment__total-head {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.event-appointment__total-title {
  display: block;
  color: var(--Font-Prime, #192f44);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.42;
}
.event-appointment__total-amount {
  display: block;
  color: var(--Font-Prime, #192f44);
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.96px;
}
.event-appointment__total-label {
  display: block;
  color: var(--Font-Second, rgba(25, 47, 68, 0.5));
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.16;
}
.event-appointment__total-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.event-appointment__total-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border: 0;
  border-radius: 10px;
  background: var(--UI-Prime, #08b6cd);
  color: var(--UI-Text-Light, #fff);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.42;
  cursor: pointer;
  transition: 0.3s;
}
.event-appointment__total-btn:hover {
  background: rgb(6, 167, 188);
}

@media (max-width: 767px) {
  .event-appointment__body {
    grid-template-columns: 1fr;
  }
}
.page-subheading {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  margin-bottom: 55px;
}
.page-subheading__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 113%;
  letter-spacing: -0.03rem;
  text-align: center;
  color: rgb(25, 47, 68);
}
.page-subheading__desc {
  font-weight: 400;
  font-size: 14px;
  line-height: 142%;
  text-align: center;
  color: rgba(25, 47, 68, 0.5);
}

.feedback {
  width: 100%;
  padding-top: 70px;
}
.feedback__title {
  text-align: center;
}
.feedback .page-heading {
  margin-bottom: 30px;
}
.feedback-form {
  max-width: 580px;
  width: 100%;
  border-radius: 25px;
  padding: 25px;
  background: rgb(255, 255, 255);
  margin: 0 auto;
}
.feedback-form__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 30px;
  margin-bottom: 30px;
}
.feedback-form__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.feedback-form__item.is-full {
  grid-column: span 2;
}
.feedback-form__name {
  font-weight: 500;
  font-size: 12px;
  line-height: 116%;
  color: rgb(25, 47, 68);
}
.feedback-form__textarea {
  padding: 10px;
  height: 70px;
  resize: none;
}
.feedback-form__submit {
  max-width: none;
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: center;
}

@media (max-width: 767px) {
  .feedback-form__grid {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 25px;
  }
  .feedback-form__item.is-full {
    grid-column: auto;
  }
  .feedback .page-heading {
    margin-bottom: 40px;
  }
  .page-subheading {
    margin-bottom: 40px;
  }
  .feedback-form {
    padding: 20px;
  }
  .feedback-form__item.is-textarea {
    margin-top: 10px;
  }
  .page-subheading__title {
    font-size: 24px;
  }
}
.footer {
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 20px 40px 30px;
  gap: 50px;
  border-top: 1px solid var(--UI-Divider, rgba(25, 47, 68, 0.1));
}
.footer__top, .footer__bottom {
  display: grid;
  grid-template-columns: 300px 1fr 300px;
}
.footer-soc {
  display: flex;
  align-items: center;
  gap: 13px;
}
.footer-soc__link {
  height: 80px;
  padding: 0 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  border: 1px solid var(--UI-Text-Dark, #08b6cd);
}
.footer__label {
  display: block;
  text-align: center;
  color: var(--Brand-2, #192f44);
  font-size: var(--Size-P, 14px);
  font-weight: 400;
  line-height: 1.42;
  margin-bottom: 10px;
}
.footer-apps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

@media (max-width: 767px) {
  .footer-apps{
    flex-direction: column;
  }
}

.footer-apps__link {
  display: inline-flex;
}
.footer__right {
  text-align: right;
}
.footer__adress {
  display: block;
  margin-bottom: 6px;
  color: var(--Brand-2, #192f44);
  text-align: right;
  font-size: var(--Size-P, 14px);
  font-weight: 400;
  line-height: 1.42;
}
.footer__tel {
  display: inline-flex;
  color: var(--Brand-2, #192f44);
  text-align: right;
  font-size: var(--Size-Lead, 32px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.96px;
  margin-bottom: 20px;
}
.footer__time {
  display: block;
  color: var(--Brand-2, #192f44);
  text-align: right;
  font-size: var(--Size-P, 14px);
  font-weight: 400;
  line-height: 1.42;
}
.footer__copyright {
  display: block;
  color: var(--Font-Second, rgba(25, 47, 68, 0.5));
  font-size: var(--Size-P, 14px);
  font-weight: 400;
  line-height: 1.42;
}
.footer__list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.footer__link {
  display: inline-flex;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}

@media (max-width: 1199px) {
  .footer {
    padding: 30px 16px;
    gap: 40px;
  }
  .footer__top, .footer__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  .footer__top .footer__left {
    order: 1;
    width: 100%;
  }
  .footer__top .footer__middle {
    order: 2;
  }
  .footer__top .footer__right {
    order: 3;
    text-align: center;
  }
  .footer__bottom {
    gap: 15px;
  }
  .footer__bottom .footer__left {
    order: 3;
  }
  .footer__bottom .footer__middle {
    order: 1;
  }
  .footer__bottom .footer__right {
    order: 2;
  }
  .footer-soc {
    width: 100%;
    justify-content: center;
  }
  .footer-soc__item {
    flex: 1;
  }
  .footer-soc__link {
    width: 100%;
    height: 60px;
  }
  .footer-soc__link img {
    height: 20px;
  }
  .footer-apps {
    flex-wrap: wrap;
  }
  .footer-apps__link {
    height: 50px;
  }
  .footer-apps__link img {
    height: 100%;
  }
  .footer__adress {
    text-align: center;
  }
  .footer__tel {
    text-align: center;
    margin-bottom: 6px;
  }
  .footer__time {
    text-align: center;
  }
  .footer__list {
    flex-direction: column;
    gap: 15px;
  }
}
.history {
  padding-top: 70px;
}
.history .page-heading {
  margin-bottom: 86px;
}
.history-group {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.history-group__name {
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.01rem;
  color: rgb(25, 47, 68);
}
.history__cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.history-card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 15px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  transition: 0.3s;
}
.history-card.is-bonus .history-card__price {
  color: rgb(25, 47, 68);
}
.history-card.is-bonus .history-card__price::after {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  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='M13.3327 10.8334C11.0315 10.8334 9.16602 9.90066 9.16602 8.75008C9.16602 7.59949 11.0315 6.66675 13.3327 6.66675C15.6338 6.66675 17.4993 7.59949 17.4993 8.75008C17.4993 9.90066 15.6338 10.8334 13.3327 10.8334Z' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16602 12.0833C9.16602 13.2338 11.0315 14.1666 13.3327 14.1666C15.6338 14.1666 17.4993 13.2338 17.4993 12.0833' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 7.91675C2.5 9.06733 4.36548 10.0001 6.66667 10.0001C7.60486 10.0001 8.47058 9.84508 9.16708 9.58341' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 10.8333C2.5 11.9838 4.36548 12.9166 6.66667 12.9166C7.60467 12.9166 8.47025 12.7616 9.16667 12.5001' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.5 4.58325V13.7499C2.5 14.9005 4.36548 15.8333 6.66667 15.8333C7.60469 15.8333 8.47025 15.6782 9.16667 15.4166' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.834 7.08325V4.58325' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16602 8.75V15.4167C9.16602 16.5672 11.0315 17.5 13.3327 17.5C15.6338 17.5 17.4993 16.5672 17.4993 15.4167V8.75' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66667 6.66667C4.36548 6.66667 2.5 5.73392 2.5 4.58333C2.5 3.43274 4.36548 2.5 6.66667 2.5C8.96783 2.5 10.8333 3.43274 10.8333 4.58333C10.8333 5.73392 8.96783 6.66667 6.66667 6.66667Z' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.history-card__group {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.history-card__label {
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
  font-weight: 600;
}
.history-card__price {
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.01rem;
  color: rgb(8, 182, 205);
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
}
.history-card__date {
  font-weight: 500;
  font-size: 12px;
  line-height: 107%;
  color: rgba(25, 47, 68, 0.5);
}

@media (max-width: 767px) {
  .history-group__name,
  .history-card__price {
    font-size: 16px;
  }
  .page-heading {
    margin-bottom: 40px;
  }
  .history-card__label {
    font-size: 13px;
  }
  .history-card {
    padding: 20px 15px;
  }
}
.page-heading {
  text-align: center;
  margin-bottom: 40px;
}
.page-heading__title {
  color: var(--UI-Text-Dark, #08b6cd);
  text-align: center;
  font-family: "NEXT ART";
  font-size: var(--Size-Title, 56px);
  font-weight: 600;
  line-height: 1;
}
.page-heading__desc {
  display: block;
  margin-top: 30px;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  text-align: center;
  letter-spacing: -0.18px;
}

.intro {
  margin-bottom: 43px;
}
.intro__body {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.intro-slider__slide {
  position: relative;
  padding: 20px 100px 40px;
  border-radius: 25px;
  overflow: hidden;
  z-index: 1;
  min-height: 450px;
  display: flex;
  flex-direction: column;
}
.intro-slider__slide:after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 65%, #000 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.intro-slider__slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  z-index: -1;
}
.intro-slider__bottom {
  margin-top: auto;
  text-align: center;
}
.intro-slider__name {
  display: block;
  color: var(--UI-Text-Light, #fff);
  text-align: center;
  font-size: var(--Size-Lead, 32px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.96px;
  margin-bottom: 10px;
}
.intro-slider__desc {
  display: block;
  overflow: hidden;
  color: var(--UI-Text-Light, #fff);
  text-align: center;
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}

.intro-slider__btn{
  margin-top: auto;
  margin-left: auto;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: var(--UI-Radius-Button, 10px);
  background: white;
  padding: 0 28px;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .intro-slider__btn{
    height: auto;
    padding: 12px;
    border-radius: var(--UI-Radius-Button, 6px);
  }
}

.intro-slider__labels {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  flex-wrap: wrap;
  padding: 0 10px;
}
@media (max-width: 767px) {
  .intro-slider__labels {
    justify-content: flex-end;
  }
}
.intro-slider__label {
  display: inline-flex;
  padding: 4px 6px;
  border-radius: 6px;
  background: rgba(25, 47, 68, 0.3);
  backdrop-filter: blur(12.5px);
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
  gap: 5px;
}
.intro-slider__label.is-fill {
  background: var(--UI-White, #fff);
  color: var(--Font-Prime, #192f44);
}
.intro-slider__label.is-adress:before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E %3Cg clip-path='url(%23clip0_2084_3724)'%3E %3Cpath d='M6 0.25C8.62336 0.25 10.75 2.37665 10.75 5C10.75 5.74956 10.4213 6.53926 10.0283 7.2373C9.62405 7.95535 9.09513 8.67355 8.58105 9.30273C8.06479 9.93457 7.55026 10.493 7.16602 10.8926C6.97369 11.0926 6.81258 11.2543 6.69922 11.3662C6.64268 11.422 6.59751 11.466 6.56641 11.4961C6.55089 11.5111 6.53871 11.5232 6.53027 11.5312C6.52631 11.535 6.52282 11.5378 6.52051 11.54L6.5166 11.5439H6.51562L6 12.0332L5.48438 11.5439H5.4834L5.47949 11.54C5.47718 11.5378 5.47369 11.535 5.46973 11.5312C5.46129 11.5232 5.44911 11.5111 5.43359 11.4961C5.40249 11.466 5.35732 11.422 5.30078 11.3662C5.18742 11.2543 5.02631 11.0926 4.83398 10.8926C4.44974 10.493 3.93521 9.93457 3.41895 9.30273C2.90487 8.67355 2.37595 7.95535 1.97168 7.2373C1.57867 6.53926 1.25 5.74956 1.25 5C1.25 2.37665 3.37665 0.25 6 0.25ZM6 3.25C5.03348 3.25 4.25 4.03352 4.25 5C4.25 5.96651 5.03349 6.75 6 6.75C6.96651 6.75 7.75 5.96651 7.75 5C7.75 4.03352 6.96652 3.25 6 3.25Z' fill='white'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_2084_3724'%3E %3Crect width='12' height='12' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.intro-slider__pagination {
  position: absolute;
  top: auto !important;
  bottom: 30px !important;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  gap: 8px;
  z-index: 1;
}
.intro-slider__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  opacity: 0.1;
  background: var(--UI-Text-Light, #fff);
  margin: 0 !important;
}
.intro-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
.intro-slider__prev {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-40' y='-40' width='130' height='130'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(20px);clip-path:url(%23bgblur_0_2084_3602_clip_path);height:100%;width:100%'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='40'%3E%3Cpath d='M0 10C0 4.47715 4.47715 0 10 0H40C45.5228 0 50 4.47715 50 10V40C50 45.5228 45.5228 50 40 50H10C4.47715 50 0 45.5228 0 40V10Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M26.0605 19L20.8105 24.25H31.75V25.75H20.8105L26.0605 31L25 32.0605L17.9395 25L25 17.9395L26.0605 19Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2084_3602_clip_path' transform='translate(40 40)'%3E%3Cpath d='M0 10C0 4.47715 4.47715 0 10 0H40C45.5228 0 50 4.47715 50 10V40C50 45.5228 45.5228 50 40 50H10C4.47715 50 0 45.5228 0 40V10Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  transform: translateY(-50%);
  cursor: pointer;
}
.intro-slider__next {
  position: absolute;
  top: 50%;
  right: 20px;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-40' y='-40' width='130' height='130'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(20px);clip-path:url(%23bgblur_0_2084_3602_clip_path);height:100%;width:100%'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='40'%3E%3Cpath d='M0 10C0 4.47715 4.47715 0 10 0H40C45.5228 0 50 4.47715 50 10V40C50 45.5228 45.5228 50 40 50H10C4.47715 50 0 45.5228 0 40V10Z' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M26.0605 19L20.8105 24.25H31.75V25.75H20.8105L26.0605 31L25 32.0605L17.9395 25L25 17.9395L26.0605 19Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_2084_3602_clip_path' transform='translate(40 40)'%3E%3Cpath d='M0 10C0 4.47715 4.47715 0 10 0H40C45.5228 0 50 4.47715 50 10V40C50 45.5228 45.5228 50 40 50H10C4.47715 50 0 45.5228 0 40V10Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  transform: translateY(-50%) rotate(180deg);
  cursor: pointer;
}

.activities {
  margin-bottom: 54px;
}
.activities__body {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.activities__top {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.activities-card {
  width: 100%;
  height: 100%;
}
.activities-card:hover .activities-card__img {
  transform: none;
}
.activities-card:hover .activities-card__link::before {
  opacity: 1;
}
.activities-card:hover .activities-card__link.is-blue::before {
  background: linear-gradient(180deg, #10cfe8 0%, #08b6cd 100%);
}
.activities-card__link {
  position: relative;
  width: 100%;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 15px;
  border-radius: var(--UI-Radius-Card, 10px);
  background: linear-gradient(180deg, #192f44 0%, #192f44 100%);
  height: 100%;
  position: relative;
  z-index: 2;
}
.activities-card__link::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: linear-gradient(180deg, #224465 0%, #192f44 100%);
  border-radius: var(--UI-Radius-Card, 10px);
  opacity: 0;
  transition: 0.3s;
}
.activities-card__link.is-blue {
  background: linear-gradient(180deg, #08b6cd 0%, #08b6cd 100%);
}
.activities-card__link.is-blue::before {
  background: linear-gradient(180deg, #10cfe8 0%, #08b6cd 100%);
}
.activities-card__icon {
  position: absolute;
  top: 15px;
  left: 15px;
}
.activities-card__img {
  transform: translateY(-25px);
  transition: 0.3s;
}
.activities-card__name {
  display: block;
  width: 100%;
  text-align: left;
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-Lead, 32px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.96px;
}
.activities-rules {
  padding: 18px 25px;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime_Container, rgba(8, 182, 205, 0.1));
  backdrop-filter: blur(20px);
  cursor: pointer;
  transition: 0.3s;
}
.activities-rules:hover {
  background: rgb(0, 143, 167);
}
.activities-rules:hover .activities-rules__head::after {
  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.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='white'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.activities-rules:hover .activities-rules__head span {
  color: rgb(255, 255, 255);
}
.activities-rules__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  user-select: none;
}
.activities-rules__head span {
  display: block;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
  transition: 0.3s;
}
.activities-rules__head:after {
  content: "";
  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.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
}
.activities-rules__hidden {
  padding-top: 20px;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-P, 14px);
  font-weight: 400;
  line-height: 1.42;
}

.events__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.events__title {
  display: inline-flex;
  gap: 10px;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Lead, 32px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.96px;
}
.events__title span {
  display: inline-flex;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-Lead, 32px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.96px;
}
.events__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.events__link span {
  display: none;
}
.events__link:after {
  content: "";
  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='M17.0605 10L10 17.0605L8.93945 16L14.1895 10.75H3.25V9.25H14.1895L8.93945 4L10 2.93945L17.0605 10Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.events__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.events-card {
  display: grid;
  grid-template-columns: 143px 1fr 26px;
  padding-right: 20px;
  border-radius: var(--UI-Radius-Card, 10px);
  background: var(--UI-White, #fff);
}
.events-card:hover .events-card__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.75 7.25H13.5498V8.75H8.75V13.5498H7.25V8.75H2.4502V7.25H7.25V2.4502H8.75V7.25Z' fill='white'/%3E%3C/svg%3E%0A");
  background-color: rgb(8, 182, 205);
}
.events-card.is-now .events-card__time:before {
  content: "";
  width: 143px;
  height: 103px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='143' height='103' viewBox='0 0 143 103' fill='none'%3E %3Cg opacity='0.15' clip-path='url(%23clip0_4004_199)'%3E %3Cpath d='M136.917 42.4245C129.046 42.4245 125.318 38.6307 119.399 31.9476C113.481 25.2645 106.32 17.1222 92.2643 17.1222C78.2087 17.1222 70.9589 25.3227 65.1295 31.9476C59.3001 38.5722 55.483 42.4245 47.6117 42.4245C39.7407 42.4245 36.0121 38.6307 30.094 31.9476C24.1758 25.2645 17.0148 17.1222 2.95909 17.1222H0V29.788H2.95909C10.8599 29.788 14.5884 33.5818 20.4769 40.2649C26.3655 46.948 33.5561 55.0611 47.6117 55.0611C61.6673 55.0611 68.9174 46.8605 74.7468 40.2649C80.5762 33.6693 84.3933 29.788 92.2643 29.788C100.136 29.788 103.893 33.5818 109.812 40.2649C115.73 46.948 122.861 55.0611 136.917 55.0611H143.309V42.4245H136.917Z' fill='%23AABBB5'/%3E %3Cpath d='M137.687 75.4599C129.786 75.4599 126.057 71.666 120.14 64.9829C114.221 58.2999 107.09 50.1578 93.0341 50.1578C78.9785 50.1578 71.7288 58.3877 65.8994 64.9829C60.07 71.5786 56.2528 75.4599 48.3519 75.4599C40.451 75.4599 36.7523 71.666 30.8637 64.9829C24.9751 58.2999 17.7846 50.1578 3.72891 50.1578H0.0595703V62.8233H3.72891C11.6001 62.8233 15.3285 66.6175 21.2466 73.3002C27.1648 79.9833 34.2964 88.1257 48.3519 88.1257C62.4075 88.1257 69.6573 79.8959 75.4867 73.3002C81.3161 66.7049 85.1335 62.8233 93.0341 62.8233C100.935 62.8233 104.634 66.6175 110.552 73.3002C116.47 79.9833 123.631 88.1257 137.687 88.1257H144.078V75.4599H137.687Z' fill='%23AABBB5'/%3E %3Cpath d='M137.687 110.189C129.786 110.189 126.057 106.395 120.14 99.7119C114.221 93.0289 107.09 84.9158 93.0341 84.9158C78.9785 84.9158 71.7288 93.1163 65.8994 99.7119C60.07 106.308 56.2528 110.189 48.3519 110.189C40.451 110.189 36.7523 106.395 30.8637 99.7119C24.9751 93.0289 17.7846 84.9158 3.72891 84.9158H0.0595703V97.5816H3.72891C11.6001 97.5816 15.3285 101.375 21.2466 108.059C27.1648 114.742 34.2964 122.884 48.3519 122.884C62.4075 122.884 69.6573 114.654 75.4867 108.059C81.3161 101.463 85.1335 97.5816 93.0341 97.5816C100.935 97.5816 104.634 101.375 110.552 108.059C116.47 114.742 123.631 122.884 137.687 122.884H144.078V110.218L137.687 110.189Z' fill='%23AABBB5'/%3E %3Cpath d='M137.687 8.22044C129.816 8.22044 126.087 4.42658 120.169 -2.28567C114.251 -8.99789 107.09 -17.0818 93.0341 -17.0818C78.9785 -17.0818 71.7288 -8.88117 65.8994 -2.28567C60.07 4.30985 56.2528 8.22044 48.3519 8.22044C40.451 8.22044 36.7523 4.42658 30.8637 -2.28567C24.9751 -8.99789 17.7846 -17.0818 3.72891 -17.0818H0.0595703V-4.562H3.72891C11.6001 -4.562 15.3285 -0.76811 21.2466 5.94414C27.1648 12.6564 34.326 20.7403 48.3519 20.7403C62.3779 20.7403 69.6869 12.5396 75.4867 5.94414C81.2865 -0.651382 85.1335 -4.562 93.0341 -4.562C100.935 -4.562 104.663 -0.76811 110.552 5.94414C116.441 12.6564 123.631 20.7403 137.687 20.7403H144.078V8.22044H137.687Z' fill='%23AABBB5'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_4004_199'%3E %3Crect width='143' height='143' fill='white' transform='translate(0 -20)'/%3E %3C/clipPath%3E %3C/defs%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  left: -3px;
}
.events-card.is-now .events-card__time span {
  color: var(--UI-Text-Dark, #08b6cd);
}
.events-card.is-now .events-card__name {
  color: var(--UI-Text-Dark, #08b6cd);
}
.events-card.is-now .events-card__name span {
  display: inline-flex;
  gap: 4px;
  padding: 4px 6px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background: var(--Brand-3, #e71a80);
  color: var(--UI-White, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1;
}
.events-card.is-now .events-card__name span:before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.61595 1.14341C6.77045 1.19364 6.875 1.3376 6.875 1.50003V4.62503H9.5C9.64105 4.62503 9.77015 4.70417 9.83415 4.82986C9.89815 4.95555 9.88625 5.1065 9.8033 5.2206L5.8033 10.7206C5.70775 10.852 5.5385 10.9069 5.38405 10.8567C5.22955 10.8064 5.125 10.6625 5.125 10.5001V7.37505H2.5C2.35895 7.37505 2.22983 7.2959 2.16583 7.1702C2.10183 7.0445 2.11376 6.89355 2.19672 6.77945L6.19675 1.27946C6.29225 1.1481 6.4615 1.09318 6.61595 1.14341Z' fill='white'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.events-card__time {
  position: relative;
  display: inline-flex;
  padding: 25px 20px;
  z-index: 1;
  overflow-y: hidden;
  transition: 0.3s;
}
.events-card__time span {
  display: inline-flex;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
  transition: 0.3s;
}
.events-card__body {
  padding: 25px 20px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: 0.3s;
}
.events-card__name {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--Brand-2, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
  transition: 0.3s;
}
.events-card__desc {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-P, 14px);
  font-weight: 400;
  line-height: 1.42;
}
.events-card__price {
  display: block;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-Sub-2, 20px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.6px;
}
.events-card__icon {
  margin-top: 25px;
  display: inline-flex;
  border-radius: 10px;
  transition: 0.3s;
  width: 34px;
  height: 34px;
  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.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
}

.mob-hidden {
  display: none;
  margin-bottom: 35px;
}
.mob-hidden__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.mob-hidden__body .aside-subs__label {
  position: relative;
}
.mob-hidden__body .aside-subs__label:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2388_15492)'%3E%3Cpath d='M3.70703 0.585938L7.41406 4.29297C7.6016 4.48051 7.70703 4.73478 7.70703 5C7.70703 5.26522 7.6016 5.5195 7.41406 5.70703L3.70703 9.41406L2.29297 8L5.29297 5L2.29297 2L3.70703 0.585938Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2388_15492'%3E%3Crect width='10' height='10' fill='white' transform='translate(4.37114e-07 10) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.mob-hidden__body .aside-right__links {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.mob-hidden__body .aside-right__site,
.mob-hidden__body .aside-right__notifications {
  height: 50px;
  width: 100%;
  border-radius: var(--UI-Radius-Button, 10px);
  border: 1px solid var(--UI-Prime, #08b6cd);
  background: transparent;
  justify-content: center;
  align-items: center;
}
.mob-hidden__body .aside-right__notifications:after {
  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.5771 16.998C10.8543 16.5207 11.4658 16.358 11.9434 16.6348C12.4209 16.9119 12.5836 17.5243 12.3066 18.002C12.1016 18.3554 11.8185 18.6569 11.4795 18.8828L11.3311 18.9746C10.9265 19.2076 10.4671 19.33 10 19.3301C9.53288 19.33 9.07356 19.2076 8.66895 18.9746V18.9736C8.26446 18.7406 7.92763 18.4058 7.69336 18.002C7.41628 17.5242 7.57896 16.9119 8.05664 16.6348C8.53432 16.3579 9.14676 16.5204 9.42383 16.998C9.4824 17.099 9.56693 17.183 9.66797 17.2412C9.76904 17.2993 9.88355 17.33 10 17.3301C10.1166 17.33 10.2319 17.2995 10.333 17.2412L10.4053 17.1934C10.4744 17.1405 10.5331 17.074 10.5771 16.998ZM10 0.666992C11.6127 0.667014 13.1452 1.351 14.2646 2.54492C15.382 3.73679 15.9999 5.3406 16 7C16 9.97367 16.5968 11.8144 17.1406 12.8779C17.4135 13.4114 17.6777 13.7586 17.8574 13.9609C17.9472 14.062 18.0166 14.1284 18.0566 14.1641L18.0938 14.1953C18.0926 14.1945 18.0901 14.193 18.0879 14.1914C18.0869 14.1907 18.0852 14.1894 18.084 14.1885L18.082 14.1875L18.0811 14.1865H18.0801C18.4339 14.4388 18.5844 14.8906 18.4521 15.3047C18.3196 15.7188 17.9349 16 17.5 16H2.5C2.06512 16 1.68039 15.7188 1.54785 15.3047C1.41563 14.8906 1.56606 14.4388 1.91992 14.1865H1.91895L1.91797 14.1875L1.91602 14.1885C1.91473 14.1894 1.91315 14.1906 1.91211 14.1914L1.90625 14.1953C1.91059 14.1919 1.92372 14.1815 1.94336 14.1641C1.98343 14.1284 2.05273 14.0621 2.14258 13.9609C2.32234 13.7585 2.58653 13.4114 2.85938 12.8779C3.40315 11.8144 3.99996 9.97367 4 7C4.00008 5.34055 4.61805 3.73678 5.73535 2.54492C6.85483 1.35099 8.38726 0.666992 10 0.666992ZM10 2.66699C8.96078 2.66699 7.95019 3.10691 7.19434 3.91309C6.43657 4.72144 6.00008 5.83083 6 7C5.99996 10.248 5.34676 12.4082 4.64062 13.7891C4.60351 13.8616 4.56553 13.9319 4.52832 14H15.4717C15.4345 13.9319 15.3965 13.8616 15.3594 13.7891C14.6532 12.4082 14 10.248 14 7C13.9999 5.83086 13.5634 4.72141 12.8057 3.91309C12.0498 3.10692 11.0392 2.66701 10 2.66699Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 1199px) {
  .mob-hidden {
    display: block;
  }
  .page-heading.is-index {
    display: none;
  }

  .intro-slider__slide {
    min-height: 400px;
    padding: 24px;
  }
}
@media (max-width: 1023px) {
  .intro-slider__navigation {
    display: none;
  }
}
@media (max-width: 767px) {
  .intro-slider__slide {
    min-height: 300px;
    padding: 10px;
  }
  .intro-slider__pagination {
    bottom: 15px !important;
  }
  .intro-slider__name,
  .events__title,
  .events__title span {
    font-size: 24px;
  }
  .intro-slider__desc,
  .activities-card__name,
  .activities-rules__head span,
  .events__link {
    font-size: 16px;
  }
  .activities-card__img {
    max-height: 80px;
    margin-bottom: -20px;
  }
  .activities__top {
    gap: 10px;
  }
  .intro {
    margin-bottom: 35px;
  }
  .activities__body {
    gap: 15px;
  }
  .events__head {
    flex-wrap: wrap;
    gap: 16px;
  }
  .activities-card:hover .activities-card__img {
    transform: translateY(-20px);
  }
  .events__link {
    white-space: nowrap;
    font-size: 0;
    gap: 0;
    margin-left: auto;
  }
  .events__link span {
    display: inline;
    font-size: 16px;
    padding-right: 4px;
  }
}

@media (max-width: 599px) {
  .intro-slider__slide {
    min-height: 200px;
    padding: 10px;
  }
}
.page-logo {
  display: flex;
  justify-content: center;
}
.page-logo img {
  display: block;
}

.notifications {
  padding-top: 70px;
}
.notifications .page-heading {
  margin-bottom: 86px;
}
.notifications-group {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.notifications-group__name {
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.01rem;
  color: rgb(25, 47, 68);
}
.notifications__cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.notifications-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 15px;
  border-radius: 15px;
  background: rgb(255, 255, 255);
  transition: 0.3s;
}
.notifications-card:hover {
  padding-left: 20px;
}
.notifications-card:hover .notifications-card__label {
  color: rgb(8, 182, 205);
}
.notifications-card:hover .notifications-card__top::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='M9 6L15 12L9 18' stroke='%2308B6CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.notifications-card:hover .notifications-card__text {
  width: calc(100% + 5px);
}
.notifications-card__footer {
  margin-top: -2px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.notifications-card__status {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
}
.notifications-card__status span {
  font-weight: 500;
  font-size: 12px;
  line-height: 107%;
  color: rgb(231, 26, 128);
  margin-bottom: -2px;
}
.notifications-card__status::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  background: rgb(231, 26, 128);
  border-radius: 2px;
}
.notifications-card__top {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.notifications-card__top::after {
  content: "";
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  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='M9 6L15 12L9 18' stroke='%23192F44' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  transition: 0.3s;
}
.notifications-card__label, .notifications-card__text {
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
}
.notifications-card__label {
  font-weight: 600;
  transition: 0.3s;
}
.notifications-card__text {
  font-weight: 400;
}
.notifications-card__date {
  font-weight: 500;
  font-size: 12px;
  line-height: 107%;
  color: rgba(25, 47, 68, 0.5);
  margin-left: auto;
}

@media (max-width: 767px) {
  .notifications-group__name {
    font-size: 16px;
  }
  .page-heading {
    margin-bottom: 40px;
  }
  .notifications-card__label {
    font-size: 13px;
  }
  .notifications-card {
    padding-top: 20px;
  }
}
.profile {
  padding-top: 70px;
}
.profile .page-heading,
.profile .page-subheading {
  margin-bottom: 30px;
}
.profile__body {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.profile__container {
  max-width: 620px;
}
.profile-card, .profile-sert, .profile-subscription {
  padding: 25px;
  border-radius: 25px;
  overflow: hidden;
}
.profile-card {
  display: flex;
  flex-direction: column;
  background: rgb(255, 255, 255);
  gap: 20px;
}
.profile-card__name {
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.01rem;
  color: rgb(25, 47, 68);
}
.profile-card__rows {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.profile-card__row {
  display: flex;
  border-top: 1px solid var(--UI-Divider, rgba(25, 47, 68, 0.1));
  padding-top: 10px;
  gap: 15px;
}
.profile-card__row span {
  width: 50%;
  font-weight: 400;
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
}
.profile-card__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
}
.profile-card__btn {
  height: 40px;
  background: transparent;
  cursor: pointer;
}
.profile-card .appointment-person__item {
  margin-bottom: 0;
}
.profile-benefits {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.profile-benefits__label {
  padding: 15px 12px;
  display: flex;
  align-items: center;
  gap: 15px;
  border: 1px solid var(--Brand-6, rgb(149, 193, 31));
  border-radius: 12px;
  position: relative;
}
.profile-benefits__label::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99996 1.04175C5.05241 1.04175 1.04163 5.05253 1.04163 10.0001C1.04163 14.9477 5.05241 18.9584 9.99996 18.9584C14.9475 18.9584 18.9583 14.9477 18.9583 10.0001C18.9583 5.05253 14.9475 1.04175 9.99996 1.04175ZM6.27533 9.97483C6.03125 9.73075 5.63553 9.73075 5.39144 9.97483C5.14737 10.2189 5.14737 10.6146 5.39144 10.8587L7.89144 13.3587C8.13553 13.6027 8.53129 13.6027 8.77529 13.3587L14.6086 7.52536C14.8527 7.28128 14.8527 6.88555 14.6086 6.64147C14.3645 6.3974 13.9689 6.3974 13.7248 6.64147L8.33338 12.0328L6.27533 9.97483Z' fill='%2395C11F'/%3E%3C/svg%3E%0A");
}
.profile-benefits__label span {
  font-weight: 500;
  font-size: 12px;
  line-height: 112%;
  color: rgb(25, 47, 68);
}
.profile-children {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.profile-children__label {
  padding: 12px;
  background: rgba(170, 187, 181, 0.15);
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 15px;
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
}
.profile-children__label span {
  padding: 5px 6px;
  background: rgb(231, 26, 128);
  font-weight: 700;
  font-size: 11px;
  line-height: 125%;
  color: rgb(255, 255, 255);
  border-radius: 6px;
}
.profile-sert {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: rgb(231, 26, 128);
  gap: 44px;
  position: relative;
  z-index: 2;
}
.profile-sert__bg img {
  z-index: -1;
  position: absolute;
}
.profile-sert__bg img:first-child {
  top: 0;
  right: 0;
}
.profile-sert__bg img:last-child {
  bottom: 0;
  left: 0;
}
.profile-sert__text {
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgb(255, 255, 255);
}
.profile-sert__middle {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
}
.profile-sert__remain {
  font-family: NEXT ART;
  font-weight: 600;
  font-size: 56px;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  color: rgb(255, 255, 255);
}
.profile-sert__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.profile-subscription {
  background: rgb(25, 47, 68);
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.profile-subscription__status {
  display: flex;
  gap: 4px;
  align-items: center;
  position: relative;
}
.profile-subscription__status::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.99996 1.04163C5.05241 1.04163 1.04163 5.05241 1.04163 9.99996C1.04163 14.9475 5.05241 18.9583 9.99996 18.9583C14.9475 18.9583 18.9583 14.9475 18.9583 9.99996C18.9583 5.05241 14.9475 1.04163 9.99996 1.04163ZM6.27533 9.97471C6.03125 9.73063 5.63553 9.73063 5.39144 9.97471C5.14737 10.2188 5.14737 10.6145 5.39144 10.8585L7.89144 13.3585C8.13553 13.6026 8.53129 13.6026 8.77529 13.3585L14.6086 7.52523C14.8527 7.28116 14.8527 6.88543 14.6086 6.64135C14.3645 6.39728 13.9689 6.39728 13.7248 6.64135L8.33338 12.0327L6.27533 9.97471Z' fill='%2395C11F'/%3E%3C/svg%3E%0A");
}
.profile-subscription__status span {
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgb(255, 255, 255);
}
.profile-subscription__middle {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: -20px;
}
.profile-subscription__type {
  font-weight: 400;
  font-size: 14px;
  line-height: 144%;
  color: rgb(255, 255, 255);
  white-space: nowrap;
}
.profile-subscription__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -0.03rem;
  color: rgb(255, 255, 255);
}
.profile-subscription__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.profile-subscription__label {
  padding: 4px 6px;
  border-radius: 6px;
  background: rgba(8, 182, 205, 0.1);
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgb(255, 255, 255);
}
.profile-subscription__top {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.profile-subscription__persons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.profile-subscription__person {
  height: 54px;
  padding: 0 15px;
  background: rgb(255, 255, 255);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.profile-subscription__person.is-owner .profile-subscription__who {
  background: rgb(170, 187, 181);
}
.profile-subscription__person.is-child .profile-subscription__who {
  background: rgb(231, 26, 128);
}
.profile-subscription__name {
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
}
.profile-subscription__who {
  padding: 5px 6px;
  border-radius: 6px;
  font-weight: 700;
  font-size: 14px;
  line-height: 144%;
  margin-left: 15px;
  color: rgb(255, 255, 255);
  background: rgb(25, 47, 68);
}

@media (max-width: 767px) {
  .profile {
    padding-top: 50px;
  }
  .profile .page-subheading {
    margin-bottom: 40px;
  }
  .profile .profile-card__name {
    font-size: 16px;
    line-height: 125%;
  }
  .profile-children__label,
  .profile-children__label span,
  .profile-sert__text,
  .profile-subscription__status span,
  .profile-subscription__name,
  .profile-subscription__who,
  .profile-subscription__label {
    font-size: 13px;
  }
  .profile-subscription__name span {
    display: none;
  }
  .profile-sert {
    gap: 60px;
  }
  .profile-sert__bg img:first-child {
    display: none;
  }
  .profile-sert__remain {
    font-size: 35px;
  }
  .profile-subscription {
    gap: 15px;
  }
  .profile-subscription__top {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
  }
  .profile-subscription__middle {
    margin-top: 0;
    gap: 5px;
  }
  .profile-subscription__person {
    height: 40px;
    padding: 0 8px;
  }
  .profile-subscription__title {
    font-size: 25px;
  }
  .profile-benefits__label {
    padding: 13px;
  }
  .profile-benefits__label::before,
  .profile-subscription__status::before {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
  }
  .profile-card__row span:first-child {
    max-width: 100px;
  }
  .profile-card__row span:last-child {
    max-width: none;
    width: auto;
    flex: 1 1 auto;
  }
}
.promos-card {
  position: relative;
  padding: 20px;
  border-radius: 10px;
  overflow-y: hidden;
  z-index: 1;
  min-height: 250px;
  display: flex;
  flex-direction: column;
}

.promos-card:first-child{
  min-height: 410px;
}

.promos-card:hover::before {
  background-color: rgb(8, 182, 205);
}
.promos-card:after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 65%, #000000 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.promos-card::before {
  content: "";
  position: absolute;
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  background-position: center;
  top: 17px;
  right: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.75 12.25H19.75V13.75H13.75V19.75H12.25V13.75H6.25V12.25H12.25V6.25H13.75V12.25Z' fill='white'/%3E%3C/svg%3E%0A");
  z-index: 2;
  pointer-events: none;
  transition: 0.3s;
  border-radius: 10px;
}
.promos-card img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  z-index: -1;
}
.promos-card__bottom {
  margin-top: auto;
}
.promos-card__name {
  display: block;
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-Lead, 32px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.03rem;
  margin-bottom: 5px;
}
.promos-card__text {
  display: block;
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-Sub, 14px);
  font-weight: 400;
  line-height: 1.33;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.promos-card__labels {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  padding-right: 70px;
}
.promos-card__label {
  display: inline-flex;
  padding: 4px 6px;
  border-radius: 6px;
  background: rgba(25, 47, 68, 0.3);
  backdrop-filter: blur(12.5px);
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
  gap: 5px;
}
.promos-card__label.is-fill {
  background: var(--UI-White, #fff);
  color: var(--Font-Prime, #192f44);
}
.promos-card__label.is-adress:before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E %3Cg clip-path='url(%23clip0_2084_3724)'%3E %3Cpath d='M6 0.25C8.62336 0.25 10.75 2.37665 10.75 5C10.75 5.74956 10.4213 6.53926 10.0283 7.2373C9.62405 7.95535 9.09513 8.67355 8.58105 9.30273C8.06479 9.93457 7.55026 10.493 7.16602 10.8926C6.97369 11.0926 6.81258 11.2543 6.69922 11.3662C6.64268 11.422 6.59751 11.466 6.56641 11.4961C6.55089 11.5111 6.53871 11.5232 6.53027 11.5312C6.52631 11.535 6.52282 11.5378 6.52051 11.54L6.5166 11.5439H6.51562L6 12.0332L5.48438 11.5439H5.4834L5.47949 11.54C5.47718 11.5378 5.47369 11.535 5.46973 11.5312C5.46129 11.5232 5.44911 11.5111 5.43359 11.4961C5.40249 11.466 5.35732 11.422 5.30078 11.3662C5.18742 11.2543 5.02631 11.0926 4.83398 10.8926C4.44974 10.493 3.93521 9.93457 3.41895 9.30273C2.90487 8.67355 2.37595 7.95535 1.97168 7.2373C1.57867 6.53926 1.25 5.74956 1.25 5C1.25 2.37665 3.37665 0.25 6 0.25ZM6 3.25C5.03348 3.25 4.25 4.03352 4.25 5C4.25 5.96651 5.03349 6.75 6 6.75C6.96651 6.75 7.75 5.96651 7.75 5C7.75 4.03352 6.96652 3.25 6 3.25Z' fill='white'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_2084_3724'%3E %3Crect width='12' height='12' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.promos__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.promos__grid .promos-card:first-child {
  grid-column: span 2;
}
.promos__grid .promos-card:not(:first-child) .promos-card__name {
  font-size: 18px;
  line-height: 133%;
}
.promos-modal {
  padding: 0;
  background: transparent;
  border-radius: 25px;
  max-width: 500px;
  width: 100%;
  overflow: hidden;
}
.promos-modal__head {
  position: relative;
  z-index: 2;
  min-height: 220px;
}
.promos-modal__head img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.promos-modal__body {
  padding: 20px 25px 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: rgb(255, 255, 255);
}
.promos-modal__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.promos-modal__label {
  padding: 4px 6px;
  display: block;
  border-radius: 6px;
  background: rgb(8, 182, 205);
  font-weight: 500;
  font-size: 12px;
  line-height: 112%;
  color: rgb(255, 255, 255);
}
.promos-modal__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -0.03rem;
  color: rgb(25, 47, 68);
}
.promos-modal__desc {
  padding: 15px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: rgb(25, 47, 68);
}
.promos-modal__text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
  margin-bottom: 15px;
}
.promos-modal__text p:last-child {
  margin-bottom: 0;
}
.promos-modal__text ul {
  padding-left: 30px;
  margin-bottom: 10px;
}
.promos-modal__text ul:last-child {
  margin-bottom: 0;
}
.promos-modal__text ul li {
  position: relative;
  align-items: center;
  display: flex;
  gap: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 156%;
}
.promos-modal__text ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 2px;
  background: rgb(65, 161, 219);
}
.promos-modal__btn {
  margin-top: 30px;
  align-self: flex-start;
  padding: 0 33px;
}
.promos-modal__btn::after {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0ZM4.66699 6C4.2988 6 4 6.29874 4 6.66699V8.95117C5.10445 8.95117 5.99981 9.84657 6 10.9512C6 12.0559 5.10457 12.9521 4 12.9521V15.333C4 15.7013 4.2988 16 4.66699 16H17.333C17.7012 16 18 15.7013 18 15.333V12.9521C16.8954 12.9521 16 12.0559 16 10.9512C16.0002 9.84657 16.8955 8.95117 18 8.95117V6.66504C17.999 6.29694 17.7 5.99928 17.332 6L11.0332 6.0166L4.66797 6H4.66699ZM13.667 14C13.8509 14.0002 14 14.149 14 14.333V15.333C14 15.517 13.8509 15.6668 13.667 15.667C13.4829 15.667 13.333 15.5171 13.333 15.333V14.333C13.333 14.1489 13.4829 14 13.667 14ZM13.667 11.333C13.8509 11.3332 14 11.482 14 11.666V12.999C14 13.183 13.8509 13.3328 13.667 13.333C13.4829 13.333 13.333 13.1832 13.333 12.999V11.666C13.333 11.4819 13.4829 11.333 13.667 11.333ZM13.667 8.66504C13.8509 8.66521 14 8.81501 14 8.99902V10.332C14 10.516 13.8509 10.6658 13.667 10.666C13.4829 10.666 13.333 10.5162 13.333 10.332V8.99902C13.333 8.8149 13.4829 8.66504 13.667 8.66504ZM13.667 6.32812C13.8509 6.3283 13.9999 6.47721 14 6.66113V7.66504C14 7.84906 13.8509 7.99885 13.667 7.99902C13.4829 7.99902 13.333 7.84917 13.333 7.66504V6.66113C13.3331 6.4771 13.483 6.32812 13.667 6.32812Z' fill='white'/%3E%3C/svg%3E%0A");
}
.promos-modal .fancybox-close-small {
  color: white;
  padding: 5px;
}
.promos-tabs {
  margin: 0 auto 30px;
  overflow: auto;
  overflow-y: clip;
  width: fit-content;
}
.promos-tabs__list {
  display: flex;
  gap: 5px;
}
.promos-tabs__item {
  padding: 5px 10px;
  border-radius: 10px;
  transition: 0.3s;
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
  border: 1px solid var(--Font-Second, rgba(25, 47, 68, 0.5));
}
.promos-tabs__item:hover {
  color: rgb(8, 182, 205);
  border-color: rgb(8, 182, 205);
}
.promos-tabs__item.is-active {
  background: rgb(8, 182, 205);
  border-color: rgb(8, 182, 205);
  color: rgb(255, 255, 255);
}

@media (max-width: 767px) {
  .promos__grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .promos-card {
    min-height: 230px !important;
  }
  .promos .promos__grid .promos-card:first-child {
    grid-column: 1;
  }
  .promos .promos-card__name,
  .promos .promos__grid .promos-card:not(:first-child) .promos-card__name {
    font-size: 24px;
    line-height: 112%;
  }
  .promos-modal__title {
    font-size: 24px;
  }
  .promos-modal__desc,
  .promos-modal__text p,
  .promos-modal__text ul li {
    font-size: 12px;
  }
  .promos-modal__text p {
    margin-bottom: 10px;
  }
  .promos-modal__text ul {
    padding-left: 16px;
  }
}
.purchase__body {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 20px;
}
.purchase-type {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  margin-bottom: 20px;
}
.purchase-type__item:first-child label:has(input:checked) {
  background: var(--Brand-1, #08b6cd);
}
.purchase-type__item:not(:has(input:checked)):hover .purchase-type__label {
  background: rgba(6, 167, 188, 0.1);
}
.purchase-type__item:last-child label:has(input:checked) {
  background: var(--Brand-3, #e71a80);
}
.purchase-type__label {
  display: flex;
  width: 100%;
  padding: 40px 20px 15px;
  border-radius: 15px;
  background: var(--UI-White, #fff);
  position: relative;
  cursor: pointer;
  transition: 0.3s;
}
.purchase-type__label:has(input:checked) span {
  color: var(--UI-White, #fff);
}
.purchase-type__label:has(input:checked):after {
  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='M0 5C0 2.23858 2.23858 0 5 0H15C17.7614 0 20 2.23858 20 5V15C20 17.7614 17.7614 20 15 20H5C2.23858 20 0 17.7614 0 15V5Z' fill='white'/%3E%3Cpath d='M15.7266 6.5L15.1963 7.03027L8.78027 13.4473L8.25 13.9775L4.27246 10L5.33301 8.93945L8.24902 11.8555L14.1357 5.96973L14.666 5.43945L15.7266 6.5Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 15px;
  right: 15px;
}
.purchase-type__name {
  display: block;
  color: var(--Brand-2, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.purchase-visitors {
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  border-radius: 20px;
  background: var(--UI-White, #fff);
  margin-bottom: 20px;
}
.purchase-visitors__title {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.purchase-visitors__body {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.purchase-visitors__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.purchase-visitors__top {
  display: grid;
  grid-template-columns: 20px 1fr 70px;
  gap: 8px;
  align-items: center;
}
.purchase-visitors__clear {
  display: inline-flex;
  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='M16.0605 5L11.0605 10L16.0605 15L15 16.0605L10 11.0605L5 16.0605L3.93945 15L8.93945 10L3.93945 5L5 3.93945L10 8.93945L15 3.93945L16.0605 5Z' fill='%23192F44' fill-opacity='0.5'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.purchase-visitors__profile {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  gap: 6px;
}
.purchase-visitors__icon {
  display: inline-flex;
  width: 30px;
  height: 30px;
}
.purchase-visitors__icon img {
  display: block;
  width: 100%;
}
.purchase-visitors__data {
  display: flex;
  flex-direction: column;
}
.purchase-visitors__name {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-visitors__position {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.purchase-visitors__price {
  display: inline-flex;
  justify-content: flex-end;
}
.purchase-visitors__amount {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  text-align: right;
}
.purchase-visitors__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px;
  border-radius: 15px;
  background: rgba(170, 187, 181, 0.15);
  gap: 5px;
}
.purchase-visitors__label {
  display: flex;
  padding: 0 23px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: var(--UI-Radius-Button, 10px);
  background: transparent;
  cursor: pointer;
  transition: 0.3s;
}
.purchase-visitors__label:not(:has(input:checked)):hover span {
  color: rgb(6, 167, 188);
}
.purchase-visitors__label:has(input:checked) {
  background: var(--UI-Prime, #08b6cd);
}
.purchase-visitors__label:has(input:checked) span {
  color: var(--UI-Text-Light, #fff);
  white-space: nowrap;
}
.purchase-visitors__label span {
  display: block;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
  transition: 0.3s;
}
.purchase-visitors__reset {
  display: inline-flex;
  color: var(--Font-Second, rgba(25, 47, 68, 0.5));
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  margin-bottom: 45px;
}
.purchase-visitors__btns {
  display: grid;
  gap: 8px;
  margin-bottom: 26px;
}
.purchase-visitors__add {
  width: 100%;
  display: flex;
  gap: 10px;
  border-radius: var(--UI-Radius-Button, 10px);
  border: 1px solid var(--UI-Prime, #08b6cd);
  background: #fff;
  height: 50px;
  align-items: center;
  justify-content: center;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  cursor: pointer;
  transition: 0.3s;
}
.purchase-visitors__add:hover {
  background: rgb(6, 167, 188);
  border-color: rgb(6, 167, 188);
  color: white !important;
}
.purchase-visitors__add:hover::after {
  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='M7.5 6H13.5V7.5H7.5V13.5H6V7.5H0V6H6V0H7.5V6Z' fill='white'/%3E%3C/svg%3E%0A") !important;
  background-size: auto !important;
}
.purchase-visitors__add:after {
  content: "";
  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.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.purchase-visitors__add.is-child {
  border: 1px solid var(--Brand-3, #e71a80);
  color: var(--Brand-3, #e71a80);
}
.purchase-visitors__add.is-child:hover {
  border-color: rgb(6, 167, 188);
}
.purchase-visitors__add.is-child:after {
  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.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='%23E71A80'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.purchase-visitors__rules {
  display: inline-flex;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-visitors__info {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
.purchase-visitors__alert {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  background: var(--Core-Prime_Container, rgba(170, 187, 181, 0.15));
  color: var(--Labels-Primary, #000);
  font-size: var(--Size-Caption, 11px);
  font-weight: 500;
  line-height: 1.27;
}
.purchase-visitors__alert:before {
  content: "";
  flex: 0 0 20px;
  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 fill-rule='evenodd' clip-rule='evenodd' d='M1.04199 10C1.04199 5.05245 5.05278 1.04167 10.0003 1.04167C14.9479 1.04167 18.9587 5.05245 18.9587 10C18.9587 14.9476 14.9479 18.9583 10.0003 18.9583C5.05278 18.9583 1.04199 14.9476 1.04199 10ZM10.0003 8.95834C10.3455 8.95834 10.6253 9.23817 10.6253 9.58334V13.75C10.6253 14.0952 10.3455 14.375 10.0003 14.375C9.65516 14.375 9.37533 14.0952 9.37533 13.75V9.58334C9.37533 9.23817 9.65516 8.95834 10.0003 8.95834ZM10.4732 6.6673C10.7042 6.41073 10.6833 6.01555 10.4267 5.78464C10.1702 5.55372 9.77499 5.57452 9.54408 5.8311L9.53574 5.84035C9.30482 6.09692 9.32566 6.4921 9.58224 6.72301C9.83883 6.95393 10.234 6.93313 10.4649 6.67655L10.4732 6.6673Z' fill='%23FFAA01'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.purchase-visitors__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  padding: 0 15px;
  border-radius: 10px;
  border: 1px solid var(--Core-Prime, #008fa7);
  background: #fff;
  cursor: pointer;
  color: var(--Core-Prime, #008fa7);
  font-size: var(--Size-UI, 14px);
  font-weight: 500;
  line-height: 1.28;
  letter-spacing: -0.28px;
}
.purchase-gifts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.purchase-gifts__title {
  font-weight: 600;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.01rem;
  text-align: center;
  color: rgb(25, 47, 68);
  margin-bottom: 20px;
  display: none;
}
.purchase-gifts__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime_Container, rgba(8, 182, 205, 0.1));
  backdrop-filter: blur(20px);
  height: 50px;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  gap: 10px;
  transition: 0.3s;
}
.purchase-gifts__btn:hover {
  background: rgb(6, 167, 188);
  color: white;
}
.purchase-gifts__btn:hover::after {
  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='M13.75 0.916992C14.5014 0.916992 15.2225 1.21576 15.7539 1.74707C16.2849 2.2783 16.5829 2.99886 16.583 3.75C16.583 4.21911 16.4666 4.67631 16.25 5.08301H17.834C18.524 5.08338 19.0839 5.64302 19.084 6.33301V9.5C19.0838 10.19 18.5239 10.7496 17.834 10.75H17.416V17.833C17.416 18.5234 16.8564 19.083 16.166 19.083H3.83301C3.14284 19.0828 2.58301 18.5233 2.58301 17.833V10.75H2.16699C1.47677 10.75 0.917168 10.1903 0.916992 9.5V6.33301C0.917124 5.64277 1.47672 5.08301 2.16699 5.08301H3.75098C3.53404 4.67624 3.41703 4.21926 3.41699 3.75C3.41708 2.99868 3.71579 2.27835 4.24707 1.74707C4.77834 1.21583 5.4987 0.917078 6.25 0.916992C8.12504 0.917168 9.25916 2.26731 9.87598 3.38867C9.92025 3.46919 9.9597 3.551 10 3.63086C10.0403 3.55099 10.0797 3.46919 10.124 3.38867C10.7409 2.26721 11.8747 0.916992 13.75 0.916992ZM4.08301 17.583H9.25V10.75H4.08301V17.583ZM10.75 17.583H15.916V10.75H10.75V17.583ZM2.41699 9.25H9.25V6.58398H6.25C6.24361 6.58398 6.23686 6.58305 6.23047 6.58301H2.41699V9.25ZM13.75 6.58398H10.75V9.25H17.584V6.58301H13.7695C13.763 6.58305 13.7565 6.58398 13.75 6.58398ZM13.75 2.41699C12.7089 2.41699 11.9675 3.14966 11.4385 4.11133C11.2543 4.44628 11.1106 4.7853 11.002 5.08301H13.7686C14.1152 5.07817 14.4467 4.93876 14.6924 4.69336C14.9424 4.44336 15.0829 4.10353 15.083 3.75C15.0829 3.39656 14.9423 3.05759 14.6924 2.80762C14.4423 2.55766 14.1035 2.41699 13.75 2.41699ZM6.25 2.41699C5.89652 2.41708 5.55758 2.55769 5.30762 2.80762C5.05765 3.05759 4.91708 3.39649 4.91699 3.75C4.91706 4.10354 5.05763 4.44337 5.30762 4.69336C5.55325 4.93875 5.88474 5.07819 6.23145 5.08301H8.99805C8.88946 4.78534 8.74569 4.44624 8.56152 4.11133C8.03259 3.14984 7.29089 2.41716 6.25 2.41699Z' fill='white'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.purchase-gifts__btn:after {
  content: "";
  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='M13.75 0.916992C14.5014 0.916992 15.2225 1.21576 15.7539 1.74707C16.2849 2.2783 16.5829 2.99886 16.583 3.75C16.583 4.21911 16.4666 4.67631 16.25 5.08301H17.834C18.524 5.08338 19.0839 5.64302 19.084 6.33301V9.5C19.0838 10.19 18.5239 10.7496 17.834 10.75H17.416V17.833C17.416 18.5234 16.8564 19.083 16.166 19.083H3.83301C3.14284 19.0828 2.58301 18.5233 2.58301 17.833V10.75H2.16699C1.47677 10.75 0.917168 10.1903 0.916992 9.5V6.33301C0.917124 5.64277 1.47672 5.08301 2.16699 5.08301H3.75098C3.53404 4.67624 3.41703 4.21926 3.41699 3.75C3.41708 2.99868 3.71579 2.27835 4.24707 1.74707C4.77834 1.21583 5.4987 0.917078 6.25 0.916992C8.12504 0.917168 9.25916 2.26731 9.87598 3.38867C9.92025 3.46919 9.9597 3.551 10 3.63086C10.0403 3.55099 10.0797 3.46919 10.124 3.38867C10.7409 2.26721 11.8747 0.916992 13.75 0.916992ZM4.08301 17.583H9.25V10.75H4.08301V17.583ZM10.75 17.583H15.916V10.75H10.75V17.583ZM2.41699 9.25H9.25V6.58398H6.25C6.24361 6.58398 6.23686 6.58305 6.23047 6.58301H2.41699V9.25ZM13.75 6.58398H10.75V9.25H17.584V6.58301H13.7695C13.763 6.58305 13.7565 6.58398 13.75 6.58398ZM13.75 2.41699C12.7089 2.41699 11.9675 3.14966 11.4385 4.11133C11.2543 4.44628 11.1106 4.7853 11.002 5.08301H13.7686C14.1152 5.07817 14.4467 4.93876 14.6924 4.69336C14.9424 4.44336 15.0829 4.10353 15.083 3.75C15.0829 3.39656 14.9423 3.05759 14.6924 2.80762C14.4423 2.55766 14.1035 2.41699 13.75 2.41699ZM6.25 2.41699C5.89652 2.41708 5.55758 2.55769 5.30762 2.80762C5.05765 3.05759 4.91708 3.39649 4.91699 3.75C4.91706 4.10354 5.05763 4.44337 5.30762 4.69336C5.55325 4.93875 5.88474 5.07819 6.23145 5.08301H8.99805C8.88946 4.78534 8.74569 4.44624 8.56152 4.11133C8.03259 3.14984 7.29089 2.41716 6.25 2.41699Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
}
.purchase-total {
  position: sticky;
  top: 20px;
  display: flex;
  flex-direction: column;
  padding: 25px;
  gap: 28px;
  border-radius: 20px;
  background: var(--UI-White, #fff);
}
.purchase-total__head {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.purchase-total__title {
  display: block;
  color: var(--Font-Prime, #192f44);
  text-align: center;
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-total__amount {
  display: block;
  color: var(--Font-Prime, #192f44);
  text-align: center;
  font-size: var(--Size-Lead, 32px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.96px;
}
.purchase-total__label {
  display: block;
  color: var(--Font-Second, rgba(25, 47, 68, 0.5));
  text-align: center;
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.purchase-total__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.purchase-total__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border: 0;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime, #08b6cd);
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  cursor: pointer;
  transition: 0.3s;
}
.purchase-total__btn:hover {
  background: rgb(6, 167, 188);
}
.purchase-total__has {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border: 0;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Text-Light, #fff);
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  cursor: pointer;
  transition: 0.3s;
}
.purchase-total__has:hover {
  background: rgb(6, 167, 188);
  color: white;
}
.purchase-friends {
  margin-bottom: 26px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.purchase-friends__title {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.purchase-friends__list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.purchase-friends__btn {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  padding: 12px;
  border-radius: 10px;
  background: rgba(170, 187, 181, 0.15);
  border: 0;
  cursor: pointer;
}
.purchase-friends__btn::before {
  content: "";
  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.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='%23E71A80'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.purchase-friends__name {
  display: inline-flex;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-friends__status {
  display: inline-flex;
  padding: 5px 6px;
  border-radius: 6px;
  background: var(--Brand-2, #192f44);
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-Caption, 11px);
  font-weight: 700;
  line-height: 1.27;
}
.purchase-friends__status.is-child {
  background: var(--Brand-3, #e71a80);
}

.purchase-visitors__label:has(input:checked):hover {
  background: rgb(6, 167, 188);
}

@media (max-width: 767px) {
  .purchase-visitors__label span,
  .purchase-visitors__title,
  .purchase-type__name,
  .purchase-friends__title {
    font-size: 16px;
  }
  .purchase-visitors__label {
    padding: 0;
    flex: 1 1 auto;
  }
  .purchase-type__label {
    height: 100%;
  }
  .purchase-gifts__btn {
    font-size: 13px;
    text-transform: capitalize;
  }
  .purchase-gifts__title {
    display: block;
  }
  .purchase-gifts__btn span {
    display: none;
  }
  .purchase-total__has {
    border: 1px solid var(--UI-Prime, rgb(8, 182, 205));
  }
  .purchase-friends__name,
  .purchase-visitors__add,
  .purchase-visitors__reset {
    font-size: 13px;
  }
}
.benefits-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
}
.benefits-modal.is-active {
  display: flex;
}
.benefits-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
}
.benefits-modal__container {
  position: relative;
  width: 100%;
  max-width: 370px;
  background: var(--UI-White, #fff);
  border-radius: 25px;
  padding: 40px 25px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  max-height: 90vh;
  overflow-y: auto;
}
.benefits-modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  cursor: pointer;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 8L8 24M8 8L24 24' stroke='%23192F44' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.benefits-modal__header {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.benefits-modal__title {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Lead, 32px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.96px;
}
.benefits-modal__subtitle {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.benefits-modal__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.benefits-modal__submit {
  width: 100%;
  height: 40px;
  border: none;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime, #08b6cd);
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  cursor: pointer;
  transition: 0.3s;
}
.benefits-modal__submit:hover {
  background: rgb(6, 167, 188);
}

.benefits-card {
  background: rgba(170, 187, 181, 0.15);
  border-radius: 20px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.benefits-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.benefits-card__info {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.benefits-card__title {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.benefits-card__desc {
  color: var(--Font-Second, rgba(25, 47, 68, 0.5));
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.benefits-card__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.benefits-card__guests {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.benefits-card__alert {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid var(--Brand-7, #ffaa01);
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.benefits-card__alert:before {
  content: "";
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.04199 10C1.04199 5.05245 5.05278 1.04167 10.0003 1.04167C14.9479 1.04167 18.9587 5.05245 18.9587 10C18.9587 14.9476 14.9479 18.9583 10.0003 18.9583C5.05278 18.9583 1.04199 14.9476 1.04199 10ZM10.0003 8.95834C10.3455 8.95834 10.6253 9.23817 10.6253 9.58334V13.75C10.6253 14.0952 10.3455 14.375 10.0003 14.375C9.65516 14.375 9.37533 14.0952 9.37533 13.75V9.58334C9.37533 9.23817 9.65516 8.95834 10.0003 8.95834ZM10.4732 6.6673C10.7042 6.41073 10.6833 6.01555 10.4267 5.78464C10.1702 5.55372 9.77499 5.57452 9.54408 5.8311L9.53574 5.84035C9.30482 6.09692 9.32566 6.4921 9.58224 6.72301C9.83883 6.95393 10.234 6.93313 10.4649 6.67655L10.4732 6.6673Z' fill='%23FFAA01'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.benefits-switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 22px;
  flex-shrink: 0;
}
.benefits-switch__input {
  opacity: 0;
  width: 0;
  height: 0;
}
.benefits-switch__input:checked + .benefits-switch__slider {
  background-color: var(--UI-Prime, #08b6cd);
}
.benefits-switch__input:checked + .benefits-switch__slider:before {
  transform: translateX(20px);
}
.benefits-switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--Brand-4, #aabbb5);
  transition: 0.4s;
  border-radius: 22px;
  padding: 4px;
}
.benefits-switch__slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.benefits-check {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 12px;
  background: var(--UI-White, #fff);
  border-radius: 12px;
  cursor: pointer;
}
.benefits-check__info {
  display: flex;
  align-items: center;
  gap: 5px;
}
.benefits-check__name {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.benefits-check__input {
  display: none;
}
.benefits-check__input:checked + .benefits-check__box {
  background-color: var(--UI-Prime, #08b6cd);
  border-color: var(--UI-Prime, #08b6cd);
}
.benefits-check__input:checked + .benefits-check__box:after {
  display: block;
}
.benefits-check__box {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid var(--UI-Prime, #08b6cd);
  border-radius: 4px;
  transition: 0.3s;
}
.benefits-check__box:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.purchase__top {
  margin-bottom: 10px;
}
.purchase__back {
  display: inline-flex;
  height: 40px;
  padding: 0 25px;
  border-radius: var(--UI-Radius-Button, 10px);
  border: 1px solid var(--UI-Prime, #08b6cd);
  gap: 10px;
  align-items: center;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1;
}
.purchase__back:before {
  content: "";
  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='M11.0605 4L5.81055 9.25H16.75V10.75H5.81055L11.0605 16L10 17.0605L2.93945 10L10 2.93945L11.0605 4Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.purchase-check {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.purchase-check__card {
  display: flex;
  flex-direction: column;
  padding: 25px;
  border-radius: 20px;
  background: var(--UI-White, #fff);
}
.purchase-check__top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.purchase-check__bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid var(--UI-Divider, rgba(25, 47, 68, 0.1));
}
.purchase-check__hours {
  display: inline-flex;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-check__price {
  display: inline-flex;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.purchase-bonuses {
  display: flex;
  flex-direction: column;
}
.purchase-bonuses__top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.purchase-bonuses__left {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.purchase-bonuses__name {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-bonuses__desc {
  display: block;
  color: var(--Font-Second, rgba(25, 47, 68, 0.5));
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.purchase-bonuses__count {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-bonuses__count:before {
  content: "";
  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='M13.3337 10.8334C11.0325 10.8334 9.16699 9.90066 9.16699 8.75008C9.16699 7.59949 11.0325 6.66675 13.3337 6.66675C15.6348 6.66675 17.5003 7.59949 17.5003 8.75008C17.5003 9.90066 15.6348 10.8334 13.3337 10.8334Z' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M9.16699 12.0833C9.16699 13.2338 11.0325 14.1666 13.3337 14.1666C15.6348 14.1666 17.5003 13.2338 17.5003 12.0833' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M2.5 7.91675C2.5 9.06733 4.36548 10.0001 6.66667 10.0001C7.60486 10.0001 8.47058 9.84508 9.16708 9.58341' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M2.5 10.8333C2.5 11.9838 4.36548 12.9166 6.66667 12.9166C7.60467 12.9166 8.47025 12.7616 9.16667 12.5001' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M2.5 4.58325V13.7499C2.5 14.9005 4.36548 15.8333 6.66667 15.8333C7.60469 15.8333 8.47025 15.6782 9.16667 15.4166' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M10.833 7.08325V4.58325' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M9.16699 8.75V15.4167C9.16699 16.5672 11.0325 17.5 13.3337 17.5C15.6348 17.5 17.5003 16.5672 17.5003 15.4167V8.75' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M6.66667 6.66667C4.36548 6.66667 2.5 5.73392 2.5 4.58333C2.5 3.43274 4.36548 2.5 6.66667 2.5C8.96783 2.5 10.8333 3.43274 10.8333 4.58333C10.8333 5.73392 8.96783 6.66667 6.66667 6.66667Z' stroke='%23192F44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.purchase-bonuses__btn {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: var(--UI-Radius-Button, 10px);
  border: 1px solid var(--UI-Prime, #08b6cd);
  background: #fff;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  margin-bottom: 10px;
}
.purchase-total__or {
  position: relative;
  padding-top: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--UI-Divider, rgba(25, 47, 68, 0.1));
  margin-bottom: 16px;
}
.purchase-total__or span {
  position: absolute;
  display: inline-flex;
  padding: 0 6px;
  background: #fff;
  color: var(--Font-Second, rgba(25, 47, 68, 0.5));
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.purchase-promo {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.purchase-promo__title {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-promo__row {
  display: grid;
  grid-template-columns: 1fr 70px;
  gap: 10px;
}
.purchase-promo__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: var(--UI-Radius-Button, 10px);
  border: 1px solid var(--UI-Prime, #08b6cd);
  background: #fff;
  cursor: pointer;
}
.purchase-promo__btn:after {
  content: "";
  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='M17.0605 10L10 17.0605L8.93945 16L14.1895 10.75H3.25V9.25H14.1895L8.93945 4L10 2.93945L17.0605 10Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 767px) {
  .purchase-visitors__name,
  .purchase-check__hours,
  .purchase-visitors__amount {
    font-size: 13px;
  }
}
.purchase-sert {
  max-width: 380px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  gap: 10px;
}
.purchase-sert__banner {
  position: relative;
  min-height: 230px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 25px;
  text-align: center;
  align-items: center;
  border-radius: 25px;
  overflow: hidden;
}
.purchase-sert__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.purchase-sert__label {
  display: inline-flex;
  color: var(--UI-Text-Light, #fff);
  text-align: center;
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.purchase-sert__amount {
  display: inline-flex;
  color: var(--UI-Text-Light, #fff);
  text-align: center;
  font-family: "NEXT ART";
  font-size: var(--Size-Title, 56px);
  font-weight: 600;
  line-height: 1;
}
.purchase-sert__body {
  display: flex;
  flex-direction: column;
  padding: 25px;
  border-radius: 20px;
  background: var(--UI-White, #fff);
}
.purchase-sert__slider {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 20px;
}
.purchase-sert__slider-labels {
  display: flex;
  justify-content: space-between;
  color: var(--Font-Prime, #192f44);
  font-family: Montserrat;
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: var(--Line-height-UI, 20px);
}
.purchase-sert__range-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.purchase-sert__range {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: rgba(170, 187, 181, 0.15);
  border: 0;
  border-radius: 3px;
  outline: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  z-index: 2;
}
.purchase-sert__range:focus {
  border: 0;
}
.purchase-sert__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: var(--Brand-3, #e71a80);
  cursor: pointer;
  position: relative;
  z-index: 3;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='8' height='8' rx='2' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.purchase-sert__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  background: var(--Brand-3, #e71a80);
  cursor: pointer;
  border: none;
  position: relative;
  z-index: 3;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='8' height='8' rx='2' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.purchase-sert__total {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.purchase-sert__total span {
  display: inline-flex;
  color: var(--UI-Text-Dark, #08b6cd);
  text-align: center;
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.purchase-sert__item {
  display: flex;
  flex-direction: column;
}
.purchase-sert__name {
  display: block;
  margin-bottom: 6px;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.purchase-sert__input {
  width: 100%;
  margin-bottom: 20px;
}
.purchase-sert__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime, #08b6cd);
  border: 0;
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  cursor: pointer;
}

.purchase-subscription {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.purchase-subscription__card {
  display: flex;
  flex-direction: column;
  background: var(--UI-White, #fff);
  border-radius: 12px;
  overflow: hidden;
}
.purchase-subscription__image {
  height: 160px;
  background: var(--UI-Prime_Container, rgba(8, 182, 205, 0.1));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  flex-shrink: 0;
}
.purchase-subscription__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.purchase-subscription__info {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}
.purchase-subscription__header {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.purchase-subscription__meta {
  display: flex;
  gap: 10px;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-P, 14px);
  line-height: 1.42;
}
.purchase-subscription__title {
  color: var(--Brand-2, #192f44);
  font-size: var(--Size-Lead, 32px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.96px;
}
.purchase-subscription__desc {
  color: var(--Brand-2, #192f44);
  font-size: var(--Size-Article, 14px);
  line-height: 1.57;
}
.purchase-subscription__features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}
.purchase-subscription__feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 6px;
  border-radius: 6px;
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-subscription__feature.is-dark {
  background: var(--Brand-2, #192f44);
  color: var(--UI-White, #fff);
}
.purchase-subscription__feature.is-dark .purchase-subscription__feature-icon img {
  filter: brightness(0) invert(1);
}
.purchase-subscription__feature.is-pink {
  background: var(--Brand-3, #e71a80);
  color: var(--UI-White, #fff);
}
.purchase-subscription__feature.is-pink .purchase-subscription__feature-icon img {
  filter: brightness(0) invert(1);
}
.purchase-subscription__feature.is-light {
  background: var(--UI-Prime_Container, rgba(8, 182, 205, 0.1));
  color: var(--UI-Text-Dark, #08b6cd);
}
.purchase-subscription__feature-icon {
  width: 12px;
  height: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.purchase-subscription__feature-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.purchase-subscription__config {
  background: var(--UI-White, #fff);
  border-radius: 20px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.purchase-subscription__gift {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.purchase-subscription__gift-title {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.purchase-subscription__recipient {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.purchase-subscription__recipient-label {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-subscription__recipient-input {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border-radius: 10px;
  background: var(--Core-Prime_Container, white);
  border-top: 1px solid var(--UI-Border, rgba(25, 47, 68, 0.25));
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.purchase-subscription__recipient-input::placeholder {
  color: var(--Font-Second, rgba(25, 47, 68, 0.5));
}
.purchase-subscription__options {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.purchase-subscription__subtitle {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.purchase-subscription__duration {
  display: flex;
  background: var(--Core-Prime_Container, rgba(170, 187, 181, 0.15));
  border-radius: 15px;
  padding: 5px;
  gap: 10px;
}
.purchase-subscription__radio {
  flex: 1;
  cursor: pointer;
}
.purchase-subscription__radio input {
  display: none;
}
.purchase-subscription__radio input:checked + .purchase-subscription__radio-box {
  background: var(--UI-Prime, #08b6cd);
  color: var(--UI-White, #fff);
}
.purchase-subscription__radio-box {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 10px;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  transition: all 0.2s;
}
.purchase-subscription__extra {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.purchase-subscription__extra-header {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.purchase-subscription__extra-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.purchase-subscription__extra-title > span {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.purchase-subscription__extra-price {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.purchase-subscription__extra-price > span:first-child {
  color: var(--UI-Prime, #08b6cd);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.purchase-subscription__extra-desc {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.purchase-subscription__extra-text {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  line-height: 1.42;
}
.purchase-subscription__counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--Core-Prime_Container, rgba(170, 187, 181, 0.15));
  border-radius: 15px;
  padding: 5px;
}
.purchase-subscription__counter-btn {
  width: 60px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: var(--UI-Prime, #08b6cd);
  border: none;
  cursor: pointer;
  transition: opacity 0.2s;
}
.purchase-subscription__counter-btn:hover {
  opacity: 0.9;
}
.purchase-subscription__counter-value {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.purchase-subscription__counter-value .count {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.purchase-subscription__counter-value .label {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}

/* Switch styles */
.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 22px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--Brand-4, #aabbb5);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--UI-Prime, #08b6cd);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--UI-Prime, #08b6cd);
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

.slider.round {
  border-radius: 22px;
}

.slider.round:before {
  border-radius: 50%;
}

@media (max-width: 767px) {
  .purchase__body {
    grid-template-columns: repeat(1, 1fr);
  }
  .purchase-subscription__title,
  .purchase-total__amount {
    font-size: 24px;
  }
  .purchase-subscription__desc {
    font-size: 12px;
  }
  .purchase-subscription__feature,
  .purchase-total__title,
  .purchase-bonuses__name,
  .purchase-bonuses__count,
  .purchase-promo__title,
  .purchase-total__btn,
  .purchase-bonuses__btn {
    font-size: 13px;
  }
  .purchase-subscription__gift-title,
  .purchase-subscription__subtitle,
  .purchase-subscription__extra-price > span:first-child,
  .purchase-subscription__counter-value .count {
    font-size: 16px;
  }
}
.purchase-subscription-successful {
  max-width: 380px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.purchase-subscription-successful__top {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.purchase-subscription-successful__text {
  display: block;
  color: var(--Font-Prime, #192f44);
  text-align: center;
  font-size: var(--Size-P, 14px);
  font-weight: 400;
  line-height: 1.42;
}
.purchase-subscription-successful__email {
  display: block;
  color: var(--UI-Text-Dark, #08b6cd);
  text-align: center;
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  text-decoration: none;
}
.purchase-subscription-successful__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 50px;
  padding: 0 25px;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime, #08b6cd);
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  text-decoration: none;
}
.purchase-subscription-successful__btn:before {
  content: "";
  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='M13.3337 10.8334C11.0325 10.8334 9.16699 9.90066 9.16699 8.75008C9.16699 7.59949 11.0325 6.66675 13.3337 6.66675C15.6348 6.66675 17.5003 7.59949 17.5003 8.75008C17.5003 9.90066 15.6348 10.8334 13.3337 10.8334Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M9.16699 12.0833C9.16699 13.2338 11.0325 14.1666 13.3337 14.1666C15.6348 14.1666 17.5003 13.2338 17.5003 12.0833' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M2.5 7.91675C2.5 9.06733 4.36548 10.0001 6.66667 10.0001C7.60486 10.0001 8.47058 9.84508 9.16708 9.58341' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M2.5 10.8333C2.5 11.9838 4.36548 12.9166 6.66667 12.9166C7.60467 12.9166 8.47025 12.7616 9.16667 12.5001' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M2.5 4.58325V13.7499C2.5 14.9005 4.36548 15.8333 6.66667 15.8333C7.60469 15.8333 8.47025 15.6782 9.16667 15.4166' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M10.833 7.08325V4.58325' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M9.16699 8.75V15.4167C9.16699 16.5672 11.0325 17.5 13.3337 17.5C15.6348 17.5 17.5003 16.5672 17.5003 15.4167V8.75' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M6.66667 6.66667C4.36548 6.66667 2.5 5.73392 2.5 4.58333C2.5 3.43274 4.36548 2.5 6.66667 2.5C8.96783 2.5 10.8333 3.43274 10.8333 4.58333C10.8333 5.73392 8.96783 6.66667 6.66667 6.66667Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.purchase-subscription-successful__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.purchase-check__card {
  display: flex;
  flex-direction: column;
  padding: 25px;
  border-radius: 20px;
  background: var(--UI-White, #fff);
}
.purchase-check__top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.purchase-check__bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid var(--UI-Divider, rgba(25, 47, 68, 0.1));
}
.purchase-check__hours {
  display: inline-flex;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-check__price {
  display: inline-flex;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.purchase-visitors__profile {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  gap: 6px;
}
.purchase-visitors__icon {
  display: inline-flex;
  width: 30px;
  height: 30px;
}
.purchase-visitors__icon img {
  display: block;
  width: 100%;
}
.purchase-visitors__data {
  display: flex;
  flex-direction: column;
}
.purchase-visitors__name {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-visitors__amount {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  text-align: right;
}

.purchase-successful {
  max-width: 380px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
.purchase-successful__top {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.purchase-successful__text {
  display: block;
  color: var(--Font-Prime, #192f44);
  text-align: center;
  font-size: var(--Size-P, 14px);
  font-weight: 400;
  line-height: 1.42;
}
.purchase-successful__email {
  display: block;
  color: var(--UI-Text-Dark, #08b6cd);
  text-align: center;
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  text-decoration: none;
}
.purchase-successful__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 50px;
  padding: 0 25px;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime, #08b6cd);
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  text-decoration: none;
}
.purchase-successful__btn:before {
  content: "";
  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='M13.3337 10.8334C11.0325 10.8334 9.16699 9.90066 9.16699 8.75008C9.16699 7.59949 11.0325 6.66675 13.3337 6.66675C15.6348 6.66675 17.5003 7.59949 17.5003 8.75008C17.5003 9.90066 15.6348 10.8334 13.3337 10.8334Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M9.16699 12.0833C9.16699 13.2338 11.0325 14.1666 13.3337 14.1666C15.6348 14.1666 17.5003 13.2338 17.5003 12.0833' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M2.5 7.91675C2.5 9.06733 4.36548 10.0001 6.66667 10.0001C7.60486 10.0001 8.47058 9.84508 9.16708 9.58341' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M2.5 10.8333C2.5 11.9838 4.36548 12.9166 6.66667 12.9166C7.60467 12.9166 8.47025 12.7616 9.16667 12.5001' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M2.5 4.58325V13.7499C2.5 14.9005 4.36548 15.8333 6.66667 15.8333C7.60469 15.8333 8.47025 15.6782 9.16667 15.4166' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M10.833 7.08325V4.58325' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M9.16699 8.75V15.4167C9.16699 16.5672 11.0325 17.5 13.3337 17.5C15.6348 17.5 17.5003 16.5672 17.5003 15.4167V8.75' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E %3Cpath d='M6.66667 6.66667C4.36548 6.66667 2.5 5.73392 2.5 4.58333C2.5 3.43274 4.36548 2.5 6.66667 2.5C8.96783 2.5 10.8333 3.43274 10.8333 4.58333C10.8333 5.73392 8.96783 6.66667 6.66667 6.66667Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.purchase-successful__body {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}
.purchase-check__card {
  display: flex;
  flex-direction: column;
  padding: 25px;
  border-radius: 20px;
  background: var(--UI-White, #fff);
}
.purchase-check__top {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.purchase-check__bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  border-top: 1px solid var(--UI-Divider, rgba(25, 47, 68, 0.1));
}
.purchase-check__hours {
  display: inline-flex;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-check__price {
  display: inline-flex;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Caption, 12px);
  font-weight: 500;
  line-height: 1.16;
}
.purchase-visitors__profile {
  display: grid;
  grid-template-columns: 30px 1fr;
  align-items: center;
  gap: 6px;
}
.purchase-visitors__icon {
  display: inline-flex;
  width: 30px;
  height: 30px;
}
.purchase-visitors__icon img {
  display: block;
  width: 100%;
}
.purchase-visitors__data {
  display: flex;
  flex-direction: column;
}
.purchase-visitors__name {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.purchase-visitors__amount {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  text-align: right;
}

@media (max-width: 767px) {
  .purchase-sert__label {
    font-size: 12px;
  }
  .purchase-sert__amount {
    font-size: 35px;
  }
  .purchase-sert__banner {
    min-height: 200px;
  }
  .purchase-sert__slider-labels,
  .purchase-sert__btn {
    font-size: 13px;
  }
  .purchase-sert__total span {
    font-size: 16px;
  }
}
.page-dropdown {
  counter-increment: dropdown-counter;
  border-bottom: 1px solid var(--UI-Divider, rgba(25, 47, 68, 0.1));
}
.page-dropdown:has(.page-dropdown__head.is-active) {
  border-bottom: 1px solid var(--Brand-1, rgb(8, 182, 205));
}
.page-dropdown__head {
  padding: 10px 0;
  position: relative;
  display: flex;
  gap: 20px;
  cursor: pointer;
}
.page-dropdown__head.is-active::before {
  color: rgb(8, 182, 205);
}
.page-dropdown__head.is-active span {
  color: rgb(8, 182, 205);
}
.page-dropdown__head.is-active::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4V16M4 10H16' stroke='%2341A1DB' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  transform: rotate(-45deg);
}
.page-dropdown__head::before {
  content: counter(dropdown-counter) ". ";
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.01rem;
  color: rgb(25, 47, 68);
  transition: 0.3s;
  min-width: 18px;
}
.page-dropdown__head::after {
  content: "";
  transition: 0.3s;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-size: contain;
  background-repeat: no-repeat;
  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='M10 4V16M4 10H16' stroke='%23192F44' stroke-opacity='0.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  margin-left: 20px;
}
.page-dropdown__head span {
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.01rem;
  color: rgb(25, 47, 68);
  transition: 0.3s;
  margin-right: auto;
}
.page-dropdown__hidden {
  padding-top: 20px;
  display: none;
}
.page-dropdown__hidden p {
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: rgb(25, 47, 68);
  margin-bottom: 30px;
}
.page-dropdown__hidden ul {
  margin-bottom: 30px;
}
.page-dropdown__hidden ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 142%;
  color: rgb(25, 47, 68);
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px;
}
.page-dropdown__hidden ul li:last-child {
  margin-bottom: 10px;
}
.page-dropdown__hidden ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 3px;
  background: rgb(65, 161, 219);
  position: absolute;
  top: 6px;
  left: 0;
}

.page-dropdowns {
  padding-top: 70px;
}
.page-dropdowns .page-heading {
  margin-bottom: 60px;
}
.page-dropdowns__body {
  counter-reset: dropdown-counter;
}

@media (max-width: 767px) {
  .page-dropdowns .page-heading {
    margin-bottom: 50px;
  }
  .page-dropdown__head span,
  .page-dropdown__head::before {
    font-size: 16px;
  }
  .page-dropdown__hidden p,
  .page-dropdown__hidden ul li {
    font-size: 12px;
  }
}
.events-heading {
  margin-bottom: 30px;
}
.events-heading__list {
  display: grid;
  grid-template-columns: 130px 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 8px;
}
.events-heading__link {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  padding: 12px 15px 8px;
  border-radius: var(--UI-Radius-Button, 10px);
  border: 1px solid var(--UI-Border, rgba(25, 47, 68, 0.25));
  min-height: 80px;
  transition: 0.3s;
}
.events-heading__link:not(.is-active):hover {
  border-color: #08b6cd;
}
.events-heading__link:not(.is-active):hover span {
  color: var(--UI-Prime, #08b6cd);
}
.events-heading__link.is-active {
  border: 1px solid var(--UI-Prime, #08b6cd);
  background: var(--UI-Prime, #08b6cd);
  gap: 12px;
}
.events-heading__link.is-active:before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E %3Cpath d='M12 1.25C17.937 1.25 22.75 6.06293 22.75 12C22.75 17.937 17.937 22.75 12 22.75C6.06293 22.75 1.25 17.937 1.25 12C1.25 6.06294 6.06294 1.25 12 1.25ZM12 2.75C6.89136 2.75 2.75 6.89136 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75ZM12 5.25C12.4142 5.25 12.75 5.58579 12.75 6V11.25H18C18.4142 11.25 18.75 11.5858 18.75 12C18.75 12.4142 18.4142 12.75 18 12.75H12C11.5858 12.75 11.25 12.4142 11.25 12V6C11.25 5.58579 11.5858 5.25 12 5.25Z' fill='white'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.events-heading__link.is-active span {
  color: var(--UI-Text-Light, #fff);
  transition: 0.3s;
}
.events-heading__name {
  display: block;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  transition: 0.3s;
}
.events-card:hover .events-card__time {
  padding-left: 25px;
  padding-right: 15px;
}
.events-card:hover .events-card__body {
  padding-left: 25px;
  padding-right: 10px;
}
.events-card:hover .events-card__name,
.events-card:hover .events-card__time span {
  color: var(--UI-Text-Dark, #08b6cd);
}
.events-card.is-disabled {
  border-radius: var(--UI-Radius-Card, 10px);
  border: 1px solid var(--UI-Divider, rgba(25, 47, 68, 0.1));
  background: transparent;
  opacity: 0.5;
  pointer-events: none;
}
.events__more {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 18px 25px;
  border-radius: var(--UI-Radius-Button, 10px);
  background: var(--UI-Prime_Container, rgba(8, 182, 205, 0.1));
  backdrop-filter: blur(20px);
  transition: 0.3s;
}
.events__more:hover {
  background: rgb(6, 167, 188);
}
.events__more:hover span {
  color: white;
}
.events__more:hover::after {
  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.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='white'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.events__more span {
  display: block;
  color: var(--UI-Text-Dark, #08b6cd);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.events__more:after {
  content: "";
  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.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='%2308B6CD'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .events-heading__list {
    display: flex;
    overflow-x: auto;
  }
  .events-heading__link {
    min-height: 50px;
    flex-direction: row;
    align-items: center;
    padding: 0 15px;
  }
  .events-heading__link.is-active:before {
    margin-top: -4px;
  }
  .events-heading__name {
    font-size: 13px;
  }
  .events-card__time span,
  .events-card__name {
    font-size: 16px;
  }
  .events-card {
    grid-template-columns: 100px 1fr 26px;
    gap: 4px;
  }
  .events-card__time {
    overflow: visible;
  }
  .events-card.is-now .events-card__time:before {
    width: 145px;
  }
  .events-card.is-now .events-card__name {
    flex-direction: column;
    align-items: flex-start;
  }
  .events-card__body {
    padding-left: 0;
    padding-right: 10px;
  }
  .events-card:hover .events-card__time {
    padding-left: 25px;
    padding-right: 15px;
  }
  .events-card:hover .events-card__body {
    padding-left: 5px;
    padding-right: 5px;
  }
  .events-card:hover .events-card__name,
  .events-card:hover .events-card__time span {
    color: var(--UI-Text-Dark, #08b6cd);
  }
}
.appointment {
  padding-top: 70px;
}
.appointment .page-heading {
  margin-bottom: 20px;
}
.appointment__name {
  margin-bottom: 60px;
  display: block;
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.01rem;
  color: rgb(25, 47, 68);
  text-align: center;
}
.appointment__grid {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  position: relative;
}
.appointment__main, .appointment__aside {
  padding: 25px;
  border-radius: 20px;
  background: rgb(255, 255, 255);
}
.appointment__main {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.appointment__aside {
  width: 280px;
  flex: 0 0 280px;
  position: sticky;
  top: 40px;
}
.appointment__label {
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.01rem;
}
.appointment__date:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.333 0.916992C13.7472 0.916992 14.083 1.25278 14.083 1.66699V2.58301H15.833C17.1676 2.58301 18.2498 3.66546 18.25 5V16.666C18.25 18.0007 17.1677 19.083 15.833 19.083H4.16699C2.8323 19.083 1.75 18.0007 1.75 16.666V5C1.75018 3.66546 2.83241 2.58301 4.16699 2.58301H5.91699V1.66699C5.91699 1.25278 6.25278 0.916992 6.66699 0.916992C7.08106 0.917168 7.41699 1.25289 7.41699 1.66699V2.58301H12.583V1.66699C12.583 1.25289 12.9189 0.917168 13.333 0.916992ZM3.25 9.08301V16.666C3.25 17.1723 3.66073 17.583 4.16699 17.583H15.833C16.3393 17.583 16.75 17.1723 16.75 16.666V9.08301H3.25ZM4.16699 4.08301C3.66084 4.08301 3.25018 4.49389 3.25 5V7.58301H16.75V5C16.7498 4.49389 16.3392 4.08301 15.833 4.08301H14.083V5C14.0828 5.41406 13.7471 5.75 13.333 5.75C12.9191 5.74982 12.5832 5.41396 12.583 5V4.08301H7.41699V5C7.41682 5.41396 7.08095 5.74982 6.66699 5.75C6.25289 5.75 5.91717 5.41406 5.91699 5V4.08301H4.16699Z' fill='white'/%3E%3C/svg%3E%0A");
}
.appointment__date::after {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  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='M13.333 0.916992C13.7472 0.916992 14.083 1.25278 14.083 1.66699V2.58301H15.833C17.1676 2.58301 18.2498 3.66546 18.25 5V16.666C18.25 18.0007 17.1677 19.083 15.833 19.083H4.16699C2.8323 19.083 1.75 18.0007 1.75 16.666V5C1.75018 3.66546 2.83241 2.58301 4.16699 2.58301H5.91699V1.66699C5.91699 1.25278 6.25278 0.916992 6.66699 0.916992C7.08106 0.917168 7.41699 1.25289 7.41699 1.66699V2.58301H12.583V1.66699C12.583 1.25289 12.9189 0.917168 13.333 0.916992ZM3.25 9.08301V16.666C3.25 17.1723 3.66073 17.583 4.16699 17.583H15.833C16.3393 17.583 16.75 17.1723 16.75 16.666V9.08301H3.25ZM4.16699 4.08301C3.66084 4.08301 3.25018 4.49389 3.25 5V7.58301H16.75V5C16.7498 4.49389 16.3392 4.08301 15.833 4.08301H14.083V5C14.0828 5.41406 13.7471 5.75 13.333 5.75C12.9191 5.74982 12.5832 5.41396 12.583 5V4.08301H7.41699V5C7.41682 5.41396 7.08095 5.74982 6.66699 5.75C6.25289 5.75 5.91717 5.41406 5.91699 5V4.08301H4.16699Z' fill='%2308B6CD'/%3E%3C/svg%3E%0A");
  transition: 0.3s;
}
.appointment-guests {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.appointment-guests:not(:has(.appointment-guest:first-child)) {
  display: none;
}
.appointment-guests__cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.appointment-guests__clear {
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgba(25, 47, 68, 0.5);
  cursor: pointer;
}
.appointment-guest {
  display: flex;
  align-items: center;
  gap: 8px;
}
.appointment-guest.is-child .appointment-guest__icon {
  background-color: rgb(231, 26, 128);
}
.appointment-guest__remove {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
  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='M16.0605 5L11.0605 10L16.0605 15L15 16.0605L10 11.0605L5 16.0605L3.93945 15L8.93945 10L3.93945 5L5 3.93945L10 8.93945L15 3.93945L16.0605 5Z' fill='%23192F44' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
}
.appointment-guest__info {
  display: flex;
  gap: 6px;
  align-items: center;
}
.appointment-guest__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  background-color: rgb(25, 47, 68);
  background-position: center;
  background-repeat: no-repeat;
}
.appointment-guest__icon.is-ticket {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 6.95186L14 9.33322C14 9.70147 13.7015 10 13.3333 10L7.10667 10L0.666667 10C0.298477 10 -4.24065e-07 9.70147 -4.07968e-07 9.33322L-3.03875e-07 6.95186C1.10457 6.95186 2 6.05628 2 4.95152C2 3.84676 1.10457 2.95117 -1.29e-07 2.95117L-2.91459e-08 0.66678C-1.30491e-08 0.298527 0.298477 -5.98913e-07 0.666667 -5.82818e-07L0.668376 1.64288e-06L7.03333 0.016323L13.3316 1.87296e-05C13.6998 -0.000934404 13.999 0.29682 14 0.665072L14 0.666797L14 2.95117C12.8954 2.95117 12 3.84676 12 4.95152C12 6.05628 12.8954 6.95186 14 6.95186ZM9.33333 0.661337L9.33333 1.66524C9.33333 1.84937 9.48257 1.99863 9.66667 1.99863C9.85076 1.99863 10 1.84937 10 1.66524L10 0.661337C10 0.477211 9.85076 0.327947 9.66667 0.327947C9.48257 0.327947 9.33333 0.477211 9.33333 0.661337ZM10 9.33322L10 8.33305C10 8.14892 9.85076 7.99966 9.66667 7.99966C9.48257 7.99966 9.33333 8.14892 9.33333 8.33305L9.33333 9.33322C9.33333 9.51735 9.48257 9.66661 9.66667 9.66661C9.85076 9.66661 10 9.51735 10 9.33322ZM9.33333 2.9988L9.33333 4.33236C9.33333 4.51649 9.48257 4.66575 9.66667 4.66575C9.85076 4.66575 10 4.51649 10 4.33236L10 2.9988C10 2.81468 9.85076 2.66541 9.66667 2.66541C9.48257 2.66541 9.33333 2.81468 9.33333 2.9988ZM9.33333 5.66592L9.33333 6.99949C9.33333 7.18361 9.48257 7.33288 9.66667 7.33288C9.85076 7.33288 10 7.18361 10 6.99949L10 5.66592C10 5.4818 9.85076 5.33253 9.66667 5.33253C9.48257 5.33253 9.33333 5.4818 9.33333 5.66592Z' fill='white'/%3E%3C/svg%3E%0A");
}
.appointment-guest__icon img {
  display: block;
}
.appointment-guest__name, .appointment-guest__price {
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
}
.appointment-guest__price {
  margin-left: auto;
}
.appointment-add {
  display: flex;
  gap: 10px;
}
.appointment-add .btn {
  width: 100%;
}
.appointment-add__btn.is-pink {
  border-color: rgb(231, 26, 128);
  color: rgb(231, 26, 128);
}
.appointment-add__btn.is-pink:hover {
  color: rgb(255, 255, 255);
  background: rgb(231, 26, 128);
}
.appointment-add__btn.is-pink:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='white'/%3E%3C/svg%3E%0A");
}
.appointment-add__btn.is-pink::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='%23E71A80'/%3E%3C/svg%3E%0A");
}
.appointment-add__btn:hover::after {
  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='M7.5 6H13.5V7.5H7.5V13.5H6V7.5H0V6H6V0H7.5V6Z' fill='white'/%3E%3C/svg%3E%0A");
}
.appointment-add__btn::after {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  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='M10.75 9.25H16.75V10.75H10.75V16.75H9.25V10.75H3.25V9.25H9.25V3.25H10.75V9.25Z' fill='%2308B6CD'/%3E%3C/svg%3E%0A");
  transition: 0.3s;
}
.appointment-children {
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.appointment-children.is-hidden {
  display: none;
}
.appointment-children__cards {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.appointment-children__card {
  padding: 4px 4px 4px 20px;
  transition: 0.3s;
  background: rgba(170, 187, 181, 0.15);
  border: 1px solid transparent;
  border-radius: 15px;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  cursor: pointer;
}
.appointment-children__card.is-hidden {
  display: none;
}
.appointment-children__card:hover {
  border: 1px solid rgb(231, 26, 128);
  background: transparent;
}
.appointment-children__card:hover::after {
  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%3Crect width='40' height='40' rx='10' fill='%23E71A80'/%3E%3Cpath d='M20.75 19.25H26.75V20.75H20.75V26.75H19.25V20.75H13.25V19.25H19.25V13.25H20.75V19.25Z' fill='white'/%3E%3C/svg%3E%0A");
}
.appointment-children__card::after {
  content: "";
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 0.3s;
  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='M20.75 19.25H26.75V20.75H20.75V26.75H19.25V20.75H13.25V19.25H19.25V13.25H20.75V19.25Z' fill='%23E71A80'/%3E%3C/svg%3E%0A");
  cursor: pointer;
}
.appointment-children__name {
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
}
.appointment-tip {
  padding: 12px;
  border: 1px solid var(--Brand-7, rgb(255, 170, 1));
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 15px;
  position: relative;
}
.appointment-tip span {
  font-weight: 500;
  font-size: 12px;
  line-height: 112%;
  color: rgb(25, 47, 68);
}
.appointment-tip::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.0415 10.0001C1.0415 5.05253 5.05229 1.04175 9.99984 1.04175C14.9474 1.04175 18.9582 5.05253 18.9582 10.0001C18.9582 14.9477 14.9474 18.9584 9.99984 18.9584C5.05229 18.9584 1.0415 14.9477 1.0415 10.0001ZM9.99984 8.95841C10.345 8.95841 10.6248 9.23825 10.6248 9.58341V13.7501C10.6248 14.0952 10.345 14.3751 9.99984 14.3751C9.65467 14.3751 9.37484 14.0952 9.37484 13.7501V9.58341C9.37484 9.23825 9.65467 8.95841 9.99984 8.95841ZM10.4728 6.66737C10.7037 6.41081 10.6828 6.01562 10.4263 5.78471C10.1697 5.5538 9.7745 5.5746 9.54359 5.83117L9.53525 5.84043C9.30434 6.097 9.32517 6.49218 9.58175 6.72309C9.83834 6.95401 10.2335 6.93321 10.4644 6.67663L10.4728 6.66737Z' fill='%23FFAA01'/%3E%3C/svg%3E%0A");
}
.appointment-total {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  margin-bottom: 30px;
}
.appointment-total__label {
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  text-align: center;
  color: rgb(25, 47, 68);
}
.appointment-total__desc {
  font-weight: 500;
  font-size: 12px;
  line-height: 112%;
  text-align: center;
  color: rgba(25, 47, 68, 0.5);
}
.appointment-total__price {
  font-weight: 600;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -0.03rem;
  text-align: center;
  color: rgb(25, 47, 68);
}
.appointment-person {
  max-width: 400px;
  width: 100%;
  padding: 100px 25px 40px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
  overflow: hidden;
}
.appointment-person .fancybox-close-small {
  color: rgba(25, 47, 68, 0.5);
  top: 40px;
  right: 18px;
  opacity: 1;
  padding: 5px;
}
.appointment-person__inner {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.appointment-person__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -0.03rem;
  color: rgb(25, 47, 68);
}
.appointment-person__desc, .appointment-person__label {
  font-weight: 500;
  font-size: 12px;
  line-height: 112%;
  color: rgb(25, 47, 68);
}
.appointment-person__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 15px;
}
.appointment-person__wrapper.is-date {
  position: relative;
}
.appointment-person__wrapper.is-date::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  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='M13.333 0.916992C13.7472 0.916992 14.083 1.25278 14.083 1.66699V2.58301H15.833C17.1676 2.58301 18.2498 3.66546 18.25 5V16.666C18.25 18.0007 17.1677 19.083 15.833 19.083H4.16699C2.8323 19.083 1.75 18.0007 1.75 16.666V5C1.75018 3.66546 2.83241 2.58301 4.16699 2.58301H5.91699V1.66699C5.91699 1.25278 6.25278 0.916992 6.66699 0.916992C7.08106 0.917168 7.41699 1.25289 7.41699 1.66699V2.58301H12.583V1.66699C12.583 1.25289 12.9189 0.917168 13.333 0.916992ZM3.25 9.08301V16.666C3.25 17.1723 3.66073 17.583 4.16699 17.583H15.833C16.3393 17.583 16.75 17.1723 16.75 16.666V9.08301H3.25ZM4.16699 4.08301C3.66084 4.08301 3.25018 4.49389 3.25 5V7.58301H16.75V5C16.7498 4.49389 16.3392 4.08301 15.833 4.08301H14.083V5C14.0828 5.41406 13.7471 5.75 13.333 5.75C12.9191 5.74982 12.5832 5.41396 12.583 5V4.08301H7.41699V5C7.41682 5.41396 7.08095 5.74982 6.66699 5.75C6.25289 5.75 5.91717 5.41406 5.91699 5V4.08301H4.16699Z' fill='%2308B6CD'/%3E%3C/svg%3E%0A");
  pointer-events: none;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
.appointment-person__wrapper.is-date input {
  padding-right: 40px;
}
.appointment-person__label {
  font-weight: 500;
  font-size: Size/Caption;
  line-height: Line-height/Caption;
  color: rgb(25, 47, 68);
}
.appointment-person__btn {
  margin-top: 30px;
  height: 40px;
}
.appointment-person__btn.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.appointment-calendar {
  max-width: 1038px;
  width: 100%;
  padding: 25px;
  border-radius: 25px;
  background: rgb(255, 255, 255);
}
.appointment-calendar .fancybox-close-small {
  width: 36px;
  height: 36px;
  padding: 6px;
  color: rgb(8, 182, 205);
  opacity: 1;
  top: 16px;
  right: 16px;
}
.appointment-calendar__top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.appointment-calendar__name, .appointment-calendar__daytime {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.03rem;
  color: rgb(17, 17, 17);
}
.appointment-calendar__switch {
  display: flex;
  align-items: center;
  gap: 30px;
}
.appointment-calendar__btn {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
}
.appointment-calendar__btn.is-prev {
  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 %3E%3Cpath d='M15 6L9 12L15 18' stroke='%2308B6CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.appointment-calendar__btn.is-next {
  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='M9 6L15 12L9 18' stroke='%2308B6CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.appointment-calendar__btn.disabled {
  pointer-events: none;
  opacity: 0.3;
}
.appointment-calendar__middle {
  margin-bottom: 60px;
}
.appointment-calendar__days {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.appointment-calendar__day {
  padding: 10px 22px;
  transition: 0.3s;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  border-radius: 10px;
  background: rgba(170, 187, 181, 0.15);
  cursor: pointer;
}
.appointment-calendar__day:has(input:checked) {
  background: rgb(8, 182, 205);
}
.appointment-calendar__day:has(input:checked) span {
  color: rgb(255, 255, 255);
}
.appointment-calendar__day:has(input:disabled) {
  pointer-events: none;
  opacity: 0.5;
}
.appointment-calendar__day:has(input:disabled) span {
  color: rgba(25, 47, 68, 0.5);
}
.appointment-calendar__day span {
  transition: 0.3s;
}
.appointment-calendar__day span:first-of-type {
  font-weight: 500;
  font-size: 14px;
  line-height: 128%;
  letter-spacing: -0.02rem;
  color: rgb(8, 182, 205);
}
.appointment-calendar__day span:last-of-type {
  font-weight: 600;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.03rem;
  color: rgb(8, 182, 205);
}
.appointment-calendar__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
.appointment-calendar__daytime {
  margin-bottom: 15px;
}
.appointment-calendar__col {
  display: flex;
  flex-direction: column;
}
.appointment-calendar__times {
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(4, 1fr);
}
.appointment-calendar__time {
  white-space: nowrap;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(170, 187, 181, 0.15);
  cursor: pointer;
  transition: 0.3s;
}
.appointment-calendar__time:has(input:checked) {
  background: rgb(8, 182, 205);
}
.appointment-calendar__time:has(input:checked) span {
  color: rgb(255, 255, 255);
}
.appointment-calendar__time:has(input:disabled) {
  pointer-events: none;
  opacity: 0.5;
}
.appointment-calendar__time:has(input:disabled) span {
  color: rgba(25, 47, 68, 0.5);
}
.appointment-calendar__time span {
  font-weight: 500;
  font-size: 14px;
  line-height: 128%;
  letter-spacing: -0.02rem;
  color: rgb(8, 182, 205);
  transition: 0.3s;
}

.page-heading__title {
  text-transform: uppercase;
}

.date-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  padding-top: 0;
  z-index: 9999999;
  overflow: auto;
}

.date-container.active {
  display: flex;
  background: rgba(9, 9, 17, 0.35);
}

.date-close {
  cursor: pointer;
  width: 32px;
  height: 32px;
  border: none;
  outline: none;
  box-shadow: none;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.1211 1.06055L10.1211 9.06055L18.1211 17.0605L17.0605 18.1211L9.06055 10.1211L1.06055 18.1211L0 17.0605L8 9.06055L0 1.06055L1.06055 0L9.06055 8L17.0605 0L18.1211 1.06055Z' fill='%23192F44' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
  display: block;
  padding: 0;
}

@media (max-width: 1023px) {
  .appointment__grid {
    flex-direction: column;
  }
  .appointment__aside {
    position: static;
    width: 100%;
    flex: 1 1 auto;
  }
  .appointment__main {
    width: 100%;
  }
  .appointment-calendar__times {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .appointment__grid {
    flex-direction: column;
  }
  .appointment__aside {
    width: 100%;
    flex: 1 1 auto;
  }
  .appointment__name {
    margin-bottom: 50px;
  }
  .appointment-guest__name, .appointment-guest__price,
  .appointment-guests__clear,
  .appointment-children__name,
  .appointment-total__label {
    font-size: 13px;
  }
  .appointment__label {
    font-size: 16px;
  }
  .appointment-total__price {
    font-size: 24px;
  }
  .appointment-total__btn {
    height: 40px;
  }
  .appointment-guests {
    margin-bottom: 20px;
  }
  .appointment-calendar__grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
  .appointment-calendar__times {
    grid-template-columns: repeat(4, 1fr);
  }
  .appointment-calendar__middle {
    margin-bottom: 30px;
  }
  .appointment-calendar__top {
    margin-bottom: 30px;
  }
  .page-heading__title {
    font-size: 35px;
  }
  .page-heading__desc {
    font-size: 16px;
    margin-top: 20px;
  }
}
.services-modal {
  padding: 0;
  background: transparent;
  border-radius: 25px;
  max-width: 500px;
  width: 100%;
  overflow: hidden;
}
.services-modal__head {
  position: relative;
  z-index: 2;
  min-height: 220px;
}
.services-modal__head img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.services-modal__body {
  padding: 20px 25px 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: rgb(255, 255, 255);
}
.services-modal__price, .services-modal__time {
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.01rem;
}
.services-modal__info {
  display: flex;
  gap: 10px;
  align-items: center;
}
.services-modal__price {
  color: rgb(8, 182, 205);
}
.services-modal__time {
  color: rgb(25, 47, 68);
}
.services-modal__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -0.03rem;
  color: rgb(25, 47, 68);
}
.services-modal__location {
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgba(25, 47, 68, 0.5);
}
.services-modal__desc {
  padding: 15px 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 157%;
  color: rgb(25, 47, 68);
}
.services-modal__btn {
  margin-top: 10px;
  align-self: flex-start;
  padding: 0 33px;
}
.services-modal .fancybox-close-small {
  color: white;
  padding: 5px;
}
.services-tabs {
  margin: 0 auto 30px;
  overflow: auto;
  overflow-y: clip;
  width: fit-content;
}
.services-tabs__list {
  display: flex;
  gap: 5px;
}
.services-tabs__item {
  padding: 5px 10px;
  border-radius: 10px;
  transition: 0.3s;
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
  border: 1px solid var(--Font-Second, rgba(25, 47, 68, 0.5));
}
.services-tabs__item:hover {
  color: rgb(8, 182, 205);
  border-color: rgb(8, 182, 205);
}
.services-tabs__item.is-active {
  background: rgb(8, 182, 205);
  border-color: rgb(8, 182, 205);
  color: rgb(255, 255, 255);
}

.date-picker-wrapper {
  max-width: 500px;
  width: 100% !important;
  box-sizing: border-box !important;
  border-radius: 25px;
  overflow: hidden;
  padding: 40px 25px;
  background: white;
}

.date-picker-wrapper .drp_top-bar {
  padding: 0 0 57px;
  border-bottom: 1px solid var(--Separators-Vibrant, rgb(230, 230, 230));
}

.date-picker-wrapper .drp_top-bar .apply-btn {
  display: block !important;
  font-size: 0;
  width: 32px;
  height: 32px;
  padding: 0;
  margin-left: auto;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: none !important;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.0605 8L17.0605 16L25.0605 24L24 25.0605L16 17.0605L8 25.0605L6.93945 24L14.9395 16L6.93945 8L8 6.93945L16 14.9395L24 6.93945L25.0605 8Z' fill='%23192F44' fill-opacity='0.5'/%3E%3C/svg%3E%0A") !important;
  background-position: center;
  background-repeat: no-repeat;
}

.date-picker-wrapper .month-wrapper {
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  padding-top: 6px;
}

.date-picker-wrapper .month-wrapper table {
  width: 100%;
}

.date-picker-wrapper table .caption {
  height: 62px;
  position: relative;
}

.month-name {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}

.date-picker-wrapper table .caption .next, .date-picker-wrapper table .caption .prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: all;
}
.date-picker-wrapper table .caption .next:hover, .date-picker-wrapper table .caption .prev:hover {
  background-color: transparent;
}

.date-picker-wrapper table .caption th {
  pointer-events: none;
}

.date-picker-wrapper .month-element,
.date-picker-wrapper .select-wrapper {
  pointer-events: all;
}

.date-picker-wrapper table .caption .next {
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.94141 8.64258C9.94141 8.81185 9.90885 8.9681 9.84375 9.11133C9.77865 9.25456 9.68099 9.39128 9.55078 9.52148L1.94336 16.9629C1.72852 17.1842 1.46159 17.2949 1.14258 17.2949C0.934245 17.2949 0.742188 17.2428 0.566406 17.1387C0.390625 17.041 0.250651 16.9043 0.146484 16.7285C0.0488281 16.5592 0 16.3704 0 16.1621C0 15.8496 0.117188 15.5729 0.351562 15.332L7.20703 8.64258L0.351562 1.95312C0.117188 1.71224 0 1.4388 0 1.13281C0 0.917969 0.0488281 0.725911 0.146484 0.556641C0.250651 0.38737 0.390625 0.253906 0.566406 0.15625C0.742188 0.0520833 0.934245 0 1.14258 0C1.46159 0 1.72852 0.107422 1.94336 0.322266L9.55078 7.76367C9.68099 7.89388 9.77865 8.0306 9.84375 8.17383C9.90885 8.31706 9.94141 8.47331 9.94141 8.64258Z' fill='%230088FF'/%3E%3C/svg%3E%0A");
}

.date-picker-wrapper table .caption .prev {
  right: 43px;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='18' viewBox='0 0 10 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 8.64258C0 8.47331 0.0292969 8.31706 0.0878906 8.17383C0.152995 8.0306 0.250651 7.89388 0.380859 7.76367L7.98828 0.322266C8.20964 0.107422 8.47656 0 8.78906 0C9.00391 0 9.19596 0.0520833 9.36523 0.15625C9.54102 0.253906 9.68099 0.38737 9.78516 0.556641C9.88932 0.725911 9.94141 0.917969 9.94141 1.13281C9.94141 1.4388 9.82096 1.71224 9.58008 1.95312L2.72461 8.64258L9.58008 15.332C9.82096 15.5729 9.94141 15.8496 9.94141 16.1621C9.94141 16.3704 9.88932 16.5592 9.78516 16.7285C9.68099 16.9043 9.54102 17.041 9.36523 17.1387C9.19596 17.2428 9.00391 17.2949 8.78906 17.2949C8.47656 17.2949 8.20964 17.1842 7.98828 16.9629L0.380859 9.52148C0.250651 9.39128 0.152995 9.25456 0.0878906 9.11133C0.0292969 8.9681 0 8.81185 0 8.64258Z' fill='%230088FF'/%3E%3C/svg%3E%0A");
}

.date-picker-wrapper .select-wrapper,
.date-picker-wrapper .month-element {
  font-family: Montserrat !important;
  font-weight: 600 !important;
  font-size: 32px !important;
  line-height: 112% !important;
  letter-spacing: -0.03rem;
  color: rgb(0, 0, 0);
  text-transform: lowercase !important;
}

.date-picker-wrapper .month-element {
  padding-right: 10px;
}

.date-picker-wrapper .select-wrapper select {
  font-family: SF Pro !important;
  font-weight: 400 !important;
  font-size: 20px !important;
  line-height: 125% !important;
  letter-spacing: -0.45px;
  color: rgb(0, 0, 0);
  height: 100%;
  width: 100%;
}

.date-picker-wrapper .select-wrapper select {
  max-height: 200px;
}

.date-picker-wrapper .select-wrapper {
  position: relative;
  padding-right: 10px;
}

.date-picker-wrapper .month-wrapper table .week-name {
  height: 30px;
}

.date-picker-wrapper .month-wrapper table {
  width: 100%;
  table-layout: fixed;
}

.date-picker-wrapper .month-wrapper table .week-name th, .date-picker-wrapper .month-wrapper table td {
  width: 100%;
}

.date-picker-wrapper .month-wrapper .week-name th {
  font-family: SF Pro;
  font-weight: 600;
  font-size: 13px;
  line-height: 144%;
  text-transform: uppercase;
}

.date-picker-wrapper table .caption > th:first-of-type, .date-picker-wrapper table .caption > th:last-of-type {
  width: auto;
}

.date-picker-wrapper .month-wrapper table .day {
  font-family: SF Pro;
  font-weight: 400;
  font-size: 20px;
  line-height: 125%;
  letter-spacing: -0.45px;
  color: rgb(0, 0, 0);
}

.date-picker-wrapper .month-wrapper table .day.toMonth.real-today {
  color: rgb(0, 136, 255);
}

.date-picker-wrapper .month-wrapper table .day.real-today.checked, .date-picker-wrapper .month-wrapper table .day.real-today.hovering, .date-picker-wrapper .month-wrapper table .day.toMonth.hovering, .date-picker-wrapper .month-wrapper table .day.checked {
  background: transparent;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.hovering {
  color: white;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.hovering::before {
  background: rgba(0, 136, 255, 0.5);
}

.date-picker-wrapper .first-date-selected::before, .date-picker-wrapper .last-date-selected::before,
.date-picker-wrapper .first-date-selected::before, .date-picker-wrapper .last-date-selected::before,
.date-picker-wrapper .first-date-selected::before, .date-picker-wrapper .last-date-selected.hovering::before,
.date-picker-wrapper .first-date-selected::before, .date-picker-wrapper .last-date-selected.hovering::before {
  background: rgb(0, 136, 255) !important;
}

.date-picker-wrapper .month-wrapper table .day.invalid {
  opacity: 0.3;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.is-weekend,
.date-picker-wrapper .month-wrapper table .day.toMonth.is-weekend.hovering {
  color: rgb(231, 26, 128) !important;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.is-weekend::before,
.date-picker-wrapper .month-wrapper table .day.toMonth.is-weekend.hovering::before {
  background: rgba(231, 26, 128, 0.1) !important;
}

.date-picker-wrapper .month-wrapper table .day.toMonth.is-weekend.first-date-selected {
  color: white !important;
}
.date-picker-wrapper .month-wrapper table .day.toMonth.is-weekend.first-date-selected::before {
  background: rgb(231, 26, 128) !important;
}

.date-picker-wrapper .month-wrapper table .day {
  position: relative;
  transition: 0.3s;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.date-picker-wrapper .month-wrapper table .day::before {
  content: "";
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 50%;
  transition: 0.3s;
  z-index: -1;
}

.date-picker-wrapper .month-wrapper table td {
  height: 64px;
}

.date-picker-wrapper .footer {
  margin-top: 10px;
  padding: 25px 0 0;
  padding-bottom: 20px;
}

.month-wrapper td:has(.lastMonth),
.month-wrapper td:has(.nextMonth) {
  height: 0 !important;
  overflow: hidden;
  visibility: hidden;
}

.date-prices {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.date-prices__row {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
}
.date-prices__name, .date-prices__price {
  font-family: SF Pro;
  font-weight: 400;
  font-size: 20px;
  line-height: 125%;
  letter-spacing: -0.45px;
  color: rgb(0, 0, 0);
}
.date-prices__icon {
  border-radius: 50%;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border: 1px solid var(--Core-Divider, rgba(25, 47, 68, 0.1));
}
.date-prices__icon.is-weekend {
  background: rgba(231, 26, 128, 0.1);
  border-color: transparent;
}
.date-prices__left {
  display: flex;
  align-items: center;
  gap: 15px;
}

@media (max-width: 767px) {
  .services-modal__title {
    font-size: 24px;
  }
  .services-modal__desc,
  .services-modal__text p,
  .services-modal__text ul li,
  .services-modal__location {
    font-size: 12px;
  }
  .services-modal__btn {
    margin-top: 0;
    padding: 0 50px;
  }
  .services-modal__price,
  .services-modal__time {
    font-size: 16px;
  }
}
.signup__container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 500px;
}
.signup__body {
  background: var(--ui-white, #fff);
  border-radius: 20px;
  padding: 40px;
  width: 100%;
  max-width: 500px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.signup__head {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: center;
}
.signup__title {
  color: var(--font-prime, #192f44);
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.18px;
  margin: 0;
}
.signup__desc {
  color: var(--ui-text-dark, #08b6cd);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.signup__content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.signup__text {
  color: var(--font-prime, #192f44);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  margin: 0;
}
.signup__item {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.signup__name {
  color: var(--font-prime, #192f44);
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  padding: 4px;
}
.signup__label {
  display: block;
  width: 100%;
  position: relative;
}
.signup__input {
  width: 100%;
  height: 40px;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--ui-border, rgba(25, 47, 68, 0.25));
  background: #fff;
  color: var(--font-prime, #192f44);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.signup__input::placeholder {
  color: var(--font-second, rgba(25, 47, 68, 0.5));
}
.signup__input:focus {
  outline: none;
  border-color: var(--ui-prime, #08b6cd);
}
.signup__input-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.signup__select-wrapper {
  width: 100%;
}
.signup__gender {
  display: flex;
  background: rgba(170, 187, 181, 0.15);
  border-radius: 15px;
  padding: 5px;
  gap: 5px;
}
.signup__gender-label {
  flex: 1;
  cursor: pointer;
  position: relative;
}
.signup__gender-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.signup__gender-input:checked + .signup__gender-text {
  background: var(--ui-prime, #08b6cd);
  color: var(--ui-text-light, #fff);
}
.signup__gender-text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  border-radius: 10px;
  color: var(--ui-text-dark, #08b6cd);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  transition: all 0.3s ease;
}
.signup__guests {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.signup__guest {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 12px;
  border-radius: 10px;
  background: rgba(170, 187, 181, 0.15);
}
.signup__guest-name {
  color: var(--font-prime, #192f44);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.signup__guest-status {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 6px;
  border-radius: 6px;
  color: var(--ui-text-light, #fff);
  font-family: "Montserrat", sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
}
.signup__add-btn {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid var(--ui-prime, #08b6cd);
  background: transparent;
  color: var(--ui-text-dark, #08b6cd);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.signup__add-btn:hover {
  background: rgba(8, 182, 205, 0.1);
}
.signup__footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.signup__btn {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: var(--ui-prime, #08b6cd);
  color: var(--ui-text-light, #fff);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}
.signup__btn:hover {
  background: #068a9c;
}
.signup__agreements {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.signup__checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  position: relative;
}
.signup__checkbox-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.signup__checkbox-input:checked ~ .signup__checkbox-box {
  background-color: var(--ui-prime, #08b6cd);
  border-color: var(--ui-prime, #08b6cd);
}
.signup__checkbox-input:checked ~ .signup__checkbox-box::after {
  display: block;
}
.signup__checkbox-box {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid var(--ui-prime, #08b6cd);
  background: transparent;
  position: relative;
  flex-shrink: 0;
}
.signup__checkbox-box::after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.signup__checkbox-text {
  color: var(--font-second, rgba(25, 47, 68, 0.5));
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.signup__checkbox-text a {
  color: var(--font-prime, #192f44);
  text-decoration: none;
}
.signup__checkbox-text a:hover {
  text-decoration: underline;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: rgba(25, 47, 68, 1);
}
.signup .select2-container--default .select2-selection--single,
.appointment-person .select2-container--default .select2-selection--single,
.profile-card .select2-container--default .select2-selection--single {
  height: 40px;
  border-radius: 10px;
  border: 1px solid var(--ui-border, rgba(25, 47, 68, 0.25));
  display: flex;
  align-items: center;
}
.signup .select2-container--default .select2-selection--single .select2-selection__rendered,
.appointment-person .select2-container--default .select2-selection--single .select2-selection__rendered,
.profile-card .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--font-prime, #192f44);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-left: 10px;
}
.signup .select2-container--default .select2-selection--single .select2-selection__arrow,
.appointment-person .select2-container--default .select2-selection--single .select2-selection__arrow,
.profile-card .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
  right: 10px;
}
.signup .select2-dropdown,
.appointment-person .select2-dropdown,
.profile-card .select2-dropdown {
  border: 1px solid var(--ui-border, rgba(25, 47, 68, 0.25));
  border-radius: 10px;
  overflow: hidden;
}
.signup .select2-results__option,
.appointment-person .select2-results__option,
.profile-card .select2-results__option {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  padding: 10px;
}
.signup .select2-container--default .select2-results__option--highlighted[aria-selected],
.appointment-person .select2-container--default .select2-results__option--highlighted[aria-selected],
.profile-card .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--ui-prime, #08b6cd);
}

html:has(.appointment-person) .select2-container {
  z-index: 999999999;
}

.purchase-visitors__count-text {
  display: flex;
  gap: 10px;
}

.purchase-visitors__count-text span {
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 116%;
  letter-spacing: -0.02rem;
  color: rgba(25, 47, 68, 0.5);
}

.purchase-visitors__count-text span:first-child {
  color: rgba(17, 17, 17, 1);
}

.purchase-visitors__panel {
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 16px;
  background: rgba(0, 0, 0, 0.5);
  overflow: auto;
  text-align: center;
}
.popup.is-active {
  display: block;
  align-content: center;
}
.popup__wrapper {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.popup__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.popup__content {
  position: relative;
  background: var(--ui-white, #fff);
  border-radius: 25px;
  padding: 100px 40px 25px;
  width: 100%;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  z-index: 1;
  max-width: 400px;
  width: 100%;
  text-align: left;
}
.popup__close {
  position: absolute;
  top: 40px;
  right: 25px;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup__head {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.popup__title {
  color: var(--font-prime, #192f44);
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: -0.96px;
  margin: 0;
}
.popup__desc {
  color: var(--font-prime, #192f44);
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.popup__form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.popup__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.popup__chip {
  cursor: pointer;
}
.popup__chip input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.popup__chip input:checked + span {
  background: var(--ui-prime, #08b6cd);
  color: var(--ui-text-light, #fff);
  border-color: var(--ui-prime, #08b6cd);
}
.popup__chip span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 10px;
  border: 1px solid var(--font-second, rgba(25, 47, 68, 0.5));
  color: var(--font-prime, #192f44);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  transition: all 0.3s ease;
}
.popup__btn {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: var(--ui-prime, #08b6cd);
  color: var(--ui-text-light, #fff);
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  border: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
  margin-top: 10px;
}
.popup__btn:disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.signup__item:has(.js-date-mask) {
  position: relative;
}
.signup__item:has(.js-date-mask)::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  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='M13.333 0.916992C13.7472 0.916992 14.083 1.25278 14.083 1.66699V2.58301H15.833C17.1676 2.58301 18.2498 3.66546 18.25 5V16.666C18.25 18.0007 17.1677 19.083 15.833 19.083H4.16699C2.8323 19.083 1.75 18.0007 1.75 16.666V5C1.75018 3.66546 2.83241 2.58301 4.16699 2.58301H5.91699V1.66699C5.91699 1.25278 6.25278 0.916992 6.66699 0.916992C7.08106 0.917168 7.41699 1.25289 7.41699 1.66699V2.58301H12.583V1.66699C12.583 1.25289 12.9189 0.917168 13.333 0.916992ZM3.25 9.08301V16.666C3.25 17.1723 3.66073 17.583 4.16699 17.583H15.833C16.3393 17.583 16.75 17.1723 16.75 16.666V9.08301H3.25ZM4.16699 4.08301C3.66084 4.08301 3.25018 4.49389 3.25 5V7.58301H16.75V5C16.7498 4.49389 16.3392 4.08301 15.833 4.08301H14.083V5C14.0828 5.41406 13.7471 5.75 13.333 5.75C12.9191 5.74982 12.5832 5.41396 12.583 5V4.08301H7.41699V5C7.41682 5.41396 7.08095 5.74982 6.66699 5.75C6.25289 5.75 5.91717 5.41406 5.91699 5V4.08301H4.16699Z' fill='%2308B6CD'/%3E%3C/svg%3E%0A");
  pointer-events: none;
  right: 10px;
  bottom: 12px;
  z-index: 2;
}
.signup__item:has(.js-date-mask) input {
  padding-right: 40px;
}

@media (max-width: 767px) {
  .signup__title {
    font-size: 16px;
  }
  .signup__desc,
  .signup__gender-text,
  .signup__btn,
  .signup__guest-name,
  .signup__add-btn,
  .signup__checkbox-text {
    font-size: 13px;
  }
  .signup__body {
    padding: 40px 30px;
  }
  .popup__title {
    font-size: 24px;
  }
  .popup__content {
    padding: 100px 20px 25px;
  }
}
.subscriptions__container {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.subscriptions__active {
  margin-bottom: 50px;
}
.subscriptions__title {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
  margin-bottom: 20px;
}
.subscriptions__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.subscriptions-modal {
  padding: 0;
  background: transparent;
  border-radius: 25px;
  max-width: 500px;
  width: 100%;
  overflow: hidden;
}
.subscriptions-modal__head {
  position: relative;
  z-index: 2;
  min-height: 220px;
  background: rgb(8, 182, 205);
}
.subscriptions-modal__head img {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  max-width: calc(100% - 50px);
  max-height: calc(100% - 50px);
}
.subscriptions-modal__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 10px;
}
.subscriptions-modal__labels-group {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.subscriptions-modal__label {
  padding: 4px 6px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 4px;
  position: relative;
  background: rgba(8, 182, 205, 0.1);
}
.subscriptions-modal__label.is-black {
  background: rgb(25, 47, 68);
}
.subscriptions-modal__label.is-pink {
  background: rgb(231, 26, 128);
}
.subscriptions-modal__label.is-black span, .subscriptions-modal__label.is-pink span {
  color: rgb(255, 255, 255);
}
.subscriptions-modal__label.is-outline {
  border: 1px solid var(--Brand-2, rgb(25, 47, 68));
  background: white;
}
.subscriptions-modal__label.is-outline span {
  color: rgb(25, 47, 68);
}
.subscriptions-modal__label span {
  font-weight: 600;
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
}
.subscriptions-modal__body {
  padding: 20px 25px 25px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: rgb(255, 255, 255);
}
.subscriptions-modal__type {
  font-weight: 400;
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
}
.subscriptions-modal__title {
  font-weight: 600;
  font-size: 32px;
  line-height: 112%;
  letter-spacing: -0.03rem;
  color: rgb(25, 47, 68);
}
.subscriptions-modal__text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 144%;
  color: rgb(25, 47, 68);
  margin-bottom: 15px;
}
.subscriptions-modal__text p:last-child {
  margin-bottom: 0;
}
.subscriptions-modal__text ul {
  padding-left: 30px;
  margin-bottom: 10px;
}
.subscriptions-modal__text ul:last-child {
  margin-bottom: 0;
}
.subscriptions-modal__text ul li {
  position: relative;
  align-items: center;
  display: flex;
  gap: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 156%;
}
.subscriptions-modal__text ul li::before {
  content: "";
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 2px;
  background: rgb(65, 161, 219);
}
.subscriptions-modal__btn {
  margin-top: 10px;
  align-self: flex-start;
  padding: 0 33px;
}
.subscriptions-modal .fancybox-close-small {
  color: white;
  padding: 5px;
}

.active-subscription {
  display: flex;
  border-radius: 12px;
  overflow: hidden;
  background: var(--UI-White, #fff);
}
.active-subscription__left {
  flex: 1;
  background: var(--Brand-2, #192f44);
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  border-radius: 10px 0 0 10px;
}
.active-subscription__right {
  width: 364px;
  background: var(--Brand-3, #e71a80);
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  border-radius: 0 10px 10px 0;
  position: relative;
  overflow: hidden;
}
.active-subscription__status {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-radius: 4px;
  align-self: flex-start;
}
.active-subscription__icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.active-subscription__icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.active-subscription__label {
  color: var(--UI-White, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.active-subscription__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.active-subscription__type {
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-P, 14px);
  line-height: 1.42;
}
.active-subscription__title {
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-Lead, 32px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.96px;
  max-width: 490px;
}
.active-subscription__tags {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.active-subscription__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  border-radius: 6px;
  background: var(--UI-Prime_Container, rgba(8, 182, 205, 0.1));
  color: var(--UI-Text-Light, #fff);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.active-subscription__guests {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.active-subscription__guest {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px 12px;
  border-radius: 10px;
  background: var(--UI-White, #fff);
}
.active-subscription__name {
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.active-subscription__role {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 6px;
  border-radius: 6px;
  color: var(--UI-Text-Light, #fff);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.27;
}
.active-subscription__role.is-me {
  background: var(--Brand-4, #aabbb5);
}
.active-subscription__role.is-adult {
  background: var(--Brand-2, #192f44);
}
.active-subscription__role.is-child {
  background: var(--Brand-3, #e71a80);
}
.active-subscription__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.active-subscription__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.active-subscription__timer {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  color: var(--UI-Text-Light, #fff);
}
.active-subscription__days-label {
  font-size: var(--Size-Sub, 18px);
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: -0.18px;
}
.active-subscription__days-count {
  font-family: "NEXT ART", sans-serif;
  font-size: var(--Size-Title, 56px);
  font-weight: 600;
  line-height: 1;
}

.subscription-card {
  display: flex;
  flex-direction: column;
  border-radius: 12px;
  overflow: hidden;
  background: var(--UI-White, #fff);
  height: 100%;
}
.subscription-card__image {
  height: 160px;
  background: var(--UI-Prime_Container, rgba(8, 182, 205, 0.1));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.subscription-card__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.subscription-card__body {
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}
.subscription-card__header {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.subscription-card__meta {
  display: flex;
  gap: 10px;
  color: var(--Font-Prime, #192f44);
  font-size: var(--Size-P, 14px);
  line-height: 1.42;
}
.subscription-card__name {
  color: var(--Brand-2, #192f44);
  font-size: var(--Size-Lead, 32px);
  font-weight: 600;
  line-height: 1.12;
  letter-spacing: -0.96px;
  transition: 0.3s;
}
.subscription-card__name:hover {
  color: rgb(8, 182, 205);
}
.subscription-card__desc {
  color: var(--Brand-2, #192f44);
  font-size: var(--Size-Article, 14px);
  line-height: 1.57;
}
.subscription-card__features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: auto;
}
.subscription-card__feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 6px;
  border-radius: 6px;
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
}
.subscription-card__feature.is-dark {
  background: var(--Brand-2, #192f44);
  color: var(--UI-White, #fff);
}
.subscription-card__feature.is-dark img {
  filter: brightness(0) invert(1);
}
.subscription-card__feature.is-pink {
  background: var(--Brand-3, #e71a80);
  color: var(--UI-White, #fff);
}
.subscription-card__feature.is-pink img {
  filter: brightness(0) invert(1);
}
.subscription-card__feature.is-light {
  background: var(--UI-Prime_Container, rgba(8, 182, 205, 0.1));
  color: var(--UI-Text-Dark, #08b6cd);
}
.subscription-card__feature img {
  width: 12px;
  height: 12px;
  display: block;
}
.subscription-card__actions {
  display: flex;
  gap: 10px;
}
.subscription-card__btn {
  flex: 1;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: var(--UI-Radius-Button, 10px);
  font-size: var(--Size-UI, 14px);
  font-weight: 600;
  line-height: 1.42;
  cursor: pointer;
  border: none;
  transition: 0.3s;
}
.subscription-card__btn:hover {
  background: rgb(6, 167, 188) !important;
  color: white !important;
}
.subscription-card__btn.is-primary {
  background: var(--UI-Prime, #08b6cd);
  color: var(--UI-Text-Light, #fff);
}
.subscription-card__btn.is-secondary {
  background: var(--UI-Prime_Container, rgba(8, 182, 205, 0.1));
  color: var(--UI-Text-Dark, #08b6cd);
  backdrop-filter: blur(20px);
  position: relative;
}
.subscription-card__btn.is-secondary:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2523_1678)'%3E%3Cpath d='M13.75 0.916992C14.5014 0.916992 15.2225 1.21576 15.7539 1.74707C16.2849 2.2783 16.5829 2.99886 16.583 3.75C16.583 4.21911 16.4666 4.67631 16.25 5.08301H17.834C18.524 5.08338 19.0839 5.64302 19.084 6.33301V9.5C19.0838 10.19 18.5239 10.7496 17.834 10.75H17.416V17.833C17.416 18.5234 16.8564 19.083 16.166 19.083H3.83301C3.14284 19.0828 2.58301 18.5233 2.58301 17.833V10.75H2.16699C1.47677 10.75 0.917168 10.1903 0.916992 9.5V6.33301C0.917124 5.64277 1.47672 5.08301 2.16699 5.08301H3.75098C3.53404 4.67624 3.41703 4.21926 3.41699 3.75C3.41708 2.99868 3.71579 2.27835 4.24707 1.74707C4.77834 1.21583 5.4987 0.917078 6.25 0.916992C8.12504 0.917168 9.25916 2.26731 9.87598 3.38867C9.92025 3.46919 9.9597 3.551 10 3.63086C10.0403 3.55099 10.0797 3.46919 10.124 3.38867C10.7409 2.26721 11.8747 0.916992 13.75 0.916992ZM4.08301 17.583H9.25V10.75H4.08301V17.583ZM10.75 17.583H15.916V10.75H10.75V17.583ZM2.41699 9.25H9.25V6.58398H6.25C6.24361 6.58398 6.23686 6.58305 6.23047 6.58301H2.41699V9.25ZM13.75 6.58398H10.75V9.25H17.584V6.58301H13.7695C13.763 6.58305 13.7565 6.58398 13.75 6.58398ZM13.75 2.41699C12.7089 2.41699 11.9675 3.14966 11.4385 4.11133C11.2543 4.44628 11.1106 4.7853 11.002 5.08301H13.7686C14.1152 5.07817 14.4467 4.93876 14.6924 4.69336C14.9424 4.44336 15.0829 4.10353 15.083 3.75C15.0829 3.39656 14.9423 3.05759 14.6924 2.80762C14.4423 2.55766 14.1035 2.41699 13.75 2.41699ZM6.25 2.41699C5.89652 2.41708 5.55758 2.55769 5.30762 2.80762C5.05765 3.05759 4.91708 3.39649 4.91699 3.75C4.91706 4.10354 5.05763 4.44337 5.30762 4.69336C5.55325 4.93875 5.88474 5.07819 6.23145 5.08301H8.99805C8.88946 4.78534 8.74569 4.44624 8.56152 4.11133C8.03259 3.14984 7.29089 2.41716 6.25 2.41699Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2523_1678'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.subscription-card__btn.is-secondary::after {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  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%3Cg clip-path='url(%23clip0_2523_1678)'%3E%3Cpath d='M13.75 0.916992C14.5014 0.916992 15.2225 1.21576 15.7539 1.74707C16.2849 2.2783 16.5829 2.99886 16.583 3.75C16.583 4.21911 16.4666 4.67631 16.25 5.08301H17.834C18.524 5.08338 19.0839 5.64302 19.084 6.33301V9.5C19.0838 10.19 18.5239 10.7496 17.834 10.75H17.416V17.833C17.416 18.5234 16.8564 19.083 16.166 19.083H3.83301C3.14284 19.0828 2.58301 18.5233 2.58301 17.833V10.75H2.16699C1.47677 10.75 0.917168 10.1903 0.916992 9.5V6.33301C0.917124 5.64277 1.47672 5.08301 2.16699 5.08301H3.75098C3.53404 4.67624 3.41703 4.21926 3.41699 3.75C3.41708 2.99868 3.71579 2.27835 4.24707 1.74707C4.77834 1.21583 5.4987 0.917078 6.25 0.916992C8.12504 0.917168 9.25916 2.26731 9.87598 3.38867C9.92025 3.46919 9.9597 3.551 10 3.63086C10.0403 3.55099 10.0797 3.46919 10.124 3.38867C10.7409 2.26721 11.8747 0.916992 13.75 0.916992ZM4.08301 17.583H9.25V10.75H4.08301V17.583ZM10.75 17.583H15.916V10.75H10.75V17.583ZM2.41699 9.25H9.25V6.58398H6.25C6.24361 6.58398 6.23686 6.58305 6.23047 6.58301H2.41699V9.25ZM13.75 6.58398H10.75V9.25H17.584V6.58301H13.7695C13.763 6.58305 13.7565 6.58398 13.75 6.58398ZM13.75 2.41699C12.7089 2.41699 11.9675 3.14966 11.4385 4.11133C11.2543 4.44628 11.1106 4.7853 11.002 5.08301H13.7686C14.1152 5.07817 14.4467 4.93876 14.6924 4.69336C14.9424 4.44336 15.0829 4.10353 15.083 3.75C15.0829 3.39656 14.9423 3.05759 14.6924 2.80762C14.4423 2.55766 14.1035 2.41699 13.75 2.41699ZM6.25 2.41699C5.89652 2.41708 5.55758 2.55769 5.30762 2.80762C5.05765 3.05759 4.91708 3.39649 4.91699 3.75C4.91706 4.10354 5.05763 4.44337 5.30762 4.69336C5.55325 4.93875 5.88474 5.07819 6.23145 5.08301H8.99805C8.88946 4.78534 8.74569 4.44624 8.56152 4.11133C8.03259 3.14984 7.29089 2.41716 6.25 2.41699Z' fill='%2308B6CD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2523_1678'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  transition: 0.3s;
}
.subscription-card__btn.is-secondary img {
  width: 20px;
  height: 20px;
}

.page__content:has(.signup),
.page__content:has(.auth) {
  width: 100%;
}

@media (max-width: 1023px) {
  .active-subscription__name span {
    display: none;
  }
}
@media (max-width: 767px) {
  .active-subscription {
    flex-direction: column;
    margin-bottom: 55px;
  }
  .active-subscription__right {
    width: 100%;
    overflow: hidden;
    min-height: 95px;
    border-radius: 10px;
  }
  .active-subscription__image img {
    position: absolute;
    left: 0;
    top: -20px;
    width: 153px;
    max-height: none;
  }
  .active-subscription__days-count {
    font-size: 35px;
  }
  .active-subscription__left {
    gap: 15px;
    position: relative;
    border-radius: 10px;
  }
  .active-subscription__label,
  .active-subscription__tag,
  .active-subscription__name {
    font-size: 13px;
  }
  .active-subscription__title {
    font-size: 24px;
  }
  .active-subscription__type {
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .active-subscription__status {
    width: 100%;
    padding-right: 110px;
  }
  .subscriptions__grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .subscriptions__title {
    font-size: 16px;
  }
  .subscription-card__name {
    font-size: 24px;
  }
  .subscription-card__desc {
    font-size: 12px;
  }
  .subscription-card__feature,
  .subscriptions-modal__label span {
    font-size: 13px;
  }
  .subscriptions-modal__title {
    font-size: 24px;
  }
  .subscriptions-modal__text p,
  .subscriptions-modal__text li {
    font-size: 12px;
  }
  .subscriptions-modal__text p {
    margin-bottom: 10px;
  }
}
.unexist {
  padding-top: 130px;
}
.unexist__wrapper {
  padding: 80px 0;
  border-radius: 25px;
  border: 1px solid var(--UI-Divider, rgba(25, 47, 68, 0.1019607843));
  display: flex;
  align-items: center;
  flex-direction: column;
}
.unexist__head {
  padding: 0 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--UI-Divider, rgba(25, 47, 68, 0.1));
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.unexist__body {
  padding: 0 20px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.unexist__title {
  font-family: NEXT ART;
  font-weight: 600;
  font-size: 100px;
  line-height: 1;
  text-align: center;
  color: rgb(8, 182, 205);
  margin-bottom: 30px;
}
.unexist__text {
  font-weight: 600;
  font-size: 18px;
  line-height: 133%;
  letter-spacing: -0.01rem;
  text-align: center;
  color: rgb(25, 47, 68);
}
.unexist__btns {
  display: flex;
  justify-content: center;
  gap: 10px;
  width: 100%;
}
.unexist__btn {
  max-width: 185px;
  width: 100%;
}

.purchase-sell {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 25px;
}

.purchase-sell__label {
  font-weight: 600;
  font-size: 14px;
  line-height: 116%;
  color: rgba(17, 17, 17, 1);
}
.purchase-sell__btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
  border: 1px solid var(--Core-Prime, rgba(8, 182, 205, 1));
  border-radius: 10px;
  padding: 0 25px;
  position: relative;
  font-weight: 600;
  font-size: 14px;
  line-height: 116%;
  color: rgba(8, 182, 205, 1);
}

.purchase-sell__btn::after {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  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.83301 15V14.1667C5.83301 11.8655 7.69849 10 9.99967 10C12.3008 10 14.1663 11.8655 14.1663 14.1667V15' stroke='%2308B6CD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.833008 15.0001V14.1667C0.833008 12.786 1.9523 11.6667 3.33301 11.6667' stroke='%2308B6CD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.167 15.0001V14.1667C19.167 12.786 18.0477 11.6667 16.667 11.6667' stroke='%2308B6CD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10C11.3807 10 12.5 8.88075 12.5 7.5C12.5 6.11929 11.3807 5 10 5C8.61925 5 7.5 6.11929 7.5 7.5C7.5 8.88075 8.61925 10 10 10Z' stroke='%2308B6CD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.33366 11.6666C4.25413 11.6666 5.00033 10.9204 5.00033 9.99992C5.00033 9.07942 4.25413 8.33325 3.33366 8.33325C2.41318 8.33325 1.66699 9.07942 1.66699 9.99992C1.66699 10.9204 2.41318 11.6666 3.33366 11.6666Z' stroke='%2308B6CD' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.6667 11.6666C17.5872 11.6666 18.3333 10.9204 18.3333 9.99992C18.3333 9.07942 17.5872 8.33325 16.6667 8.33325C15.7462 8.33325 15 9.07942 15 9.99992C15 10.9204 15.7462 11.6666 16.6667 11.6666Z' stroke='%2308B6CD' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.purchase-warn {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 12px;
  border-radius: 12px;
  background: rgba(170, 187, 181, 0.15);
  margin-bottom: 26px;
}

.purchase-warn__top {
  display: flex;
  gap: 12px;
  position: relative;
  align-items: center;
}

.purchase-warn__top::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.04199 10.0003C1.04199 5.05278 5.05278 1.04199 10.0003 1.04199C14.9479 1.04199 18.9587 5.05278 18.9587 10.0003C18.9587 14.9479 14.9479 18.9587 10.0003 18.9587C5.05278 18.9587 1.04199 14.9479 1.04199 10.0003ZM10.0003 8.95866C10.3455 8.95866 10.6253 9.23849 10.6253 9.58366V13.7503C10.6253 14.0955 10.3455 14.3753 10.0003 14.3753C9.65516 14.3753 9.37533 14.0955 9.37533 13.7503V9.58366C9.37533 9.23849 9.65516 8.95866 10.0003 8.95866ZM10.4732 6.66762C10.7042 6.41105 10.6833 6.01587 10.4267 5.78496C10.1702 5.55404 9.77499 5.57484 9.54408 5.83142L9.53574 5.84068C9.30482 6.09724 9.32566 6.49242 9.58224 6.72333C9.83883 6.95425 10.234 6.93345 10.4649 6.67688L10.4732 6.66762Z' fill='%23FFAA01'/%3E%3C/svg%3E%0A");
}

.purchase-warn__info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.purchase-about {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--UI-Divider, rgba(25, 47, 68, 0.1));
  margin-bottom: 10px;
}

.purchase-about span {
  font-weight: 600;
  font-size: 14px;
  line-height: 116%;
  color: rgba(25, 47, 68, 1);
}

.purchase-warn__title {
  font-weight: 500;
  font-size: 14px;
  line-height: 116%;
  letter-spacing: -0.02rem;
  color: rgba(0, 0, 0, 1);
}
.purchase-warn__text {
  font-weight: 500;
  font-size: 11px;
  line-height: 125%;
  color: rgba(0, 0, 0, 1);
}
.purchase-warn__bottom .purchase-sell__btn {
  height: 50px;
  font-weight: 500;
}
.purchase-bonuses__btn {
  cursor: pointer;
}
.purchase-bonuses.disabled,
.purchase-promo.disabled {
  opacity: .5;
  pointer-events: none;
}
.purchase-bonuses,
.purchase-promo {
  transition: .3s;
}

.purchase-sert__range-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  margin-bottom: 20px;
}

.purchase-sert__range-label {
  padding: 10px 25px;
  border-radius: 10px;
  background: rgba(8, 182, 205, 0.1);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  transition: .3s;
  cursor: pointer;
}
.purchase-sert__range-label span {
  font-weight: 600;
  font-size: 14px;
  line-height: 116%;
  color: rgba(8, 182, 205, 1);
  transition: inherit;
}
.purchase-sert__range-label:has(input:checked) {
  background: rgba(8, 182, 205, 1);
}
.purchase-sert__range-label:has(input:checked) span {
  color: rgba(255, 255, 255, 1);
}

.purchase-sert__range-radios {
  gap: 10px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.purchase-sert__range-radio {
  transition: .3s;
  cursor: pointer;
  display: flex;
  gap: 5px;
  align-items: center;
}
.purchase-sert__range-radio span {
  font-weight: 500;
  font-size: 11px;
  line-height: 125%;
  color: rgba(25, 47, 68, 1);
  transition: inherit;
}
.purchase-sert__range-radio:has(input:checked) span {
  color: rgba(8, 182, 205, 1);
}
.purchase-sert__range-radio:has(input:checked)::before {
  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%3Cmask id='path-1-inside-1_2599_6271' fill='white'%3E%3Cpath d='M0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10Z'/%3E%3C/mask%3E%3Cpath d='M0 10M20 10M20 10M0 10M10 0M20 10M10 20M0 10M10 20V19C5.02944 19 1 14.9706 1 10H0H-1C-1 16.0751 3.92487 21 10 21V20ZM20 10H19C19 14.9706 14.9706 19 10 19V20V21C16.0751 21 21 16.0751 21 10H20ZM10 0V1C14.9706 1 19 5.02944 19 10H20H21C21 3.92487 16.0751 -1 10 -1V0ZM10 0V-1C3.92487 -1 -1 3.92487 -1 10H0H1C1 5.02944 5.02944 1 10 1V0Z' fill='%2308B6CD' mask='url(%23path-1-inside-1_2599_6271)'/%3E%3Crect x='5' y='5' width='10' height='10' rx='5' fill='%2308B6CD'/%3E%3C/svg%3E%0A");
}
.purchase-sert__range-radio::before {
  content: "";
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  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%3Cmask id='path-1-inside-1_2599_8443' fill='white'%3E%3Cpath d='M0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10Z'/%3E%3C/mask%3E%3Cpath d='M0 10M20 10M20 10M0 10M10 0M20 10M10 20M0 10M10 20V19C5.02944 19 1 14.9706 1 10H0H-1C-1 16.0751 3.92487 21 10 21V20ZM20 10H19C19 14.9706 14.9706 19 10 19V20V21C16.0751 21 21 16.0751 21 10H20ZM10 0V1C14.9706 1 19 5.02944 19 10H20H21C21 3.92487 16.0751 -1 10 -1V0ZM10 0V-1C3.92487 -1 -1 3.92487 -1 10H0H1C1 5.02944 5.02944 1 10 1V0Z' fill='%23192F44' mask='url(%23path-1-inside-1_2599_8443)'/%3E%3C/svg%3E%0A");
  transition: inherit;
}
.subscriptions-tabs {
  display: flex;
  justify-content: center;
  gap: 6px;
}
.subscriptions-tab {
  padding: 5px 10px;
  border: 1px solid var(--Core-Border, rgba(25, 47, 68, 0.25));
  transition: .3s;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 116%;
  letter-spacing: -0.02rem;
  color: rgba(25, 47, 68, 0.5);
  transition: inherit;
}

.subscriptions-tab.is-active {
  background: rgba(8, 182, 205, 1);
  border-color: rgba(8, 182, 205, 1);
  color: rgba(255, 255, 255, 1);
}

.history-modal [data-fancybox-close] svg {
  display: none;
}
.history-modal [data-fancybox-close] {
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.0605 9L19.0605 18L28.0605 27L27 28.0605L18 19.0605L9 28.0605L7.93945 27L16.9395 18L7.93945 9L9 7.93945L18 16.9395L27 7.93945L28.0605 9Z' fill='%23192F44' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
  right: 10px;
  top: 10px;
}
.history-modal {
  padding: 0;
  background: transparent;
  max-width: 500px;
  width: 100%;
}

.history-modal__inner {
  padding: 40px 16px;
  background: rgba(255, 255, 255, 1);
  border-radius: 25px;
}
.history-modal__top {
  margin-bottom: 20px;
}
.history-modal__title {
  font-weight: 600;
  font-size: 18px;
  line-height: 125%;
  letter-spacing: -0.01rem;
  color: rgba(17, 17, 17, 1);
}
.history-modal__title span {
  color: rgba(149, 193, 31, 1);
  display: block;
}
.history-modal__title.is-warn span {
  color: rgba(226, 49, 31, 1);
}
.history-modal__bottom {
  border-top: 1px solid var(--Core-Divider, rgba(25, 47, 68, 0.1));
}
.history-modal__panel {
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.history-modal__panel span {
  font-weight: 600;
  font-size: 14px;
  line-height: 116%;
  color: rgba(17, 17, 17, 1);
}
.history-modal__card {
  padding: 15px;
  background: rgba(170, 187, 181, 0.15);
  border-radius: 15px;
}
.history-modal__card-top {
  padding-bottom: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.aside-visit__qr img {
  max-width: 400px;
  width: 100%;
}
.aside-visit__qr {
  display: flex;
  justify-content: center;
}
.history-modal__card-name {
  display: flex;
  align-items: center;
  gap: 6px;
}
.history-modal__card-top span {
  font-weight: 600;
  font-size: 18px;
  line-height: 125%;
  letter-spacing: -0.01rem;
  color: rgba(17, 17, 17, 1);
}
.history-modal__card-top span.is-price {
  white-space: nowrap;
}
.history-modal__card-icon {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  background: rgba(25, 47, 68, 1);
  padding: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.history-modal__cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.history-modal__card-icon {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
}
.history-modal__card-bottom {
  padding-top: 10px;
  border-top: 1px solid var(--Core-Divider, rgba(25, 47, 68, 0.1));
}
.history-modal__card-count {
  font-weight: 600;
  font-size: 14px;
  line-height: 116%;
  color: rgba(17, 17, 17, 1);
}


@media(max-width: 1399px) {
  .purchase-visitors__label {
    padding: 0 12px;
  }

  .purchase__body {
    grid-template-columns: 1fr 240px;
  }

}

@media (max-width: 767px) {
  .unexist {
    padding-top: 120px;
  }
  .unexist__text {
    font-size: 16px;
  }
  .aside-visit__item,
  .purchase-about span,
  .purchase-warn__title,
  .subscriptions-tab span {
    font-size: 13px;
  }
  .aside-visit__btn,
  .aside-subs__label,
  .aside-subs__bottom-days span,
  .purchase-sell__label,
  .history-modal__panel span,
  .history-modal__card-count {
    font-size: 13px;
  }
  .aside-subs__name,
  .history-modal__title,
  .history-modal__card-top span {
    font-size: 16px;
  }
  .purchase__body {
    grid-template-columns: repeat(1, 1fr);
  }
}



.auth__logo {
  display: none;
}

.auth-card__bg {
  position: static;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
}
.auth-card__bg video {
  position: fixed;
}

.auth-card__logo {
  display: block;
}

.auth-card {
  width: 100%;
  min-height: 100%;
}

.auth {
  align-items: stretch;
  padding: 100px 20px 60px;
  min-height: 100vh;
}

.page__main.is-auth {
  padding: 0;
}

.auth-card__title {
  position: static;
  display: block;
  padding: 0;
}

.auth-card {
  height: auto;
  gap: 30px;
  align-items: center;
}

.auth-card__form {
  padding: 25px 20px 50px;
  border-radius: 25px;
  margin-top: auto;
  width: 100%;
}

.auth-card__name {
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.auth-card__name::before {
  content: "Вход";
  font-weight: 600;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.01rem;
  text-align: center;
  color: rgb(25, 47, 68);
}

.auth-card__info{
	flex-wrap: wrap;
}

.appointment-person .fancybox-close-small{
    top: 18px;
    right: 16px;
}

.appointment-person__title{
font-size: 26px;
    margin-bottom: 6px;
    display: block;
}

.appointment-person{
padding: 25px 25px 40px;
}