@charset "UTF-8";
/*состояния наведения*/
@font-face {
  font-family: "Gilroy";
  font-display: swap;
  src: url("../../assets/fonts/Gilroy-ExtraBold.woff2") format("woff2"), url("../../assets/fonts/Gilroy-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  font-display: swap;
  src: url("../../assets/fonts/Gilroy-Medium.woff2") format("woff2"), url("../../assets/fonts/Gilroy-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  font-display: swap;
  src: url("../../assets/fonts/Gilroy-SemiBold.woff2") format("woff2"), url("../../assets/fonts/Gilroy-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  font-display: swap;
  src: url("../../assets/fonts/Gilroy-Light.woff2") format("woff2"), url("../../assets/fonts/Gilroy-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
:root {
  --index: calc(1vw + 1vh);
  --font-primary: "Gilroy";
  --line-height-title: 110%;
  --line-height-text: 133%;
  --duration-hover: 0.4s;
  --duration-anim: ease-in-out 0.8s;
  --color-background: #ffffff;
  --color-card-bg: #fbfbfb;
  --color-text: #181830;
  --color-swiper-arrow: #6b6ee8;
  --color-programs-icon: #e7a714;
  --color-white: #ffffff;
  --color-white-40: #ffffff40;
  --color-primary: #d3eafe;
  --color-blue-primary: #6b6ee8;
  --color-soft-opacity: rgba(107, 110, 232, 0.1);
  --color-vivid-blue: #5c5fe6;
  --color-dark-navy: #181830;
  --color-green-bright: #47be2c;
  --color-green-translucent: rgba(71, 190, 44, 0.7);
  --color-pink-soft: #f1a7b8;
  --color-gray-teel: #a7a7a7;
  --color-gray-light: #e7e7e7;
  --color-gray-muted: #bdbbcd;
  --color-gray-background: #f3f6fb;
  --color-gray-secondary: #8c8c98;
  --color-yellow-pastel: #fff795;
  --color-red-soft: #ff8075;
  --color-black-opacity: rgba(0, 0, 0, 0.25);
  --color-border-dark: rgba(24, 24, 48, 0.1);
  --color-border-gray: #d9e2ec;
  --color-border-light: #c2c2c2;
  --color-light-blue: #d9e2ec;
  --color-dark-blue: #102a43;
  --color-steel-blue: #486581;
  --color-light-steel-blue: #e7ecf3;
  --color-ghost-white: #f0f4f8;
  --color-gray: #bcbcbc;
  --color-red: #ef4e4e;
  --color-ruby-red: #cf1124;
  --color-jungle-green: #27ab83;
  --color-middle-blue: #829ab1;
  --color-midnight-blue: #2e307f;
  --color-golden: #e7a714;
  --color-light-periwinkle-40: rgba(196, 198, 255, 0.4);
  --color-coral-10: rgba(239, 78, 78, 0.1);
  --color-jungle-green-20: rgba(39, 171, 131, 0.2);
  --color-charcoal-20: rgba(16, 42, 67, 0.2);
  --color-golden-10: rgba(209, 166, 41, 0.1);
  --shadow-black: 0px 3px 20px 0px rgba(0, 0, 0, 0.1);
  --shadow-primary: 0px 5px 20px 0px rgba(101, 101, 101, 0.2);
  --shedow-secondary: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03),
  	8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
}

/*- new color -*/
/*- color opacity -*/
.color-golden {
  color: var(--color-golden);
}

.green-bright {
  color: #47be2c !important;
}

.red-soft {
  color: #ff8075 !important;
}

.gray-muted {
  color: #bdbbcd !important;
}

.pink-soft {
  color: #f1a7b8 !important;
}

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

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

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

@media (min-width: 1920px) {
  .mb-60 {
    margin-bottom: 60px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .mb-60 {
    margin-bottom: calc(
				20px + 40 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .mb-60 {
    margin-bottom: 20px;
  }
}

@media (min-width: 1920px) {
  .mb-30 {
    margin-bottom: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .mb-30 {
    margin-bottom: calc(
				15px + 15 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .mb-30 {
    margin-bottom: 15px;
  }
}

@media (min-width: 1920px) {
  .mb-20 {
    margin-bottom: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .mb-20 {
    margin-bottom: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .mb-20 {
    margin-bottom: 10px;
  }
}

.swiper-nav {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -ms-grid-columns: (auto)[2];
  grid-template-columns: repeat(2, auto);
}

.swiper-nav__btn {
  border-radius: 50%;
  background: var(--color-light-periwinkle-40);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}
@media (min-width: 1920px) {
  .swiper-nav__btn {
    width: 36px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .swiper-nav__btn {
    width: calc(
				32px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .swiper-nav__btn {
    width: 32px;
  }
}
@media (min-width: 1920px) {
  .swiper-nav__btn {
    height: 36px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .swiper-nav__btn {
    height: calc(
				32px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .swiper-nav__btn {
    height: 32px;
  }
}
.swiper-nav__btn svg {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .swiper-nav__btn svg {
    width: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .swiper-nav__btn svg {
    width: calc(
				20px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .swiper-nav__btn svg {
    width: 20px;
  }
}
@media (min-width: 1920px) {
  .swiper-nav__btn svg {
    height: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .swiper-nav__btn svg {
    height: calc(
				20px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .swiper-nav__btn svg {
    height: 20px;
  }
}
.swiper-nav__btn svg path {
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}
@media screen and (hover: hover) {
  .swiper-nav__btn:hover:not(:disabled) {
    background: var(--color-blue-primary);
  }
  .swiper-nav__btn:hover:not(:disabled) svg path {
    --color-swiper-arrow: #fff;
  }
}
.swiper-nav__btn:active {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}
.swiper-nav__btn:disabled {
  opacity: 0.5;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

/*- убираем стрелки input number-*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]:hover,
input[type=number]:focus {
  -moz-appearance: number-input;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.air-datepicker-cell.-year-.-other-decade-,
.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.air-datepicker-cell.-year-.-other-decade-:hover,
.air-datepicker-cell.-day-.-other-month-:hover {
  color: var(--adp-color-other-month-hover);
}

.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}

.-selected-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.air-datepicker-cell.-day-.-other-month- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month);
}

.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background: var(--adp-background-color-selected-other-month-focused);
}

.-in-range-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range);
  color: var(--adp-color);
}

.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,
.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range-focused);
}

.air-datepicker-cell.-year-.-other-decade-:empty,
.air-datepicker-cell.-day-.-other-month-:empty {
  background: none;
  border: none;
}

.air-datepicker-cell {
  border-radius: var(--adp-cell-border-radius);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
}

.air-datepicker-cell.-focus- {
  background: var(--adp-cell-background-color-hover);
}

.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color);
}

.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date);
}

.air-datepicker-cell.-disabled- {
  cursor: default;
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range);
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled);
}

.air-datepicker-cell.-in-range- {
  background: var(--adp-cell-background-color-in-range);
  border-radius: 0;
}

.air-datepicker-cell.-in-range-:hover {
  background: var(--adp-cell-background-color-in-range-hover);
}

.air-datepicker-cell.-range-from- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}

.air-datepicker-cell.-range-to- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}

.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: var(--adp-cell-border-radius);
}

.air-datepicker-cell.-selected- {
  color: #fff;
  border: none;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-current- {
  color: #fff;
  background: var(--adp-cell-background-color-selected);
}

.air-datepicker-cell.-selected-.-focus- {
  background: var(--adp-cell-background-color-selected-hover);
}

.air-datepicker-body {
  -webkit-transition: all var(--adp-transition-duration) var(--adp-transition-ease);
  -o-transition: all var(--adp-transition-duration) var(--adp-transition-ease);
  transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}

.air-datepicker-body.-hidden- {
  display: none;
}

.air-datepicker-body--day-names {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--adp-day-cell-width) [7];
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  margin: 8px 0 3px;
}

.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
}

.air-datepicker-body--day-name.-clickable- {
  cursor: pointer;
}

.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--adp-day-name-color-hover);
}

.air-datepicker-body--cells {
  display: -ms-grid;
  display: grid;
}

.air-datepicker-body--cells.-days- {
  -ms-grid-columns: var(--adp-day-cell-width) [7];
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height);
}

.air-datepicker-body--cells.-months- {
  -ms-grid-columns: 1fr [3];
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height);
}

.air-datepicker-body--cells.-years- {
  -ms-grid-columns: 1fr [4];
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height);
}

.air-datepicker-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.-only-timepicker- .air-datepicker-nav {
  display: none;
}

.air-datepicker-nav--title,
.air-datepicker-nav--action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.air-datepicker-nav--action:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--action:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}

.air-datepicker-nav--action svg {
  width: 32px;
  height: 32px;
}

.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px;
}

.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 8px;
}

.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--adp-nav-color-secondary);
  margin-left: 0.3em;
}

.air-datepicker-nav--title:hover {
  background: var(--adp-background-color-hover);
}

.air-datepicker-nav--title:active {
  background: var(--adp-background-color-active);
}

.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none;
}

.air-datepicker-buttons {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
}

.air-datepicker-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: var(--adp-btn-color);
  border-radius: var(--adp-btn-border-radius);
  cursor: pointer;
  height: var(--adp-btn-height);
  border: none;
  background: rgba(255, 255, 255, 0);
}

.air-datepicker-button:hover {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
}

.air-datepicker-button:focus {
  color: var(--adp-btn-color-hover);
  background: var(--adp-btn-background-color-hover);
  outline: none;
}

.air-datepicker-button:active {
  background: var(--adp-btn-background-color-active);
}

.air-datepicker-button span {
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.air-datepicker-time {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: -webkit-max-content 1fr;
  -ms-grid-columns: max-content 1fr;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner);
}

.-only-timepicker- .air-datepicker-time {
  border-top: none;
}

.air-datepicker-time--current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  text-align: center;
}

.air-datepicker-time--current-colon {
  margin: 0 2px 3px;
  line-height: 1;
}

.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}

.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
  content: "";
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -2px;
  top: -3px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}

.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1;
}

.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  -ms-flex-item-align: end;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px;
}

.air-datepicker-time--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: -o-linear-gradient(left, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
  background: -webkit-gradient(linear, left top, right top, from(var(--adp-time-track-color)), to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}

.air-datepicker-time--row:first-child {
  margin-bottom: 4px;
}

.air-datepicker-time--row input[type=range] {
  background: none;
  cursor: pointer;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
  display: none;
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover);
}

.air-datepicker-time--row input[type=range]:focus {
  outline: none;
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  border-radius: 3px;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0);
}

.air-datepicker {
  --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --adp-font-size: 14px;
  --adp-width: 246px;
  --adp-z-index: 100;
  --adp-padding: 4px;
  --adp-grid-areas: "nav" "body" "timepicker" "buttons";
  --adp-transition-duration: .3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 8px;
  --adp-background-color: #fff;
  --adp-background-color-hover: #f0f0f0;
  --adp-background-color-active: #eaeaea;
  --adp-background-color-in-range: rgba(92, 196, 239, .1);
  --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
  --adp-background-color-selected-other-month-focused: #8ad5f4;
  --adp-background-color-selected-other-month: #a2ddf6;
  --adp-color: #4a4a4a;
  --adp-color-secondary: #9c9c9c;
  --adp-accent-color: #4eb5e6;
  --adp-color-current-date: var(--adp-accent-color);
  --adp-color-other-month: #dedede;
  --adp-color-disabled: #aeaeae;
  --adp-color-disabled-in-range: #939393;
  --adp-color-other-month-hover: #c5c5c5;
  --adp-border-color: #dbdbdb;
  --adp-border-color-inner: #efefef;
  --adp-border-radius: 4px;
  --adp-border-color-inline: #d7d7d7;
  --adp-nav-height: 32px;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 32px;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: #ff9a19;
  --adp-day-name-color-hover: #8ad5f4;
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 32px;
  --adp-month-cell-height: 42px;
  --adp-year-cell-height: 56px;
  --adp-pointer-size: 10px;
  --adp-poiner-border-radius: 2px;
  --adp-pointer-offset: 14px;
  --adp-cell-border-radius: 4px;
  --adp-cell-background-color-hover: var(--adp-background-color-hover);
  --adp-cell-background-color-selected: #5cc4ef;
  --adp-cell-background-color-selected-hover: #45bced;
  --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 32px;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 1px;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 12px;
  --adp-time-padding-inner: 10px;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 16px;
  --adp-mobile-nav-height: 40px;
  --adp-mobile-width: 320px;
  --adp-mobile-day-cell-height: 38px;
  --adp-mobile-month-cell-height: 48px;
  --adp-mobile-year-cell-height: 64px;
}

.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, .3);
  --adp-overlay-transition-duration: .3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 99;
}

.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: (-webkit-max-content)[4];
  grid-template-rows: repeat(4, -webkit-max-content);
  -ms-grid-rows: (max-content)[4];
  grid-template-rows: repeat(4, max-content);
      grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  -webkit-transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
  -o-transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index);
}

.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}

.air-datepicker.-from-top- {
  -webkit-transform: translateY(calc(var(--adp-transition-offset) * -1));
  -ms-transform: translateY(calc(var(--adp-transition-offset) * -1));
  transform: translateY(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-from-right- {
  -webkit-transform: translateX(var(--adp-transition-offset));
  -ms-transform: translateX(var(--adp-transition-offset));
  transform: translateX(var(--adp-transition-offset));
}

.air-datepicker.-from-bottom- {
  -webkit-transform: translateY(var(--adp-transition-offset));
  -ms-transform: translateY(var(--adp-transition-offset));
  transform: translateY(var(--adp-transition-offset));
}

.air-datepicker.-from-left- {
  -webkit-transform: translateX(calc(var(--adp-transition-offset) * -1));
  -ms-transform: translateX(calc(var(--adp-transition-offset) * -1));
  transform: translateX(calc(var(--adp-transition-offset) * -1));
}

.air-datepicker.-active-:not(.-custom-position-) {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.air-datepicker.-active-.-custom-position- {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.air-datepicker.-inline- {
  border-color: var(--adp-border-color-inline);
  -webkit-box-shadow: none;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.air-datepicker.-inline- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none;
}

.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
  -webkit-transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
  -ms-transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
  transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.air-datepicker.-custom-position- {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
}

.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1;
}

.air-datepicker--pointer:after {
  content: "";
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.-top-left- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^=top] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 1px);
}

.-top-left- .air-datepicker--pointer:after,
.-top-center- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^=top] .air-datepicker--pointer:after {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.-right-top- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer,
[data-popper-placement^=right] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 1px);
}

.-right-top- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=right] .air-datepicker--pointer:after {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.-bottom-left- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^=bottom] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 1px);
}

.-bottom-left- .air-datepicker--pointer:after,
.-bottom-center- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^=bottom] .air-datepicker--pointer:after {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}

.-left-top- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-bottom- .air-datepicker--pointer,
[data-popper-placement^=left] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 1px);
}

.-left-top- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=left] .air-datepicker--pointer:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.-top-left- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset);
}

.-top-right- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset);
}

.-top-center- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2);
}

.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset);
}

.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset);
}

.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2);
}

.air-datepicker--navigation {
  grid-area: nav;
}

.air-datepicker--content {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: var(--adp-padding);
  grid-area: body;
}

.-only-timepicker- .air-datepicker--content {
  display: none;
}

.air-datepicker--time {
  grid-area: timepicker;
}

.air-datepicker--buttons {
  grid-area: buttons;
}

.air-datepicker--buttons,
.air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner);
}

.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  -webkit-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  -o-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  -webkit-transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  -o-transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index);
}

.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
  -o-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}

:root {
  --index: calc(1vw + 1vh);
}

.green-bright {
  color: #47BE2C !important;
}

.red-soft {
  color: #FF8075 !important;
}

.gray-muted {
  color: #BDBBCD !important;
}

.pink-soft {
  color: #F1A7B8 !important;
}

*,
*::after,
*::before {
  font-family: "Gilroy", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 130%;
  letter-spacing: 0.02em;
}

*::-webkit-scrollbar-thumb {
  width: 3px;
  border-radius: 40px;
  background: #6B6EE8;
}

*::-webkit-scrollbar {
  width: 3px;
  border-radius: 40px;
  background: #F3F6FB;
}

body {
  background: url("../../assets/img/background.svg") no-repeat center top, #F3F6FB;
  background-size: 100% auto;
}

body::-webkit-scrollbar-thumb {
  width: 3px;
  border-radius: 40px;
  background: #6B6EE8;
}

body::-webkit-scrollbar {
  width: 3px;
  border-radius: 40px;
  background: #F3F6FB;
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: #6B6EE8 #F3F6FB;
  }
  *::-webkit-scrollbar-thumb {
    width: 3px;
    background: #6B6EE8;
    border-radius: 40px;
  }
  *::-webkit-scrollbar {
    width: 3px;
    background: #F3F6FB;
  }
  *::-moz-scrollbar {
    width: 3px;
  }
  * .scrollable-content::-moz-scrollbar-thumb {
    background: #6B6EE8;
    border-radius: 40px;
  }
}
a {
  text-decoration: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

ul {
  list-style: none;
}

button {
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
  padding: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

html._fixed {
  overflow: hidden;
}

.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}

/* убираем тени safari */
input:not([type=checkbox]):not([type=radio]),
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.container {
  width: 100%;
  max-width: 100%;
}

time {
  display: block;
}

.line-bottom {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

@media (max-width: 1680px) {
  .line-bottom {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
.line-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
  width: 80px;
  height: 2px;
  background: rgba(24, 24, 48, 0.1);
}

.fz-33 {
  font-size: 33px;
  font-weight: 800;
}

@media (max-width: 1680px) {
  .fz-33 {
    font-size: 28px;
  }
}
@media (max-width: 1240px) {
  .fz-33 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .fz-33 {
    font-size: 18px;
  }
}
.fz-24 {
  font-size: 18px;
  font-weight: 800;
}

@media (max-width: 1680px) {
  .fz-24 {
    font-size: 18px;
  }
}
@media (max-width: 1240px) {
  .fz-24 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .fz-24 {
    font-size: 16px;
  }
}
.fz-18 {
  font-size: 18px;
  font-weight: 800;
}

@media (max-width: 1680px) {
  .fz-18 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .fz-18 {
    font-size: 14px;
  }
}
.fz-16 {
  font-size: 14px;
  font-weight: 300;
}

@media (max-width: 1680px) {
  .fz-16 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .fz-16 {
    font-size: 12px;
  }
}
.fz-14 {
  font-size: 14px;
  font-weight: 300;
}

@media (max-width: 1680px) {
  .fz-14 {
    font-size: 12px;
  }
}
.link {
  font-size: 16px;
  font-weight: 300;
}

@media (max-width: 1680px) {
  .link {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .link {
    font-size: 12px;
  }
}
.fw-800 {
  font-weight: 800;
}

.fw-300 {
  font-weight: 300;
}

.title-compensating-padding {
  margin-top: 18px;
}

@media (max-width: 767px) {
  .title-compensating-padding {
    margin-top: 0;
  }
}
.btn,
.btn-dark,
.btn-red,
.btn-full {
  border-radius: 16px;
  border: 2px solid #6B6EE8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 46px;
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #6B6EE8;
  padding: 10px 30px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 1680px) {
  .btn,
  .btn-dark,
  .btn-red,
  .btn-full {
    min-height: 44px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 110%;
  }
}
@media (max-width: 1240px) {
  .btn,
  .btn-dark,
  .btn-red,
  .btn-full {
    min-height: 40px;
    padding: 11px 18px;
    border-radius: 14px;
    font-size: 12px;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .btn,
  .btn-dark,
  .btn-red,
  .btn-full {
    padding: 8px 11px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 110%;
  }
}
@media (hover: hover) {
  .btn:hover,
  .btn-dark:hover,
  .btn-red:hover,
  .btn-full:hover {
    color: #ffffff;
    background: #6B6EE8;
  }
}
@media (hover: none) {
  .btn:active,
  .btn-dark:active,
  .btn-red:active,
  .btn-full:active {
    background: #5C5FE6;
    border-color: #5C5FE6;
  }
}
.btn:active,
.btn-dark:active,
.btn-red:active,
.btn-full:active {
  background: #5C5FE6;
  border-color: #5C5FE6;
}

.btn-dark {
  border: 2px solid #181830;
  color: #181830;
}

@media (hover: hover) {
  .btn-dark:hover {
    color: #ffffff;
    background: #181830;
  }
}
@media (hover: none) {
  .btn-dark:active {
    background: #5C5FE6;
    border-color: #5C5FE6;
  }
}
.btn-dark:active {
  background: #8C8C98;
  border-color: #8C8C98;
}

.btn-red {
  border: 2px solid #FF8075;
  color: #FF8075;
}

@media (hover: hover) {
  .btn-red:hover {
    color: #ffffff;
    background: #FF8075;
  }
}
@media (hover: none) {
  .btn-red:active {
    background: #ffffff;
    border-color: #FF8075;
  }
}
.btn-red:active {
  background: #ffffff;
  border-color: #FF8075;
}

.btn-full {
  border: 2px solid #181830;
  background: #181830;
  color: #ffffff;
}

@media (hover: hover) {
  .btn-full:hover {
    color: #181830;
    background: none;
  }
}
@media (hover: none) {
  .btn-full:active {
    background: none;
    border-color: #8C8C98;
    border-color: #8C8C98;
  }
}
.btn-full:active {
  background: none;
  border-color: #8C8C98;
  border-color: #8C8C98;
}

.btn-show-more {
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}

@media (max-width: 1680px) {
  .btn-show-more {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .btn-show-more {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .btn-show-more {
    margin-top: 24px;
  }
}
.modal-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.25);
  z-index: 5;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -33333333333;
  opacity: 0;
  padding: 32px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

@media screen and (max-width: 1240px) {
  .modal-background {
    padding: 20px;
  }
}
.modal-background.--active {
  opacity: 1;
  z-index: 777;
}

.modal-background.--active .modal__container {
  -webkit-transform: translateY(0) rotateX(0deg);
  transform: translateY(0) rotateX(0deg);
}

.modal__container {
  -webkit-transform: translateY(-100%) rotateX(15deg);
  transform: translateY(-100%) rotateX(15deg);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin: auto;
  width: 593px;
  background: #FFFFFF;
  border-radius: 24px;
  padding: 25px;
}

@media (max-width: 1680px) {
  .modal__container {
    width: 550px;
  }
}
@media (max-width: 1240px) {
  .modal__container {
    width: 478px;
    border-radius: 18px;
  }
}
@media (max-width: 767px) {
  .modal__container {
    width: 320px;
    padding: 16px;
    border-radius: 16px;
  }
}
@media (max-width: 380px) {
  .modal__container {
    width: 100%;
  }
}
.modal__title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

@media (max-width: 1680px) {
  .modal__title {
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .modal__title {
    font-size: 18px;
  }
}
.modal-btn {
  width: 100%;
}

.modal-row {
  padding: 5px 5px 5px 80px;
  border-radius: 24px;
  background: #F3F6FB;
  position: relative;
  margin-top: 15px;
}

@media (max-width: 1680px) {
  .modal-row {
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .modal-row {
    margin-top: 12px;
    padding-left: 50px;
    border-radius: 18px;
  }
}
@media (max-width: 767px) {
  .modal-row {
    margin-top: 8px;
    padding: 8px;
    border-radius: 8px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30px 1fr;
    grid-template-columns: 30px 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
  }
}
.modal-row-img {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.modal-row-img img,
.modal-row-img svg {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .modal-row-img img,
  .modal-row-img svg {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .modal-row-img {
    position: static;
    width: 30px;
    height: 30px;
  }
}
.modal-row-coll {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  border-radius: 24px;
  background: #ffffff;
  -webkit-box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
  box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
  padding: 40px 12px;
  z-index: 1;
  position: relative;
}

@media (max-width: 1680px) {
  .modal-row-coll {
    padding: 35px 12px;
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .modal-row-coll {
    padding: 20px 12px;
    border-radius: 18px;
  }
}
@media (max-width: 767px) {
  .modal-row-coll {
    padding: 16px;
    border-radius: 8px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 8px;
  }
}
.modal-file-drop {
  height: 200px;
  padding: 17px;
}

.modal-file-drop img {
  width: 60px;
  height: 60px;
}

@media (max-width: 1680px) {
  .modal-file-drop img {
    width: 48px;
    height: 48px;
  }
}
.modal-file-drop .file-drop-text {
  font-size: 16px;
  font-weight: 300;
  padding-top: 8px;
  text-align: center;
}

@media (max-width: 1680px) {
  .modal-file-drop .file-drop-text {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .modal-file-drop .file-drop-text {
    font-size: 12px;
  }
}
.modal-file-row {
  display: -ms-grid;
  display: grid;
  gap: 15px;
  -ms-grid-columns: 200px 1fr;
  grid-template-columns: 200px 1fr;
}

@media (max-width: 1680px) {
  .modal-file-row {
    -ms-grid-columns: 146px 1fr;
    grid-template-columns: 146px 1fr;
  }
}
@media (max-width: 1240px) {
  .modal-file-row {
    -ms-grid-columns: 138px 1fr;
    grid-template-columns: 138px 1fr;
  }
}
@media (max-width: 767px) {
  .modal-file-row {
    display: block;
  }
  .modal-file-row .files__list .file-row-element:nth-child(1) {
    margin-top: 8px;
  }
}
.modal-file-row .file-btn {
  padding-left: 5px;
  padding-right: 5px;
  min-width: 200px;
}

@media (max-width: 1680px) {
  .modal-file-row .file-btn {
    min-width: 146px;
  }
}
@media (max-width: 1240px) {
  .modal-file-row .file-btn {
    min-width: 138px;
  }
}
@media (max-width: 767px) {
  .modal-file-row .file-btn {
    min-width: 116px;
  }
}
.modal__footer-row {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 120px 120px;
  grid-template-columns: 120px 120px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 16px;
}

@media (max-width: 1680px) {
  .modal__footer-row {
    margin-top: 20px;
    padding-top: 20px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
  }
}
@media (max-width: 1240px) {
  .modal__footer-row {
    margin-top: 18px;
    padding-top: 18px;
    gap: 10px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .modal__footer-row {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-top: 12px;
    padding-top: 12px;
  }
  .modal-btn:last-child {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
.modal__container-seacrh.select {
  width: 593px;
}

.modal__container-seacrh.select .input-error {
  padding-bottom: 0;
}

.modal__container-seacrh.select .select__body-wrapp {
  margin-top: 15px;
  max-height: 320px;
}

@media (max-width: 1680px) {
  .modal__container-seacrh.select .select__body-wrapp {
    max-height: 320px;
  }
}
@media (max-width: 1240px) {
  .modal__container-seacrh.select .select__body-wrapp {
    max-height: 320px;
  }
}
@media (max-width: 767px) {
  .modal__container-seacrh.select .select__body-wrapp {
    max-height: 320px;
  }
}
@media (max-width: 1680px) {
  .modal__container-seacrh.select {
    width: 550px;
  }
}
@media (max-width: 1240px) {
  .modal__container-seacrh.select {
    width: 478px;
  }
}
@media (max-width: 767px) {
  .modal__container-seacrh.select {
    width: 320px;
  }
}
@media (max-width: 380px) {
  .modal__container-seacrh.select {
    width: 100%;
  }
}
.select {
  width: 100%;
  position: relative;
  cursor: pointer;
}

.select.is-active .select-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.select.is-active .select__header {
  border-radius: 16px 16px 0 0;
}

@media (max-width: 1240px) {
  .select.is-active .select__header {
    border-radius: 12px 12px 0 0;
  }
}
.select.is-active .select__body {
  display: block;
  -webkit-box-shadow: 5px 30px 25px rgba(0, 0, 0, 0.05);
  box-shadow: 5px 30px 25px rgba(0, 0, 0, 0.05);
}

.select__header {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 46px;
  padding: 14px 16px;
  background: #F3F6FB;
  border-radius: 16px;
}

.select__header .select-arrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1240px) {
  .select__header .select-arrow {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .select__header .select-arrow {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 1680px) {
  .select__header {
    padding: 14px;
    min-height: 44px;
  }
}
@media (max-width: 1240px) {
  .select__header {
    border-radius: 12px;
    min-height: 40px;
  }
}
@media (max-width: 767px) {
  .select__header {
    padding: 12px 18px;
  }
}
.select__body-wrapp {
  padding-right: 8px;
}

@media (max-width: 1240px) {
  .select__body-wrapp {
    padding-right: 7px;
  }
}
@media (max-width: 767px) {
  .select__body-wrapp {
    padding-right: 9px;
  }
}
.select__body {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  z-index: 10;
  background: #F3F6FB;
  border-radius: 0 0 16px 16px;
  padding: 0 8px 16px 16px;
}

@media (max-width: 1240px) {
  .select__body {
    border-radius: 0 0 12px 12px;
    padding: 0 7px 12px 14px;
  }
}
@media (max-width: 767px) {
  .select__body {
    padding: 0 9px 12px 18px;
  }
}
.select__item {
  cursor: pointer;
}

.select__current {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
  opacity: 0.6;
  word-break: break-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media (max-width: 1680px) {
  .select__current {
    font-size: 14px;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .select__current {
    font-size: 12px;
  }
}
.select__current.selected {
  opacity: 1;
}

.select__label {
  display: block;
  position: relative;
  cursor: pointer;
}

.select__label-input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

.select__item {
  padding: 12px 20px;
  display: block;
  min-height: 42px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 8px;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.02em;
  color: #181830;
  transition: 0.4s;
}

@media (max-width: 1680px) {
  .select__item {
    padding: 12px 16px;
    min-height: 39px;
    font-size: 14px;
    line-height: 110%;
  }
}
@media (max-width: 1240px) {
  .select__item {
    padding: 10px 14px;
    min-height: 33px;
    line-height: 110%;
  }
}
@media (max-width: 767px) {
  .select__item {
    font-size: 12px;
  }
}
@media (hover: hover) {
  .select__item:hover {
    color: #6B6EE8;
  }
}
@media (hover: none) {
  .select__item:active {
    color: #6B6EE8;
  }
}
input:checked ~ .select__item {
  color: #6B6EE8;
  background: rgba(107, 110, 232, 0.1);
}

.select__body-wrapp {
  overflow: auto;
  max-height: 135px;
}

@media (max-width: 1680px) {
  .select__body-wrapp {
    max-height: 120px;
  }
}
@media (max-width: 1240px) {
  .select__body-wrapp {
    max-height: 100px;
  }
}
.select-container-title {
  padding-bottom: 4px;
  padding-left: 16px;
  font-weight: 300;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

@media (max-width: 1680px) {
  .select-container-title {
    font-size: 12px;
  }
}
.select__header.search__wrapp {
  padding: 0;
}

.select__header.search__wrapp input {
  height: 100%;
  min-height: 0;
}

.select__body-white {
  background: #ffffff;
  -webkit-box-shadow: 5px 30px 25px rgba(0, 0, 0, 0.05);
  box-shadow: 5px 30px 25px rgba(0, 0, 0, 0.05);
  padding-top: 5px;
}

.select__body-white .select__body-wrapp {
  max-height: 170px;
}

@media (max-width: 1680px) {
  .select__body-white .select__body-wrapp {
    max-height: 165px;
  }
}
@media (max-width: 1240px) {
  .select__body-white .select__body-wrapp {
    max-height: 140px;
  }
}
@media (max-width: 767px) {
  .select__body-white .select__body-wrapp {
    max-height: 115px;
  }
}
.select__body-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 15px;
  padding-top: 15px;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

@media (max-width: 1680px) {
  .select__body-row {
    gap: 12px;
  }
}
@media (max-width: 767px) {
  .select__body-row {
    padding-top: 12px;
    gap: 8px;
  }
}
@media (max-width: 572px) {
  .select__body-row {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.select__body-row button {
  min-width: 120px;
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 1680px) {
  .select__body-row button {
    min-width: 140px;
  }
}
@media (max-width: 572px) {
  .select__body-row button {
    min-width: 0;
    width: 100%;
  }
}
.select .input-error {
  padding-left: 0;
  padding-top: 4px;
  padding-bottom: 25px;
}

@media (max-width: 1680px) {
  .select .input-error {
    padding-bottom: 20px;
  }
}
@media (max-width: 1240px) {
  .select .input-error {
    padding-bottom: 18px;
  }
}
@media (max-width: 767px) {
  .select .input-error {
    padding-bottom: 12px;
  }
}
.select.is-active .search__wrapp {
  border-radius: 16px;
}

@media (max-width: 1240px) {
  .select.is-active .search__wrapp {
    border-radius: 12px;
  }
}
.select__label-check {
  width: 100%;
  display: block;
}

.select__label-check + .select__label-check {
  margin-top: 5px;
}

@media (max-width: 1680px) {
  .select__label-check + .select__label-check {
    margin-top: 5px;
  }
}
@media (max-width: 1240px) {
  .select__label-check + .select__label-check {
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .select__label-check + .select__label-check {
    margin-top: 5px;
  }
}
.select__check-title.label-check-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 12px 40px 12px 12px;
  min-height: 34px;
  border-radius: 8px;
  background: #F3F6FB;
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 110%;
  color: #181830;
}

@media (max-width: 1680px) {
  .select__check-title.label-check-span {
    font-size: 14px;
    min-height: 34px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}
@media (max-width: 1240px) {
  .select__check-title.label-check-span {
    min-height: 34px;
    padding-top: 10px;
    padding-bottom: 6px;
    padding-right: 6px;
  }
}
@media (max-width: 767px) {
  .select__check-title.label-check-span {
    min-height: 34px;
    font-size: 12px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 8px;
  }
}
.select__check-title.label-check-span::after,
.select__check-title.label-check-span::before {
  left: auto;
  right: 12px;
  top: 12px;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

@media (max-width: 1680px) {
  .select__check-title.label-check-span::after,
  .select__check-title.label-check-span::before {
    top: 14px;
  }
}
@media (max-width: 1240px) {
  .select__check-title.label-check-span::after,
  .select__check-title.label-check-span::before {
    top: 10px;
  }
}
@media (max-width: 767px) {
  .select__check-title.label-check-span::after,
  .select__check-title.label-check-span::before {
    top: 11px;
  }
}
.select__body-date {
  background: #ffffff;
  padding: 24px;
  width: 422px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 24px;
}

@media (max-width: 1680px) {
  .select__body-date {
    width: 410px;
    padding: 20px;
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .select__body-date {
    width: 360px;
    padding: 18px;
    border-radius: 18px;
  }
}
@media (max-width: 370px) {
  .select__body-date {
    width: 350px;
    padding: 15px;
  }
}
.select-date.is-active .select__body-date {
  border-radius: 24px;
}

@media (max-width: 1680px) {
  .select-date.is-active .select__body-date {
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .select-date.is-active .select__body-date {
    border-radius: 18px;
  }
}
.select-date.is-active .select__header {
  border-radius: 16px;
}

@media (max-width: 1240px) {
  .select-date.is-active .select__header {
    border-radius: 12px;
  }
}
.select-icon-date {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1240px) {
  .select-icon-date {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .select-icon-date {
    width: 16px;
    height: 16px;
  }
}
.select__body-date-footer {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.input__wrapp-title {
  padding-left: 16px;
  padding-bottom: 4px;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.28px;
  color: #181830;
}

@media (max-width: 1680px) {
  .input__wrapp-title {
    font-size: 12px;
  }
}
.input,
.textarea {
  border-radius: 16px;
  background: #F3F6FB;
  width: 100%;
  min-height: 46px;
  padding: 14px 16px;
  border: none;
  outline: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: #181830;
}

.input::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: rgba(24, 24, 48, 0.6);
}

.input::-moz-placeholder,
.textarea::-moz-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: rgba(24, 24, 48, 0.6);
}

.input:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: rgba(24, 24, 48, 0.6);
}

.input::-ms-input-placeholder,
.textarea::-ms-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: rgba(24, 24, 48, 0.6);
}

.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: rgba(24, 24, 48, 0.6);
}

.input::-moz-placeholder, .textarea::-moz-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: rgba(24, 24, 48, 0.6);
}

.input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: rgba(24, 24, 48, 0.6);
}

.input::-ms-input-placeholder, .textarea::-ms-input-placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: rgba(24, 24, 48, 0.6);
}

.input::placeholder,
.textarea::placeholder {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: rgba(24, 24, 48, 0.6);
}

@media (max-width: 1680px) {
  .input::-webkit-input-placeholder,
  .textarea::-webkit-input-placeholder {
    font-size: 14px;
  }
  .input::-moz-placeholder,
  .textarea::-moz-placeholder {
    font-size: 14px;
  }
  .input:-ms-input-placeholder,
  .textarea:-ms-input-placeholder {
    font-size: 14px;
  }
  .input::-ms-input-placeholder,
  .textarea::-ms-input-placeholder {
    font-size: 14px;
  }
  .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
    font-size: 14px;
  }
  .input::-moz-placeholder, .textarea::-moz-placeholder {
    font-size: 14px;
  }
  .input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
    font-size: 14px;
  }
  .input::-ms-input-placeholder, .textarea::-ms-input-placeholder {
    font-size: 14px;
  }
  .input::placeholder,
  .textarea::placeholder {
    font-size: 14px;
  }
}
@media (max-width: 1680px) {
  .input,
  .textarea {
    min-height: 44px;
    padding: 14px;
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .input,
  .textarea {
    border-radius: 12px;
    min-height: 40px;
  }
}
@media (max-width: 767px) {
  .input,
  .textarea {
    min-height: 36px;
    padding: 10px 16px;
    border-radius: 10px;
  }
}
.textarea {
  min-height: 180px;
  resize: none;
}

@media (max-width: 1680px) {
  .textarea {
    min-height: 90px;
  }
}
@media (max-width: 1240px) {
  .textarea {
    min-height: 105px;
  }
}
@media (max-width: 767px) {
  .textarea {
    min-height: 120px;
  }
}
.password-btn {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.password-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("../../assets/img/icon/visible.svg") no-repeat center center/contain;
}

@media (max-width: 1240px) {
  .password-btn {
    width: 18px;
    height: 18px;
    right: 14px;
  }
}
@media (max-width: 767px) {
  .password-btn {
    width: 16px;
    height: 16px;
    right: 16px;
  }
}
@media (hover: hover) {
  .password-btn:hover {
    opacity: 0.8;
  }
}
@media (hover: none) {
  .password-btn:active {
    opacity: 0.8;
  }
}
.password-btn:active {
  opacity: 0.8;
}

input[type=password] ~ .password-btn::after {
  background: url("../../assets/img/icon/Hide.svg") no-repeat center center/contain;
}

.input__wrapp-container {
  position: relative;
}

.input-password {
  padding-right: 40px;
}

.input-error {
  padding-left: 16px;
  padding-top: 4px;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.28px;
  color: #FF8075;
}

@media (max-width: 1240px) {
  .input-error {
    font-size: 12px;
  }
}
.search__wrapp {
  position: relative;
}

.search-input {
  padding-right: 40px;
}

.search-btn {
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.search-btn img,
.search-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1240px) {
  .search-btn {
    width: 18px;
    height: 18px;
    right: 14px;
  }
}
@media (max-width: 767px) {
  .search-btn {
    width: 16px;
    height: 16px;
    right: 16px;
  }
}
.input-error-absolte {
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}

.input-date {
  padding-right: 40px;
  background: url("../../assets/img/icon/date.svg") no-repeat center right 15px/contain, #F3F6FB;
  background-size: 20px 20px;
}

@media (max-width: 1240px) {
  .input-date {
    background-size: 18px 18px;
  }
}
@media (max-width: 767px) {
  .input-date {
    background: url("../../assets/img/icon/date.svg") no-repeat center right 10px/contain, #F3F6FB;
    background-size: 16px 16px;
  }
}
.label {
  position: relative;
  display: block;
}

.label-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -11;
  opacity: 0;
}

.label-span {
  display: block;
}

.label-check {
  position: relative;
  display: block;
  cursor: pointer;
  display: inline-block;
}

.label-check-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  z-index: -11;
}

.label-check-span {
  position: relative;
  padding-left: 32px;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.28px;
  color: #181830;
  display: block;
}

.label-check-span::after,
.label-check-span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background: url("../../assets/img/icon/square.svg") no-repeat center center/contain;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
}

@media (max-width: 1240px) {
  .label-check-span::after,
  .label-check-span::before {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .label-check-span::after,
  .label-check-span::before {
    width: 24px;
    height: 24px;
  }
}
.label-check-span::before {
  background: url("../../assets/img/icon/checkid.svg") no-repeat center center/contain;
  opacity: 0;
}

@media (max-width: 1680px) {
  .label-check-span {
    font-size: 12px;
  }
}
@media (max-width: 1240px) {
  .label-check-span {
    padding-left: 26px;
  }
}
@media (max-width: 767px) {
  .label-check-span {
    padding-left: 32px;
  }
}
.label-radio-span::after {
  background: url("../../assets/img/icon/circle.svg") no-repeat center center/contain;
}

.label-radio-span::before {
  background: url("../../assets/img/icon/circle-checkid.svg") no-repeat center center/contain;
}

input:checked ~ .label-check-span::after {
  opacity: 0;
}

input:checked ~ .label-check-span::before {
  opacity: 1;
}

input:indeterminate ~ .label-check-span::after {
  opacity: 0;
}

input:indeterminate ~ .label-check-span::before {
  background: url("../../assets/img/icon/line.svg") no-repeat center center/contain;
  opacity: 1;
}

input:indeterminate ~ .label-radio-span::before {
  background: url("../../assets/img/icon/circle.svg") no-repeat center center/contain;
}

.time-container {
  color: #F1A7B8;
}

.date-container {
  padding-left: 12px;
  color: #181830;
}

.avatar {
  position: relative;
  overflow: hidden;
  width: 200px;
  height: 200px;
  border-radius: 20px;
}

@media (max-width: 1680px) {
  .avatar {
    width: 180px;
    height: 180px;
  }
}
@media (max-width: 1240px) {
  .avatar {
    border-radius: 5px;
  }
}
@media (max-width: 767px) {
  .avatar {
    width: 150px;
    height: 150px;
    border-radius: 12px;
  }
}
.avatar-label {
  display: contents;
}

.avatar-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: url("../../assets/img/icon/foto.svg") no-repeat center center/contain, #D3EAFE;
  background-size: 85px 85px;
}

@media (max-width: 1680px) {
  .avatar-preview {
    background-size: 78px 78px;
  }
}
@media (max-width: 767px) {
  .avatar-preview {
    background-size: 55px 55px;
  }
}
.avatar-preview img,
.avatar-preview svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.avatar-buttons-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  border-radius: 0 0 0 10px;
  background: #F3F6FB;
  padding: 5px 15px 5px 10px;
}

@media (max-width: 767px) {
  .avatar-buttons-row {
    padding: 4px 8px;
    border-radius: 0 0 0 8px;
  }
}
.avatar-btn {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.avatar-btn img,
.avatar-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .avatar-btn {
    width: 20px;
    height: 20px;
  }
}
@media (hover: hover) {
  .avatar-btn:hover {
    opacity: 0.8;
  }
}
@media (hover: none) {
  .avatar-btn:active {
    opacity: 0.8;
  }
}
.avatar-btn:active {
  opacity: 0.8;
}

.avatar-btn + .avatar-btn {
  margin-left: 10px;
}

.tab-box {
  display: none;
}

.tab-box.tab--active {
  display: block;
}

.tabs-head {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-right: 15px;
}

.tabs-head::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  .tabs-head {
    padding: 8px;
    margin-bottom: 8px;
    border-radius: 16px;
    background: #F3F6FB;
  }
}
.tab-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  position: relative;
}

@media (max-width: 767px) {
  .tab-row {
    margin-left: 0;
    margin-right: auto;
    gap: 4px;
  }
}
.tab__label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin-right: -10px;
  position: relative;
}

.tab__label:first-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .tab__label {
    margin-right: 0;
  }
}
@media (hover: hover) {
  .tab__label:hover {
    z-index: 2;
  }
}
@media (hover: none) {
  .tab__label:active {
    z-index: 2;
  }
}
.tab__label:active {
  z-index: 2;
}

.tab__label.is-active {
  z-index: 3;
  /*order: 1;*/
}

.tab__label-span {
  padding: 10px 18px;
  color: #181830;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: 0.36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #F3F6FB;
  border-radius: 16px 16px 0px 0px;
  border-top: 1px solid #BDBBCD;
  border-right: 1px solid #BDBBCD;
  border-left: 1px solid #BDBBCD;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  white-space: nowrap;
}

@media (max-width: 1680px) {
  .tab__label-span {
    padding: 6px 18px;
    font-size: 14px;
    border-radius: 14px 14px 0px 0px;
  }
}
@media (max-width: 1240px) {
  .tab__label-span {
    padding: 4px 14px;
  }
}
@media (max-width: 767px) {
  .tab__label-span {
    padding: 12px 18px;
    border-radius: 10px;
    border: 1px solid #BDBBCD;
  }
}
@media (hover: hover) {
  .tab__label-span:hover {
    color: #fff;
    background: #6B6EE8;
    border-color: #6B6EE8;
  }
}
@media (hover: none) {
  .tab__label-span:active {
    color: #fff;
    background: #6B6EE8;
    border-color: #6B6EE8;
  }
}
.tab__label-span:active {
  color: #fff;
  background: #6B6EE8;
  border-color: #6B6EE8;
}

input:checked ~ .tab__label-span {
  color: #fff;
  background: #6B6EE8;
}

.video__container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .video__container {
    border-radius: 5px;
  }
}
.video__container video,
.video__container iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 20px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .video__container video,
  .video__container iframe {
    border-radius: 5px;
  }
}
.video__container::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -o-linear-gradient(bottom, rgba(24, 24, 48, 0.6) 0%, rgba(24, 24, 48, 0.6) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(24, 24, 48, 0.6)), to(rgba(24, 24, 48, 0.6)));
  background: linear-gradient(0deg, rgba(24, 24, 48, 0.6) 0%, rgba(24, 24, 48, 0.6) 100%);
  opacity: 1;
  z-index: 1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.video__container::before {
  content: "";
  background: url("../../assets/img/icon/play.svg") no-repeat center center/contain;
  position: absolute;
  bottom: 25px;
  left: 25px;
  width: 50px;
  height: 50px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: 2;
}

@media (max-width: 1680px) {
  .video__container::before {
    width: 45px;
    height: 45px;
    left: 15px;
    bottom: 15px;
  }
}
@media (max-width: 1240px) {
  .video__container::before {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 767px) {
  .video__container::before {
    width: 32px;
    height: 32px;
    left: 10px;
    bottom: 10px;
  }
}
@media (hover: hover) {
  .video__container:hover::before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@media (hover: none) {
  .video__container:active::before {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.video__container:active::before {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.video__container.--pause::after {
  z-index: -1;
  opacity: 0;
}

.video__container.--pause::before {
  display: none;
}

.file-row-element {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .file-row-element {
    gap: 5px;
  }
}
.file__row-img {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1240px) {
  .file__row-img {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .file__row-img {
    width: 16px;
    height: 16px;
  }
}
.file__row--btn {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.file__row--btn img,
.file__row--btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1240px) {
  .file__row--btn {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .file__row--btn {
    width: 16px;
    height: 16px;
  }
}
@media (hover: hover) {
  .file__row--btn:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .file__row--btn:active {
    opacity: 0.7;
  }
}
.file__row--btn:active {
  opacity: 0.7;
}

.file__row--name {
  word-break: break-all;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #47BE2C;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.file-text {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
  opacity: 0.6;
  padding-top: 8px;
}

@media (max-width: 1680px) {
  .file-text {
    font-size: 12px;
  }
}
@media (max-width: 1240px) {
  .file-text {
    padding-top: 4px;
  }
}
@media (max-width: 767px) {
  .file-text {
    padding-top: 8px;
  }
}
.file-row-element + .file-row-element {
  margin-top: 12px;
}

.creating-lesson__tabs {
  max-width: 420px;
  margin-top: 12px;
  margin-bottom: 16px;
}

@media (max-width: 767px) {
  .creating-lesson__tabs {
    max-width: 100%;
  }
}
.file-drop {
  width: 500px;
  height: 500px;
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 200px;
  background: #F3F6FB;
  border-radius: 16px;
  margin-bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  isolation: isolate;
}

.file-drop img,
.file-drop svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
  width: 60px;
  height: 60px;
  position: relative;
  z-index: -2;
}

@media (max-width: 1680px) {
  .file-drop img,
  .file-drop svg {
    width: 48px;
    height: 48px;
  }
}
.file-drop::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.5;
  z-index: -1;
  border: 2px dashed #6B6EE8;
  border-radius: 8px;
  width: calc(100% - 16px);
  height: calc(100% - 16px);
}

.file-drop::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  background: rgba(24, 24, 48, 0.1);
  left: 0;
  bottom: -12px;
}

@media (max-width: 767px) {
  .file-drop::after {
    bottom: -8px;
  }
}
@media (max-width: 1680px) {
  .file-drop {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .file-drop {
    margin-bottom: 16px;
  }
}
.file-drop-text {
  position: relative;
  z-index: -3;
}

.file-text {
  text-align: center;
  padding-top: 8px;
}

.file-image-box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  aspect-ratio: 39/20;
}

@media (max-width: 1680px) {
  .file-image-box {
    aspect-ratio: 11/6;
  }
}
@media (max-width: 1240px) {
  .file-image-box {
    aspect-ratio: 20/11;
  }
}
@media (max-width: 767px) {
  .file-image-box {
    aspect-ratio: 72/35;
  }
}
.file-image-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 12px;
  overflow: hidden;
}

.checkbox-tree .checkbox-tree {
  padding-left: 20px;
}

@media (max-width: 1240px) {
  .checkbox-tree .checkbox-tree {
    padding-left: 15px;
  }
}
.checkbox-tree-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  z-index: -11;
}

.checkbox-tree-check-span.label-check-span {
  padding: 0;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1240px) {
  .checkbox-tree-check-span.label-check-span {
    width: 20px;
    height: 20px;
  }
}
.checkbox-tree-check-span.label-check-span::after,
.checkbox-tree-check-span.label-check-span::before {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1240px) {
  .checkbox-tree-check-span.label-check-span::after,
  .checkbox-tree-check-span.label-check-span::before {
    width: 20px;
    height: 20px;
  }
}
.message-arhive {
  position: fixed;
  z-index: 33;
  bottom: 100px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 24px;
  background: #ffffff;
  -webkit-box-shadow: 15px 15px 29px rgba(59, 59, 59, 0.09);
  box-shadow: 15px 15px 29px rgba(59, 59, 59, 0.09);
  border-radius: 24px;
  max-width: 350px;
  display: none;
}

@media (max-width: 1680px) {
  .message-arhive {
    max-width: 300px;
    padding: 20px;
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .message-arhive {
    max-width: 260px;
    padding: 18px;
    border-radius: 18px;
  }
}
@media (max-width: 767px) {
  .message-arhive {
    padding: 12px;
    border-radius: 10px;
  }
}
.hidden {
  display: none;
}

.visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: fade-in-out 3s forwards;
  animation: fade-in-out 3s forwards;
}

@-webkit-keyframes fade-in-out {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  70% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
}
@keyframes fade-in-out {
  0% {
    opacity: 0;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
  30% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  70% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }
}
.message-arhive-img {
  width: 32px;
  height: 32px;
  margin-left: 15px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.message-arhive-img img,
.message-arhive-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1680px) {
  .message-arhive-img {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 1240px) {
  .message-arhive-img {
    width: 24px;
    height: 24px;
  }
}
.air-datepicker-nav {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.air-datepicker-nav--title {
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
}

.air-datepicker-nav--title::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
}

@media (max-width: 1680px) {
  .air-datepicker-nav--title {
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .air-datepicker-nav--title {
    font-size: 18px;
  }
}
@media (hover: hover) {
  .air-datepicker-nav--title:hover {
    background: none;
    opacity: 0.7;
  }
}
@media (hover: none) {
  .air-datepicker-nav--title:active {
    background: none;
    opacity: 0.7;
  }
}
.air-datepicker-nav--title:active {
  background: none;
  opacity: 0.7;
}

.air-datepicker-nav--action {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  position: relative;
}

.air-datepicker-nav--action::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url("../../assets/img/icon/prev.svg") no-repeat center center/contain;
}

.air-datepicker-nav--action svg,
.air-datepicker-nav--action img {
  display: none;
}

@media (max-width: 1240px) {
  .air-datepicker-nav--action {
    width: 18px;
    height: 18px;
  }
}
@media (hover: hover) {
  .air-datepicker-nav--action:hover {
    background: none;
    opacity: 0.7;
  }
}
@media (hover: none) {
  .air-datepicker-nav--action:active {
    background: none;
    opacity: 0.7;
  }
}
.air-datepicker-nav--action:active {
  background: none;
  opacity: 0.7;
}

.air-datepicker-nav--title ~ .air-datepicker-nav--action::after {
  background: url("../../assets/img/icon/next.svg") no-repeat center center/contain;
}

.air-datepicker.-inline- {
  border: none;
  width: 100%;
}

.air-datepicker-nav {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-color: rgba(24, 24, 48, 0.1);
  padding-top: 0;
}

@media (max-width: 1680px) {
  .air-datepicker-nav {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1240px) {
  .air-datepicker-nav {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
.air-datepicker-body--day-name {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
  text-transform: capitalize;
}

@media (max-width: 1680px) {
  .air-datepicker-body--day-name {
    font-size: 12px;
  }
}
.air-datepicker-cell {
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 110%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  color: #181830;
  width: 32px;
  height: 32px;
  margin: auto;
  border-radius: 50%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid rgba(0, 0, 0, 0);
}

@media (max-width: 1680px) {
  .air-datepicker-cell {
    font-size: 14px;
  }
}
.air-datepicker-cell.-day-.-current- {
  border: 1px solid #7C3AED;
  color: #7C3AED;
}

.air-datepicker-cell.-day-.-selected-,
.air-datepicker-cell.-day-.-focus- {
  background: #7C3AED;
  color: #ffffff;
  border: 1px solid #7C3AED;
}

.air-datepicker-body--day-names {
  -ms-grid-columns: 44px [7];
  grid-template-columns: repeat(7, 44px);
  gap: 5px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 5px;
  margin-top: 0;
  margin-bottom: 0;
}

@media (max-width: 1240px) {
  .air-datepicker-body--day-names {
    gap: 0;
  }
}
.air-datepicker--content {
  padding: 0;
}

.air-datepicker-body--cells.-days- {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-grid-columns: 44px [7];
  grid-template-columns: repeat(7, 44px);
  grid-auto-rows: 44px;
  gap: 5px;
}

@media (max-width: 1240px) {
  .air-datepicker-body--cells.-days- {
    gap: 0;
  }
}
.air-datepicker-cell.-day-.-other-month- {
  color: #E8E8EB;
}

.header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 334;
  background: #ffffff;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(101, 101, 101, 0.2);
  box-shadow: 0px 5px 20px 0px rgba(101, 101, 101, 0.2);
  padding: 15px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1240px) {
  .header {
    padding: 12px 20px;
  }
}
.header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 285px;
}

.header__logo img,
.header__logo svg {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1680px) {
  .header__logo {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .header__logo {
    width: 120px;
  }
}
.header__coll-inner {
  padding-right: 32px;
  margin-right: 32px;
  position: relative;
}

.header__coll-inner:nth-last-child(1) {
  padding-right: 0;
  margin-right: 0;
}

.header__coll-inner:nth-last-child(1)::after {
  height: 0;
}

.header__coll-inner::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 70px;
  background: rgba(24, 24, 48, 0.1);
}

@media (max-width: 1680px) {
  .header__coll-inner::after {
    height: 60px;
  }
}
@media (max-width: 1240px) {
  .header__coll-inner::after {
    height: 40px;
  }
}
@media (max-width: 767px) {
  .header__coll-inner::after {
    height: 30px;
  }
}
@media (max-width: 1680px) {
  .header__coll-inner {
    margin-right: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1240px) {
  .header__coll-inner {
    margin-right: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .header__coll-inner {
    margin-right: 12px;
    padding-right: 12px;
  }
}
.header__coll-inner {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media (max-width: 1680px) {
  .header__coll-inner {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media (max-width: 1240px) {
  .header__coll-inner {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.header__contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header__coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header__coll-btn {
  padding: 10px 30px;
}

@media (max-width: 767px) {
  .header__coll-btn {
    padding: 8px;
  }
  .header__coll-btn span {
    display: none;
  }
}
.header__coll-btn svg,
.header__coll-btn img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: none;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .header__coll-btn svg,
  .header__coll-btn img {
    display: block;
  }
}
.header__coll-btn path,
.header__coll-btn rect {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (hover: hover) {
  .header__coll-btn:hover path,
  .header__coll-btn:hover rect {
    stroke: #ffffff;
  }
}
@media (hover: none) {
  .header__coll-btn:active path,
  .header__coll-btn:active rect {
    stroke: #ffffff;
  }
}
.header__coll-btn:active path,
.header__coll-btn:active rect {
  stroke: #ffffff;
}

@media (hover: hover) {
  .btn-full.header__coll-btn:hover path,
  .btn-full.header__coll-btn:hover rect {
    stroke: #181830;
  }
}
@media (hover: none) {
  .btn-full.header__coll-btn:active path,
  .btn-full.header__coll-btn:active rect {
    stroke: #181830;
  }
}
.btn-full.header__coll-btn:active path,
.btn-full.header__coll-btn:active rect {
  stroke: #181830;
}

.header__contact-inner + .header__contact-inner {
  padding-left: 15px;
}

.header__contact-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-weight: 800;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

@media (max-width: 1680px) {
  .header__contact-link {
    font-size: 16px;
  }
}
.header__contact-link svg,
.header__contact-link img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .header__contact-link svg,
  .header__contact-link img {
    width: 20px;
    height: 20px;
  }
}
.header__contact-link span {
  display: block;
  padding-left: 8px;
}

@media (max-width: 1680px) {
  .header__contact-link span {
    padding-left: 6px;
  }
}
@media (max-width: 1240px) {
  .header__contact-link span {
    display: none;
  }
}
@media (max-width: 1680px) {
  .header__coll-time .date-container {
    padding-left: 0;
    display: block;
    text-align: right;
    padding-top: 4px;
  }
  .header__coll-time .time-container {
    display: block;
    text-align: right;
  }
}
@media (max-width: 767px) {
  .header__coll-time {
    display: none;
  }
}
.header__avatar-name {
  color: #181830;
}

.header__avatar-id {
  padding-top: 2px;
  color: #47BE2C;
}

.header__avatar-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.header__avatar-coll {
  padding-left: 12px;
}

@media (max-width: 1680px) {
  .header__avatar-coll {
    padding-left: 10px;
  }
}
@media (max-width: 1240px) {
  .header__avatar-coll {
    display: none;
  }
}
.header__avatar-img {
  border-radius: 50%;
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: url("../../assets/img/icon/avatar.svg") no-repeat center center/contain, #D3EAFE;
  background-size: 70% 70%;
}

.header__avatar-img img,
.header__avatar-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
}

@media (max-width: 1680px) {
  .header__avatar-img {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 767px) {
  .header__avatar-img {
    width: 24px;
    height: 24px;
  }
}
.header__avatar-id.gray {
  color: #BDBBCD;
}

.regist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  padding: 50px 20px;
  margin-top: 100px;
  min-height: calc(100vh - 100px);
}

@media (max-width: 1680px) {
  .regist {
    margin-top: 90px;
    min-height: calc(100vh - 90px);
  }
}
@media (max-width: 1240px) {
  .regist {
    margin-top: 65px;
    min-height: calc(100vh - 65px);
  }
}
@media (max-width: 767px) {
  .regist {
    padding: 30px 20px;
  }
}
.regist-form + .regist-form {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .regist-form + .regist-form {
    margin-top: 15px;
  }
}
.regist-form {
  margin: auto;
  border-radius: 24px;
  background: #ffffff;
  padding: 24px;
  width: 540px;
}

@media (max-width: 1680px) {
  .regist-form {
    width: 450px;
    padding: 20px;
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .regist-form {
    width: 478px;
    padding: 18px;
    border-radius: 18px;
  }
}
@media (max-width: 592px) {
  .regist-form {
    width: 100%;
    padding: 16px;
    border-radius: 16px;
  }
}
.regist-form-entry {
  width: 460px;
}

@media (max-width: 1680px) {
  .regist-form-entry {
    width: 404px;
  }
}
@media (max-width: 1240px) {
  .regist-form-entry {
    width: 478px;
    padding: 18px;
  }
}
@media (max-width: 592px) {
  .regist-form-entry {
    width: 100%;
  }
}
.regist-form-title {
  text-align: center;
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 16px;
}

.regist-form-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 120px;
  height: 1px;
  background: rgba(24, 24, 48, 0.1);
}

@media (max-width: 1680px) {
  .regist-form-title::after {
    width: 100px;
  }
}
@media (max-width: 767px) {
  .regist-form-title::after {
    width: 120px;
  }
}
@media (max-width: 1680px) {
  .regist-form-title {
    margin-bottom: 14px;
    padding-bottom: 14px;
  }
}
@media (max-width: 1240px) {
  .regist-form-title {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .regist-form-title {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
}
.regist__form-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 24px;
  min-width: 200px;
}

@media (max-width: 1680px) {
  .regist__form-btn {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .regist__form-btn {
    min-width: 150px;
  }
}
@media (max-width: 767px) {
  .regist__form-btn {
    margin-top: 15px;
    min-width: 145px;
  }
}
.regist__form-text {
  text-align: center;
  margin-top: 12px;
  padding-top: 12px;
  position: relative;
  line-height: 110%;
}

.regist__form-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 120px;
  height: 1px;
  background: rgba(24, 24, 48, 0.1);
}

@media (max-width: 1680px) {
  .regist__form-text::after {
    width: 100px;
  }
}
@media (max-width: 767px) {
  .regist__form-text::after {
    width: 120px;
  }
}
@media (max-width: 1680px) {
  .regist__form-text {
    margin-top: 10px;
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .regist__form-text {
    margin-top: 8px;
    padding-top: 8px;
  }
}
.regist-form-img {
  margin-left: auto;
  margin-right: auto;
  width: 90px;
  height: 90px;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}

@media (max-width: 1680px) {
  .regist-form-img {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 1240px) {
  .regist-form-img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 767px) {
  .regist-form-img {
    width: 48px;
    height: 48px;
  }
}
.regist__form-link {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12px;
  text-decoration-line: underline;
  color: #6B6EE8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.32px;
}

@media (max-width: 1680px) {
  .regist__form-link {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .regist__form-link {
    font-size: 12px;
  }
}
@media (hover: hover) {
  .regist__form-link:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .regist__form-link:active {
    text-decoration: none;
  }
}
.regist__form-link:active {
  text-decoration: none;
}

.regist__form-inner + .regist__form-inner {
  margin-top: 16px;
}

@media (max-width: 1680px) {
  .regist__form-inner + .regist__form-inner {
    margin-top: 12px;
  }
}
@media (max-width: 1240px) {
  .regist__form-inner + .regist__form-inner {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .regist__form-inner + .regist__form-inner {
    margin-top: 12px;
  }
}
.panel {
  overflow: hidden;
  padding-right: 40px;
  padding-left: 145px;
  margin-top: 100px;
  min-height: calc(100vh - 100px);
  padding: 40px 40px 40px 145px;
}

@media (max-width: 1680px) {
  .panel {
    padding-left: 125px;
    margin-top: 90px;
    min-height: calc(100vh - 90px);
  }
}
@media (max-width: 1240px) {
  .panel {
    padding: 30px 20px 130px 20px;
    margin-top: 65px;
    min-height: calc(100vh - 65px);
  }
}
@media (max-width: 767px) {
  .panel {
    padding-top: 20px;
  }
}
.panel-nav {
  width: 120px;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 333;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-top: 100px;
}

.panel-nav::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1680px) {
  .panel-nav {
    width: 101px;
    padding-top: 90px;
  }
}
@media (max-width: 1240px) {
  .panel-nav {
    height: auto;
    width: 100%;
    overflow: initial;
    top: auto;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
  .panel-nav::after,
  .panel-nav::before {
    content: "";
    width: 16px;
    height: calc(100% - 30px);
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 16px 0 0 0;
    background: #6B6EE8;
  }
  .panel-nav::before {
    left: auto;
    right: 0;
    border-radius: 0 16px 0 0;
  }
}
.panel__nav-container {
  width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  isolation: isolate;
  padding-top: 130px;
  padding-bottom: 130px;
  position: relative;
}

.panel__nav-container::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 140px;
  -webkit-mask: url("../../assets/img/panel/panel-top.svg");
  mask: url("../../assets/img/panel/panel-top.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  top: 0;
  left: 0;
  background: #6B6EE8;
  z-index: -2;
}

@media (max-width: 1680px) {
  .panel__nav-container::after {
    height: 116px;
  }
}
@media (max-width: 1240px) {
  .panel__nav-container::after {
    -webkit-mask: initial;
    mask: initial;
    width: 0;
  }
}
.panel__nav-container::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 140px;
  -webkit-mask: url("../../assets/img/panel/panel-bottom.svg");
  mask: url("../../assets/img/panel/panel-bottom.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  bottom: 0;
  left: 0;
  background: #6B6EE8;
  z-index: -2;
}

@media (max-width: 1680px) {
  .panel__nav-container::before {
    height: 116px;
  }
}
@media (max-width: 1240px) {
  .panel__nav-container::before {
    -webkit-mask: initial;
    mask: initial;
    width: 0;
  }
}
@media (max-width: 1680px) {
  .panel__nav-container {
    padding-top: 116px;
    padding-bottom: 116px;
  }
}
@media (max-width: 1240px) {
  .panel__nav-container {
    padding-top: 30px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }
}
.panel__nav-inner {
  padding-left: 13px;
  padding-right: 13px;
}

@media (max-width: 1680px) {
  .panel__nav-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .panel__nav-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
.panel__nav-list + .panel__nav-list,
.panel__nav-inner + .panel__nav-inner {
  padding-top: 25px;
}

@media (max-width: 1680px) {
  .panel__nav-list + .panel__nav-list,
  .panel__nav-inner + .panel__nav-inner {
    padding-top: 22px;
  }
}
@media (max-width: 1240px) {
  .panel__nav-list + .panel__nav-list,
  .panel__nav-inner + .panel__nav-inner {
    padding-top: 0;
  }
}
.panel__nav-list {
  background: #6B6EE8;
}

@media (max-width: 1240px) {
  .panel__nav-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    background: none;
  }
}
.panel__nav-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.28px;
  text-align: center;
  padding-top: 8px;
  color: #ffffff;
}

@media (max-width: 1680px) {
  .panel__nav-text {
    font-size: 12px;
    padding-top: 5px;
  }
}
@media (max-width: 1240px) {
  .panel__nav-text {
    margin-bottom: 0;
    margin-top: auto;
  }
}
.panel__nav-icon {
  width: 23px;
  height: 23px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.panel__nav-icon img,
.panel__nav-icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1240px) {
  .panel__nav-icon img,
  .panel__nav-icon svg {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 767px) {
  .panel__nav-icon img,
  .panel__nav-icon svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1680px) {
  .panel__nav-icon {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 1240px) {
  .panel__nav-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.panel__nav-icon::after {
  content: "";
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #ffffff;
  -webkit-filter: blur(10px);
  filter: blur(10px);
  left: 50%;
  top: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -25%);
  -ms-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}

@media (max-width: 767px) {
  .panel__nav-icon::after {
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
  }
}
.panel__nav-number {
  position: absolute;
  left: 10px;
  top: -10px;
  padding: 2px 4px;
  background: #FF8075;
  border-radius: 10px;
  height: 17px;
  min-width: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: 0.24px;
  color: #ffffff;
}

@media (max-width: 1680px) {
  .panel__nav-number {
    font-size: 11px;
    height: 15px;
    min-width: 15px;
  }
}
@media (max-width: 1240px) {
  .panel__nav-number {
    font-size: 10px;
    height: 13px;
    min-width: 13px;
    top: -5px;
  }
}
@media (max-width: 767px) {
  .panel__nav-number {
    height: 11px;
    min-width: 11px;
    left: 10px;
  }
}
.panel__nav-link {
  display: block;
}

.panel__nav-link path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (min-width: 767px) and (hover: hover) {
  .panel__nav-link:hover .panel__nav-icon::after {
    opacity: 1;
  }
  .panel__nav-link:hover .panel__nav-icon path {
    opacity: 1;
    fill: #FF8075;
  }
  .panel__nav-link:hover .panel__nav-icon .svg-opacity {
    opacity: 0.4;
  }
  .panel__nav-link:hover .panel__nav-icon .rec-opacity {
    fill-opacity: 0.4;
    fill: #FF8075;
  }
  .panel__nav-link:hover .panel__nav-icon .path-stroke {
    opacity: 1;
    stroke: #FF8075;
  }
}
@media (min-width: 767px) and (hover: none) {
  .panel__nav-link:active .panel__nav-icon::after {
    opacity: 1;
  }
  .panel__nav-link:active .panel__nav-icon path {
    opacity: 1;
    fill: #FF8075;
  }
}
@media (min-width: 767px) {
  .panel__nav-link:active .panel__nav-icon path {
    fill: #FF8075;
    opacity: 1;
  }
  .panel__nav-link:active .panel__nav-icon::after {
    opacity: 1;
  }
}
@media (max-width: 1240px) {
  .panel__nav-link {
    padding: 30px 10px 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
  }
}
@media (min-width: 1240px) {
  .panel__nav-link.--active .panel__nav-icon::after {
    opacity: 1;
  }
}
@media (min-width: 1240px) and (hover: hover) {
  .panel__nav-link.--active:hover .panel__nav-icon::after {
    opacity: 1;
  }
  .panel__nav-link.--active:hover .panel__nav-icon path {
    opacity: 1;
    fill: #FF8075;
  }
}
@media (min-width: 1240px) and (hover: none) {
  .panel__nav-link.--active:active .panel__nav-icon::after {
    opacity: 1;
  }
  .panel__nav-link.--active:active .panel__nav-icon path {
    opacity: 1;
    fill: #FF8075;
  }
}
@media (min-width: 1240px) {
  .panel__nav-link.--active:active .panel__nav-icon path {
    fill: #FF8075;
    opacity: 1;
  }
  .panel__nav-link.--active:active .panel__nav-icon::after {
    opacity: 1;
  }
}
@media (max-width: 1240px) {
  .panel__nav-link.--active {
    position: relative;
    background: none;
    height: 100%;
  }
  .panel__nav-link.--active .panel__nav-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: -5px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  }
  .panel__nav-link.--active .panel__nav-number {
    left: 20px;
    top: 5px;
  }
}
.panel-box {
  border-radius: 24px;
  background: #ffffff;
  padding: 24px;
}

@media (max-width: 1680px) {
  .panel-box {
    border-radius: 20px;
    padding: 20px;
  }
}
@media (max-width: 1240px) {
  .panel-box {
    padding: 18px;
    border-radius: 18px;
  }
}
@media (max-width: 767px) {
  .panel-box {
    padding: 16px;
    border-radius: 8px;
  }
}
.panel-box-wrapp {
  margin-top: 32px;
}

@media (max-width: 1680px) {
  .panel-box-wrapp {
    margin-top: 28px;
  }
}
@media (max-width: 1240px) {
  .panel-box-wrapp {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .panel-box-wrapp {
    margin-top: 16px;
  }
}
.panel-notification-back {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.25);
  z-index: 5;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -333;
  opacity: 0;
  padding: 32px 180px;
}

@media (max-width: 1680px) {
  .panel-notification-back {
    padding: 32px 125px;
  }
}
@media (max-width: 1240px) {
  .panel-notification-back {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .panel-notification-back {
    padding: 80px 0 0 0;
  }
}
.panel-notification-back.is-active {
  opacity: 1;
  z-index: 334;
}

.panel-notification-back.is-active .panel-notification {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 767px) {
  .panel-notification-back.is-active {
    z-index: 32;
  }
}
.panel-notification {
  width: 593px;
  margin: auto;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translateY(200%);
  -ms-transform: translateY(200%);
  transform: translateY(200%);
  opacity: 0;
}

@media (max-width: 1680px) {
  .panel-notification {
    width: 441px;
  }
}
@media (max-width: 767px) {
  .panel-notification {
    width: 100%;
    margin-top: auto;
    margin-bottom: 0;
  }
}
.panel__notification-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.panel__notification-close {
  width: 36px;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  border: 2px solid rgba(241, 167, 184, 0.4);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.panel__notification-close svg,
.panel__notification-close img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.panel__notification-close path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 1680px) {
  .panel__notification-close {
    width: 32.002px;
    height: 32.002px;
  }
}
@media (max-width: 1240px) {
  .panel__notification-close {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .panel__notification-close {
    width: 24px;
    height: 24px;
  }
}
@media (hover: hover) {
  .panel__notification-close:hover .panel__notification-close-svg-back {
    opacity: 0;
  }
}
@media (hover: none) {
  .panel__notification-close:active .panel__notification-close-svg-back {
    opacity: 0;
  }
}
.panel__notification-close:active .panel__notification-close-svg-back {
  opacity: 0;
}

.panel__notification-row {
  border-radius: 24px;
  background: #F3F6FB;
  padding: 5px 5px 5px 90px;
  isolation: isolate;
  position: relative;
}

@media (max-width: 1680px) {
  .panel__notification-row {
    border-radius: 20px;
    padding-left: 40px;
  }
}
@media (max-width: 1240px) {
  .panel__notification-row {
    border-radius: 18px;
    padding-left: 35px;
  }
}
@media (max-width: 767px) {
  .panel__notification-row {
    padding: 8px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 32px 1fr;
    grid-template-columns: 32px 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
  }
}
.panel__notification-row + .panel__notification-row {
  margin-top: 12px;
}

@media (max-width: 1680px) {
  .panel__notification-row + .panel__notification-row {
    margin-top: 10px;
  }
}
@media (max-width: 1240px) {
  .panel__notification-row + .panel__notification-row {
    margin-top: 8px;
  }
}
.panel__notification-img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: auto;
  height: 100%;
  max-height: 120px;
}

@media (max-width: 1680px) {
  .panel__notification-img {
    max-height: 60px;
  }
}
@media (max-width: 1240px) {
  .panel__notification-img {
    max-height: 55px;
  }
}
@media (max-width: 767px) {
  .panel__notification-img {
    height: 32px;
    height: 32px;
    position: static;
  }
}
.panel__notification-img img,
.panel__notification-img svg {
  width: auto;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .panel__notification-img img,
  .panel__notification-img svg {
    width: 100%;
  }
}
.panel__notification-coll {
  position: relative;
  border-radius: 24px;
  background: #ffffff;
  padding: 10px 18px;
  -webkit-box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
  box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
}

@media (max-width: 1680px) {
  .panel__notification-coll {
    padding: 10px 16px;
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .panel__notification-coll {
    padding: 10px 14px;
    border-radius: 18px;
  }
}
@media (max-width: 767px) {
  .panel__notification-coll {
    padding: 16px;
    border-radius: 8px;
  }
}
.panel__notific-check {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -333;
  opacity: 0;
  width: 0;
  overflow: hidden;
  z-index: -333;
}

.panel__notific-text {
  margin-top: 8px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media (max-width: 1680px) {
  .panel__notific-text {
    margin-top: 6px;
  }
}
@media (max-width: 1240px) {
  .panel__notific-text {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .panel__notific-text {
    margin-top: 8px;
  }
}
input:checked ~ .panel__notific-text {
  display: block;
}

.panel__notific-label {
  cursor: pointer;
  color: #6B6EE8;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.32px;
  text-decoration: underline;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.panel__notific-label::after {
  content: attr(data-name);
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.32px;
}

@media (max-width: 1680px) {
  .panel__notific-label::after {
    font-size: 14px;
  }
}
@media (max-width: 1680px) {
  .panel__notific-label {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .panel__notific-label:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .panel__notific-label:active {
    text-decoration: none;
  }
}
.panel__notific-label:active {
  text-decoration: none;
}

input:checked ~ .panel__notific-label::after,
input:checked ~ .panel__notific-row .panel__notific-label::after {
  content: "Скрыть";
}

.panel__notific-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 12px;
}

@media (max-width: 1680px) {
  .panel__notific-row {
    margin-top: 10px;
  }
}
@media (max-width: 1240px) {
  .panel__notific-row {
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .panel__notific-row {
    margin-top: 12px;
  }
}
.panel__notific-date {
  color: #BDBBCD;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.28px;
}

@media (max-width: 1680px) {
  .panel__notific-date {
    font-size: 12px;
  }
}
.panel__notification-body {
  padding-right: 5px;
  overflow: auto;
  height: 485px;
}

@media (max-width: 1680px) {
  .panel__notification-body {
    height: 440px;
  }
}
@media (max-width: 1240px) {
  .panel__notification-body {
    height: 420px;
  }
}
@media (max-width: 767px) {
  .panel__notification-body {
    height: calc(100vh - 305px);
  }
}
.panel__notification-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}

@media (max-width: 1680px) {
  .panel__notification-btn {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .panel__notification-btn {
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  .panel__notification-btn {
    margin-top: 15px;
  }
}
.panel-notification {
  padding-right: 19px;
}

@media (max-width: 1680px) {
  .panel-notification {
    padding-right: 15px;
  }
}
@media (max-width: 1240px) {
  .panel-notification {
    padding-right: 13px;
  }
}
@media (max-width: 767px) {
  .panel-notification {
    padding-right: 11px;
    padding-bottom: 110px;
    border-radius: 8px 8px 0 0;
  }
}
.panel__notification-row.--allert .panel__notification-coll {
  background: -o-linear-gradient(bottom, rgba(107, 110, 232, 0.1) 0%, rgba(107, 110, 232, 0.1) 100%), #FFF;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(107, 110, 232, 0.1)), to(rgba(107, 110, 232, 0.1))), #FFF;
  background: linear-gradient(0deg, rgba(107, 110, 232, 0.1) 0%, rgba(107, 110, 232, 0.1) 100%), #FFF;
}

.panel__absence-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px;
  height: 700px;
}

@media (max-width: 1240px) {
  .panel__absence-box {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .panel__absence-box {
    height: 350px;
  }
}
.panel__absence-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 170px;
  height: 170px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1680px) {
  .panel__absence-img {
    width: 160px;
    height: 160px;
  }
}
@media (max-width: 1240px) {
  .panel__absence-img {
    width: 140px;
    height: 140px;
  }
}
@media (max-width: 767px) {
  .panel__absence-img {
    width: 90px;
    height: 90px;
  }
}
.panel__absence-text {
  letter-spacing: 0.36px;
  color: #BDBBCD;
  padding-top: 24px;
  text-align: center;
}

@media (max-width: 1680px) {
  .panel__absence-text {
    padding-top: 20px;
  }
}
@media (max-width: 1240px) {
  .panel__absence-text {
    padding-top: 18px;
  }
}
@media (max-width: 767px) {
  .panel__absence-text {
    padding-top: 12px;
  }
}
.panel__absence-notification {
  height: 440px;
}

@media (max-width: 1240px) {
  .panel__absence-notification {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .panel__absence-notification {
    height: 350px;
  }
}
.panel-title {
  letter-spacing: 0.66px;
  line-height: 110%;
  padding-bottom: 30px;
}

@media (max-width: 1240px) {
  .panel-title {
    padding-bottom: 28px;
  }
}
@media (max-width: 767px) {
  .panel-title {
    padding-bottom: 15px;
  }
}
.panel__nav-container {
  isolation: isolate;
}

.panel__nav-indicator {
  display: none;
  min-width: 60px;
  height: calc(100% - 30px);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -o-transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media (max-width: 1240px) {
  .panel__nav-indicator {
    display: block;
  }
}
.panel__nav-indicator::after,
.panel__nav-indicator::before {
  content: "";
  width: 100vw;
  height: 100%;
  top: 0;
  left: 0;
  background: #6B6EE8;
  position: absolute;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: -1;
}

.panel__nav-indicator::before {
  left: 100%;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.panel__nav-indicator-back {
  background: #6B6EE8;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  min-width: 200px;
  width: 100%;
  height: 100%;
  -webkit-mask: url("../../assets/img/panel/table-back.svg");
  mask: url("../../assets/img/panel/table-back.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  mask-position: center top;
}

@media (max-width: 767px) {
  .panel__nav-indicator-back {
    -webkit-mask: url("../../assets/img/panel/mobile-back.svg");
    mask: url("../../assets/img/panel/mobile-back.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    mask-position: center top;
  }
}
.panel__nav-indicator-modifier .panel__nav-indicator-circle {
  opacity: 0;
}

.panel__nav-indicator-modifier .panel__nav-indicator-back {
  -webkit-mask: initial;
  mask: initial;
}

@media (max-width: 767px) {
  .panel__nav-indicator-modifier .panel__nav-indicator-back {
    -webkit-mask: initial;
    mask: initial;
  }
}
.panel-nav.panel-indicator-controll .panel__nav-indicator-circle {
  opacity: 1;
}

.panel-nav.panel-indicator-controll .panel__nav-indicator-back {
  -webkit-mask: url("../../assets/img/panel/table-back.svg");
  mask: url("../../assets/img/panel/table-back.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center top;
  mask-position: center top;
}

@media (max-width: 767px) {
  .panel-nav.panel-indicator-controll .panel__nav-indicator-back {
    -webkit-mask: url("../../assets/img/panel/mobile-back.svg");
    mask: url("../../assets/img/panel/mobile-back.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center top;
    mask-position: center top;
  }
}
.panel__nav-indicator-circle {
  position: absolute;
  left: 50%;
  top: -30px;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
  transform: translate(-50%);
  background: #6B6EE8;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .panel__nav-indicator-circle {
    width: 40px;
    height: 40px;
    top: -26px;
  }
}
@media (max-width: 1240px) {
  .panel__nav-container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
}
@media (max-width: 1240px) {
  .panel__nav-list {
    display: contents;
  }
}
.panel__btns-contrall-box {
  display: none;
}

@media (max-width: 767px) {
  .panel__btns-contrall-box {
    display: block;
  }
}
.panel__nav-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.24px;
  height: 100%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.panel__nav-btn span {
  display: block;
  padding-top: 2px;
}

.panel__nav-btn::before {
  content: "";
  position: relative;
  background: url("../../assets/img/panel/doots.svg") no-repeat center center/contain;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.panel__nav-btn::after {
  content: "Еще";
  padding-top: 2px;
  color: #ffffff;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.24px;
}

.panel__nav-btn.is-active::before {
  background: url("../../assets/img/panel/arrow.svg") no-repeat center center/contain;
}

.panel__nav-btn.is-active::after {
  content: "Закрыть";
}

.panel__hidden-menu {
  position: absolute;
  width: 100vw;
  padding: 35px 20px 75px 20px;
  border-radius: 16px 16px 0 0;
  background: #6B6EE8;
  left: 0;
  bottom: 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr [3];
  grid-template-columns: repeat(3, 1fr);
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
  display: none;
}

@media (max-width: 767px) {
  .panel__hidden-menu {
    display: -ms-grid;
    display: grid;
  }
}
.panel__hidden-menu-inner {
  position: absolute;
  left: 50%;
  top: 10px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.panel__hidden-close {
  border-radius: 5px;
  opacity: 0.4;
  background: #ffffff;
  width: 60px;
  height: 3px;
}

.panel-nav.is-active .panel__hidden-menu {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
}

@media (max-width: 767px) {
  .panel-nav-additional-menu .panel__nav-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr [3];
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
}
@media (max-width: 767px) {
  .panel-nav-additional-menu.is-active .panel__nav-indicator {
    opacity: 0;
  }
  .panel-nav-additional-menu.is-active .panel__nav-link.--active .panel__nav-icon {
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}
@media (max-width: 767px) {
  .hidden-indicator .panel__nav-indicator {
    display: none;
  }
  .hidden-indicator::after,
  .hidden-indicator::before {
    height: 100%;
  }
  .hidden-indicator .panel__nav-container {
    padding-top: 0;
    background: #6B6EE8;
    overflow: initial;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr [3];
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
  .hidden-indicator .panel__nav-link.--active .panel__nav-icon {
    top: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .hidden-indicator .panel__nav-link.--active .panel__nav-text {
    color: #FF8075;
  }
}
.panel-cart {
  position: relative;
  background: #F3F6FB;
  border-radius: 24px;
  padding: 5px 5px 5px 120px;
  isolation: isolate;
}

@media (max-width: 1680px) {
  .panel-cart {
    padding-left: 110px;
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .panel-cart {
    border-radius: 18px;
    padding-left: 90px;
  }
}
@media (max-width: 767px) {
  .panel-cart {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 32px 1fr;
    grid-template-columns: 32px 1fr;
    padding: 8px;
    border-radius: 8px;
    gap: 4px;
  }
}
.panel-cart + .panel-cart {
  margin-top: 12px;
}

@media (max-width: 1680px) {
  .panel-cart + .panel-cart {
    margin-top: 10px;
  }
}
.panel-cart-img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: auto;
  z-index: -1;
}

.panel-cart-img img,
.panel-cart-img svg {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .panel-cart-img img,
  .panel-cart-img svg {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .panel-cart-img {
    height: auto;
    width: 100%;
    position: relative;
  }
}
.panel-cart-wrapp {
  padding: 12px 16px;
  background: #ffffff;
  -webkit-box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
  box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
  border-radius: 24px;
}

@media (max-width: 1680px) {
  .panel-cart-wrapp {
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .panel-cart-wrapp {
    padding: 10px 12px;
    border-radius: 18px;
  }
}
@media (max-width: 767px) {
  .panel-cart-wrapp {
    border-radius: 8px;
    padding: 8px;
  }
}
.panel-btn-prev {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-decoration: underline;
  color: #6B6EE8;
  margin-bottom: 8px;
}

@media (max-width: 1680px) {
  .panel-btn-prev {
    margin-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .panel-btn-prev {
    margin-bottom: 16px;
  }
}
.panel-btn-prev svg,
.panel-btn-prev img {
  width: 18px;
  height: 18px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 4px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1680px) {
  .panel-btn-prev svg,
  .panel-btn-prev img {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 1240px) {
  .panel-btn-prev svg,
  .panel-btn-prev img {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 767px) {
  .panel-btn-prev svg,
  .panel-btn-prev img {
    width: 16px;
    height: 16px;
  }
}
@media (hover: hover) {
  .panel-btn-prev:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .panel-btn-prev:active {
    text-decoration: none;
  }
}
.panel-btn-prev:active {
  text-decoration: none;
}

@media (max-width: 572px) {
  .panel__nav-container-moder {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.--scroll.panel__nav-notif .panel__nav-icon::after {
  opacity: 0;
}

.is-active-panel.panel__nav-link .panel__nav-icon::after {
  opacity: 1;
}

.error-page-wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 605px 603px;
  grid-template-columns: 605px 603px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1380px;
  margin-left: auto;
  margin-right: 135px;
  padding-top: 60px;
}

@media (max-width: 1750px) {
  .error-page-wrapp {
    margin-right: 0;
    padding-top: 0;
  }
}
@media (max-width: 1400px) {
  .error-page-wrapp {
    -ms-grid-columns: 1.1fr 1fr;
    grid-template-columns: 1.1fr 1fr;
    gap: 20px;
  }
}
@media (max-width: 760px) {
  .error-page-wrapp {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .error-page-wrapp {
    display: block;
  }
}
.error-page-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  flex-shrink: 0;
}

.error-page-coll {
  padding: 80px 24px;
  background: #ffffff;
  border-radius: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  isolation: isolate;
}

@media (max-width: 1680px) {
  .error-page-coll {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 600px) {
  .error-page-coll {
    margin-top: 25px;
    padding: 108px 14px;
  }
}
.error-title-img {
  position: absolute;
  z-index: -1;
  left: 30px;
  top: 30px;
  -o-object-fit: contain;
  object-fit: contain;
  width: 70px;
}

@media (max-width: 1680px) {
  .error-title-img {
    width: 55px;
    left: 25px;
    top: 25px;
  }
}
@media (max-width: 1240px) {
  .error-title-img {
    width: 47px;
    top: 20px;
    left: 20px;
  }
}
@media (max-width: 767px) {
  .error-title-img {
    width: 40px;
    left: 15px;
    top: 15px;
  }
}
.error-title-img-2 {
  width: 417px;
  left: auto;
  right: 30px;
  top: auto;
  bottom: 30px;
}

@media (max-width: 1680px) {
  .error-title-img-2 {
    width: 340px;
    right: 25px;
    bottom: 25px;
  }
}
@media (max-width: 1240px) {
  .error-title-img-2 {
    width: 280px;
    right: 20px;
    bottom: 20px;
  }
}
@media (max-width: 767px) {
  .error-title-img-2 {
    width: 230px;
    right: 15px;
    bottom: 15px;
  }
}
.error-page-title {
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.error-page-title::after {
  content: "";
  width: 120px;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(24, 24, 48, 0.1);
}

@media (max-width: 1680px) {
  .error-page-title {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
.error-page-text {
  text-align: center;
}

.error__page-link {
  margin-top: 32px;
  width: 200px;
}

@media (max-width: 1240px) {
  .error__page-link {
    margin-top: 20px;
    width: 160px;
  }
}
@media (max-width: 767px) {
  .error__page-link {
    margin-top: 25px;
    width: 200px;
  }
}
/*user*/
.home__head {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: home__head;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home__buttons {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: home__buttons;
}

.home__date {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: home__date;
  height: 100%;
}

.home__info {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: home__info;
  margin-top: 30px;
  margin-right: 15px;
}

@media (max-width: 1240px) {
  .home__info {
    margin-right: 0;
    margin-top: 20px;
  }
}
.home__cart {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-area: home__cart;
}

.home-panel-notification {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-area: home-panel-notification;
}

.home {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto 1fr;
  grid-template-rows: auto auto 1fr;
  -ms-grid-columns: 1fr auto 285px 306px;
  grid-template-columns: 1fr auto 285px 306px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
      grid-template-areas: "home__head home__buttons home__buttons home__date" "home__info home__info home__cart home__cart" "home__info home__info home-panel-notification home-panel-notification";
}

@media (max-width: 1680px) {
  .home {
    -ms-grid-columns: 1fr auto 95px 240px;
    grid-template-columns: 1fr auto 95px 240px;
  }
}
@media (max-width: 1240px) {
  .home {
    -ms-grid-rows: auto auto 1fr auto;
    grid-template-rows: auto auto 1fr auto;
    -ms-grid-columns: 1fr 115px 260px;
    grid-template-columns: 1fr 115px 260px;
        grid-template-areas: "home__head home__head home__date" "home__cart home__buttons home__buttons" "home__info home__info home__info" "home-panel-notification home-panel-notification home-panel-notification";
  }
  .home__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .home__buttons {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .home__date {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .home__info {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .home__cart {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .home-panel-notification {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media (max-width: 767px) {
  .home {
    -ms-grid-columns: 1fr 8px 1fr 8px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto 0 auto 0 auto 0 auto 0 auto;
        grid-template-areas: "home__head home__head home__head" " home__button-1 home__button-2 home__date" "home__cart home__cart home__cart" "home__info home__info home__info" "home-panel-notification home-panel-notification home-panel-notification";
    gap: 0 8px;
  }
  .home__head {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .home__date {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .home__info {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .home__cart {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .home-panel-notification {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
}
@media (max-width: 767px) {
  .home__button-1 {
    grid-area: home__button-1;
  }
  .home__button-2 {
    grid-area: home__button-2;
  }
}
@media (max-width: 767px) {
  .home__button-1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .home__button-2 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}
.home__text {
  padding-top: 15px;
}

@media (max-width: 1240px) {
  .home__text {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .home__text {
    padding-top: 8px;
  }
}
.home__buttons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-left: 30px;
}

@media (max-width: 1240px) {
  .home__buttons {
    gap: 20px;
    margin-left: 20px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .home__buttons {
    display: contents;
  }
}
.home__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px 40px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background: #ffffff;
  -webkit-box-shadow: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03), 8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03), 8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, 0);
  width: 280px;
  height: 240px;
}

@media (max-width: 1680px) {
  .home__button {
    border-radius: 20px;
    width: 210px;
    height: 185px;
  }
}
@media (max-width: 1240px) {
  .home__button {
    border-radius: 18px;
    width: 167px;
    height: 155px;
  }
}
@media (max-width: 767px) {
  .home__button {
    padding: 8px 10px;
    border-radius: 8px;
    width: 100%;
    height: 95px;
    margin-top: 15px;
  }
}
@media (hover: hover) {
  .home__button:hover {
    border-color: #6B6EE8;
  }
  .home__button:hover .home__button-name {
    color: #6B6EE8;
  }
}
@media (hover: none) {
  .home__button:active {
    border-color: #6B6EE8;
  }
  .home__button:active .home__button-name {
    color: #6B6EE8;
  }
}
.home__button:active {
  border-color: #6B6EE8;
}

.home__button:active .home__button-name {
  color: #6B6EE8;
}

.home__button.is-active {
  border-color: #6B6EE8;
}

.home__button.is-active .home__button-name {
  color: #6B6EE8;
}

.home__button-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 130px;
  height: 130px;
}

.home__button-img img,
.home__button-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1680px) {
  .home__button-img {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 1240px) {
  .home__button-img {
    width: 75px;
    height: 75px;
  }
}
@media (max-width: 767px) {
  .home__button-img {
    width: 32px;
    height: 32px;
  }
}
.home__button-name {
  text-align: center;
  padding-top: 15px;
  color: #181830;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 1680px) {
  .home__button-name {
    padding-top: 10px;
  }
}
@media (max-width: 1240px) {
  .home__button-name {
    padding-top: 8px;
  }
}
@media (max-width: 767px) {
  .home__button-name {
    font-size: 12px;
    padding-top: 6px;
  }
}
.home__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 28px;
  height: 240px;
  padding: 20px 15px;
  background: #6B6EE8;
  -webkit-box-shadow: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03), 8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03), 8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
  border-radius: 24px;
}

@media (max-width: 1680px) {
  .home__date {
    border-radius: 20px;
    height: 185px;
  }
}
@media (max-width: 1240px) {
  .home__date {
    padding: 18px;
    border-radius: 18px;
    height: 130px;
  }
}
@media (max-width: 767px) {
  .home__date {
    padding: 8px 16px;
    background: #6B6EE8;
    -webkit-box-shadow: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03), 8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 32px 53px 25px rgba(0, 0, 0, 0.01), 18px 30px 21px rgba(0, 0, 0, 0.03), 8px 13px 15px rgba(0, 0, 0, 0.04), 2px 3px 8px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin-left: 0;
    margin-top: 15px;
    height: 96px;
  }
}
.home__date-time {
  color: #ffffff;
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 800;
  line-height: 107%;
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

.home__date-time::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 140px;
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 1240px) {
  .home__date-time::after {
    width: 193px;
  }
}
@media (max-width: 767px) {
  .home__date-time::after {
    width: 75px;
  }
}
@media (max-width: 1680px) {
  .home__date-time {
    font-size: 40px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1240px) {
  .home__date-time {
    font-size: 32px;
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .home__date-time {
    font-size: 16px;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}
.home__date-year {
  padding-top: 6px;
}

@media (max-width: 1240px) {
  .home__date-year {
    padding-top: 4px;
  }
}
@media (max-width: 767px) {
  .home__date-year {
    padding-top: 3px;
  }
}
.home__date-week,
.home__date-year {
  text-align: center;
  color: #ffffff;
}

@media (max-width: 767px) {
  .home__date-week,
  .home__date-year {
    font-size: 12px;
  }
}
.home__progress-circle {
  position: relative;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  display: block;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
}

.home__progress-circle span {
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  background: #fff;
  position: absolute;
  z-index: 1;
  color: #f28caa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1680px) {
  .home__progress-circle {
    width: 72px;
    height: 72px;
  }
}
@media (max-width: 1240px) {
  .home__progress-circle {
    width: 65px;
    height: 65px;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .home__progress-circle {
    width: 40px;
    height: 40px;
    font-size: 10px;
  }
}
.home__info-document {
  display: inline-block;
  color: #BDBBCD;
  letter-spacing: 0.32px;
}

@media (max-width: 767px) {
  .home__info-document {
    font-size: 10px;
  }
}
.home__info-box-title {
  position: relative;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

@media (max-width: 1680px) {
  .home__info-box-title {
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
}
@media (max-width: 1240px) {
  .home__info-box-title {
    padding-bottom: 4px;
    margin-bottom: 4px;
  }
}
.home__info-box-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 2px;
  background: rgba(24, 24, 48, 0.1);
}

@media (max-width: 767px) {
  .home__info-box-title::after {
    width: 30px;
  }
}
.home__info-link {
  color: #47BE2C;
  text-decoration-line: underline;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (hover: hover) {
  .home__info-link:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .home__info-link:active {
    text-decoration: none;
  }
}
.home__info-link:active {
  text-decoration: none;
}

.home__info-btn {
  margin-top: 25px;
  min-width: 200px;
  line-height: 100%;
}

.home__info-btn span {
  padding-right: 5px;
}

@media (max-width: 767px) {
  .home__info-btn span {
    display: none;
    text-transform: capitalize;
  }
}
.home__info-btn span + span {
  padding-right: 0;
}

@media (max-width: 1680px) {
  .home__info-btn {
    margin-top: 18px;
    min-width: 170px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 1240px) {
  .home__info-btn {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 160px;
  }
}
@media (max-width: 767px) {
  .home__info-btn {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 16px;
    min-width: 0;
  }
  .home__info-btn span + span {
    display: block;
  }
}
.home__info-button {
  margin-left: auto;
  margin-right: auto;
  margin-top: 54px;
}

@media (max-width: 1680px) {
  .home__info-button {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .home__info-button {
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  .home__info-button {
    margin-top: 15px;
  }
}
.home__info-footer {
  border-radius: 24px;
  background: #ffffff;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
}

@media (max-width: 1680px) {
  .home__info-footer {
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .home__info-footer {
    border-radius: 18px;
    padding: 10px;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .home__info-footer {
    padding: 8px;
    border-radius: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
  }
}
@media (max-width: 767px) {
  .home__info-footer-title {
    text-align: center;
  }
}
.home__info-footer-text {
  padding-top: 4px;
}

@media (max-width: 767px) {
  .home__info-footer-text {
    text-align: center;
  }
}
.home__info-footer-coll {
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
}

.home__info-footer-coll::after,
.home__info-footer-coll::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 33px;
  height: 1px;
  background: rgba(24, 24, 48, 0.1);
}

@media (max-width: 767px) {
  .home__info-footer-coll::after,
  .home__info-footer-coll::before {
    width: 18px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.home__info-footer-coll::before {
  top: auto;
  bottom: 0;
}

.home__info-row {
  position: relative;
  background: #F3F6FB;
  border-radius: 24px;
  padding: 5px 5px 5px 120px;
  isolation: isolate;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 205px;
  grid-template-columns: 1fr 205px;
  gap: 5px;
}

@media (max-width: 1680px) {
  .home__info-row {
    padding-left: 110px;
    border-radius: 20px;
    -ms-grid-columns: 1fr 185px;
    grid-template-columns: 1fr 185px;
  }
}
@media (max-width: 1240px) {
  .home__info-row {
    border-radius: 18px;
    padding-left: 90px;
    -ms-grid-columns: 1fr 175px;
    grid-template-columns: 1fr 175px;
  }
}
@media (max-width: 767px) {
  .home__info-row {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    padding: 8px;
    border-radius: 8px;
    gap: 4px;
  }
}
.home__info-box {
  padding: 12px 16px;
  background: #ffffff;
  -webkit-box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
  box-shadow: -114px 0px 32px 0px rgba(59, 59, 59, 0), -73px 0px 29px 0px rgba(59, 59, 59, 0.01), -41px 0px 25px 0px rgba(59, 59, 59, 0.03), -18px 0px 18px 0px rgba(59, 59, 59, 0.04), -5px 0px 10px 0px rgba(59, 59, 59, 0.05);
  border-radius: 24px;
}

@media (max-width: 1680px) {
  .home__info-box {
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .home__info-box {
    padding: 10px 12px;
    border-radius: 18px;
  }
}
@media (max-width: 767px) {
  .home__info-box {
    border-radius: 8px;
    padding: 8px;
  }
}
.home__info-img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: auto;
  z-index: -1;
  border-radius: 8px;
  overflow: hidden;
}

.home__info-img img,
.home__info-img svg {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .home__info-img img,
  .home__info-img svg {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .home__info-img {
    height: 150px;
    width: 100%;
    position: relative;
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    border-radius: 8px;
    overflow: hidden;
  }
}
.home__info-row + .home__info-row {
  margin-top: 12px;
}

@media (max-width: 1680px) {
  .home__info-row + .home__info-row {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .home__info-row + .home__info-row {
    margin-top: 15px;
  }
}
.home__cart-img {
  border-radius: 8px;
  border-top: 1px solid #6B6EE8;
  border-right: 2px solid #6B6EE8;
  border-bottom: 2px solid #6B6EE8;
  border-left: 1px solid #6B6EE8;
  overflow: hidden;
  width: 191px;
  height: 191px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1680px) {
  .home__cart-img {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 1240px) {
  .home__cart-img {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 767px) {
  .home__cart-img {
    width: 64px;
    height: 64px;
  }
}
.home__cart-img img,
.home__cart-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.home__cart {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 191px 1fr;
  grid-template-columns: 191px 1fr;
  gap: 20px;
  margin-top: 30px;
}

@media (max-width: 1680px) {
  .home__cart {
    -ms-grid-columns: 80px 1fr;
    grid-template-columns: 80px 1fr;
    gap: 12px;
  }
}
@media (max-width: 1240px) {
  .home__cart {
    margin-top: 20px;
    -ms-grid-columns: 70px 1fr;
    grid-template-columns: 70px 1fr;
  }
}
@media (max-width: 767px) {
  .home__cart {
    -ms-grid-columns: 64px 1fr;
    grid-template-columns: 64px 1fr;
    gap: 16px;
  }
}
.home__cart-coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.home__cart-contact-list {
  padding-top: 15px;
  margin-top: auto;
  margin-bottom: 0;
}

@media (max-width: 1240px) {
  .home__cart-contact-list {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .home__cart-contact-list {
    padding-top: 8px;
  }
}
.home__cart-wrapp-text {
  padding-top: 6px;
}

@media (max-width: 1680px) {
  .home__cart-wrapp-text {
    padding-top: 4px;
  }
}
@media (max-width: 1240px) {
  .home__cart-wrapp-text {
    padding-top: 2px;
  }
}
@media (max-width: 767px) {
  .home__cart-wrapp-text {
    padding-top: 4px;
  }
}
.home__cart-contact-link {
  letter-spacing: 0.32px;
  text-decoration-line: underline;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (hover: hover) {
  .home__cart-contact-link:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .home__cart-contact-link:active {
    text-decoration: none;
  }
}
.home__cart-contact-link:active {
  text-decoration: none;
}

.home__cart-contact-inner + .home__cart-contact-inner {
  padding-top: 8px;
}

@media (max-width: 1680px) {
  .home__cart-contact-inner + .home__cart-contact-inner {
    padding-top: 6px;
  }
}
@media (max-width: 1240px) {
  .home__cart-contact-inner + .home__cart-contact-inner {
    padding-top: 4px;
  }
}
@media (max-width: 767px) {
  .home__cart-contact-inner + .home__cart-contact-inner {
    padding-top: 8px;
  }
}
@media (min-width: 1240px) {
  .home-panel-notification.panel-notification-back {
    margin-top: 15px;
    opacity: 1;
    z-index: 1;
    background: none;
    position: initial;
    padding: 0;
    overflow: initial;
    width: 100%;
    height: auto;
  }
  .home-panel-notification.panel-notification-back .panel-notification {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    opacity: 1;
    width: 100%;
  }
}
@media (min-width: 1240px) {
  .home-controll-scrolls._fixed {
    overflow: initial;
  }
}
@media (min-width: 1240px) {
  .home-panel-notification .panel__notification-close {
    display: none;
  }
}
.home__info-wrapp {
  min-height: 600px;
}

.user {
  max-width: 1660px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px 1fr;
  grid-template-columns: 200px 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30px;
}

@media (max-width: 1680px) {
  .user {
    -ms-grid-columns: 180px 1fr;
    grid-template-columns: 180px 1fr;
    gap: 28px;
  }
}
@media (max-width: 1240px) {
  .user {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .user {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.user-avatar {
  margin-top: 15px;
}

@media (max-width: 1680px) {
  .user-avatar {
    margin-top: 8px;
  }
}
@media (max-width: 1680px) {
  .user__head {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
  }
}
.user__head-info {
  color: #47BE2C;
}

.user__head-info,
.user__info {
  background: rgba(243, 246, 251, 0.4);
}

@media (max-width: 767px) {
  .user__head-info,
  .user__info {
    background: #F3F6FB;
  }
}
@media (max-width: 767px) {
  .user__info {
    font-size: 12px;
  }
}
.user__input-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 200px;
  grid-template-columns: 1fr 200px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 15px;
}

@media (max-width: 1680px) {
  .user__input-row {
    -ms-grid-columns: 1fr 180px;
    grid-template-columns: 1fr 180px;
    gap: 8px 10px;
  }
}
@media (max-width: 1240px) {
  .user__input-row {
    -ms-grid-columns: 1fr 160px;
    grid-template-columns: 1fr 160px;
  }
}
@media (max-width: 767px) {
  .user__input-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.user__wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 15px 20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 1680px) {
  .user__wrapp {
    gap: 10px;
  }
}
@media (max-width: 992px) {
  .user__wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
@media (max-width: 767px) {
  .user__wrapp {
    gap: 16px;
  }
}
.user__subwrapp {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 400px 1fr;
  grid-template-columns: 400px 1fr;
  gap: 15px 20px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 1680px) {
  .user__subwrapp {
    gap: 10px;
    -ms-grid-columns: 250px 1fr;
    grid-template-columns: 250px 1fr;
  }
}
@media (max-width: 992px) {
  .user__subwrapp {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
@media (max-width: 767px) {
  .user__subwrapp {
    gap: 16px;
  }
}
.user-btn {
  width: 200px;
  font-size: 14px;
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 1680px) {
  .user-btn {
    width: 180px;
  }
}
@media (max-width: 1240px) {
  .user-btn {
    width: 160px;
  }
}
@media (max-width: 767px) {
  .user-btn {
    width: 135px;
    margin-left: auto;
    margin-right: 0;
    font-size: 12px;
  }
}
.lesson {
  display: -ms-grid;
  display: grid;
  gap: 15px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-grid-columns: 455px 15px 1fr 15px 280px;
  grid-template-columns: 455px 1fr 280px;
      grid-template-areas: "lesson-left lesson-center lesson-right";
}

@media (max-width: 1680px) {
  .lesson {
    -ms-grid-columns: 320px 1fr 220px;
    grid-template-columns: 320px 1fr 220px;
  }
}
@media (max-width: 1240px) {
  .lesson {
    -ms-grid-columns: 250px 12px 1fr;
    grid-template-columns: 250px 1fr;
    gap: 12px;
    -ms-grid-rows: auto 12px 1fr;
    grid-template-rows: auto 1fr;
        grid-template-areas: "lesson-right lesson-center " "lesson-left lesson-center ";
  }
}
@media (max-width: 767px) {
  .lesson {
    display: block;
  }
}
.lesson-left {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: lesson-left;
}

.lesson-center {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: lesson-center;
}

.lesson-right {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: lesson-right;
}

@media (max-width: 1240px) {
  .lesson-left {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .lesson-center {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .lesson-right {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
/*
.lesson__video-container {
	aspect-ratio: 461/235;
	@media($macbook) {
		aspect-ratio: 101/50;
	}
	@media($laptop) {
		aspect-ratio: 43/23;
	}
	@media($mobile) {
		aspect-ratio: 14/13;
	}
}
*/
.lesson__tabs-label {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin-right: -10px;
  position: relative;
}

.lesson__tabs-label:first-child {
  margin-right: 0;
}

@media (max-width: 767px) {
  .lesson__tabs-label {
    margin-right: 0;
  }
}
@media (hover: hover) {
  .lesson__tabs-label:hover {
    z-index: 2;
  }
}
@media (hover: none) {
  .lesson__tabs-label:active {
    z-index: 2;
  }
}
.lesson__tabs-label:active {
  z-index: 2;
}

.lesson__tabs-label.is-active {
  z-index: 3;
  /*order: 1;*/
}

input:checked ~ .lesson__tabs-btn {
  color: #fff;
  background: #6B6EE8;
}

.lesson__tabs-btn {
  padding: 14px 32px;
  color: #181830;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: 0.36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #F3F6FB;
  border-radius: 16px 16px 0px 0px;
  border-top: 1px solid #BDBBCD;
  border-right: 1px solid #BDBBCD;
  border-left: 1px solid #BDBBCD;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  white-space: nowrap;
}

@media (max-width: 1680px) {
  .lesson__tabs-btn {
    padding: 12px 28px;
    font-size: 14px;
    border-radius: 14px 14px 0px 0px;
  }
}
@media (max-width: 1240px) {
  .lesson__tabs-btn {
    padding: 10px 24px;
  }
}
@media (max-width: 767px) {
  .lesson__tabs-btn {
    padding: 12px 18px;
    border-radius: 10px;
    border: 1px solid #BDBBCD;
  }
}
@media (hover: hover) {
  .lesson__tabs-btn:hover {
    color: #fff;
    background: #6B6EE8;
    border-color: #6B6EE8;
  }
}
@media (hover: none) {
  .lesson__tabs-btn:active {
    color: #fff;
    background: #6B6EE8;
    border-color: #6B6EE8;
  }
}
.lesson__tabs-btn:active {
  color: #fff;
  background: #6B6EE8;
  border-color: #6B6EE8;
}

.lesson__tabs-head {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-right: 15px;
}

.lesson__tabs-head::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  .lesson__tabs-head {
    padding: 8px;
    margin-bottom: 8px;
    border-radius: 16px;
    background: #F3F6FB;
  }
}
.lesson__tabs-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  position: relative;
}

@media (max-width: 767px) {
  .lesson__tabs-row {
    margin-left: 0;
    margin-right: auto;
    gap: 4px;
  }
}
.lesson__tabs-container {
  margin-bottom: 30px;
}

@media (max-width: 1680px) {
  .lesson__tabs-container {
    margin-bottom: 24px;
  }
}
@media (max-width: 1240px) {
  .lesson__tabs-container {
    margin-bottom: 18px;
  }
}
@media (max-width: 767px) {
  .lesson__tabs-container {
    margin-bottom: 16px;
  }
}
.lesson-center h2 {
  padding-bottom: 15px;
  color: #181830;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: 0.48px;
}

@media (max-width: 1680px) {
  .lesson-center h2 {
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .lesson-center h2 {
    font-size: 18px;
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .lesson-center h2 {
    font-size: 16px;
    padding-bottom: 16px;
  }
}
.lesson-center p,
.lesson-center li {
  color: #181830;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.32px;
}

.lesson-center p a,
.lesson-center li a {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  text-decoration: underline;
  color: #4099F8;
}

@media (hover: hover) {
  .lesson-center p a:hover,
  .lesson-center li a:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .lesson-center p a:active,
  .lesson-center li a:active {
    text-decoration: none;
  }
}
.lesson-center p a:active,
.lesson-center li a:active {
  text-decoration: none;
}

@media (max-width: 1680px) {
  .lesson-center p,
  .lesson-center li {
    font-size: 14px;
  }
}
.lesson-center h3 {
  color: #181830;
  font-family: Gilroy;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: 0.36px;
}

@media (max-width: 1680px) {
  .lesson-center h3 {
    font-size: 16px;
  }
}
.lesson-center p + h3,
.lesson-center ul + h3 {
  padding-top: 24px;
}

@media (max-width: 1680px) {
  .lesson-center p + h3,
  .lesson-center ul + h3 {
    padding-top: 20px;
  }
}
@media (max-width: 1240px) {
  .lesson-center p + h3,
  .lesson-center ul + h3 {
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .lesson-center p + h3,
  .lesson-center ul + h3 {
    padding-top: 22px;
  }
}
.lesson-center h3 {
  padding-bottom: 16px;
}

@media (max-width: 1680px) {
  .lesson-center h3 {
    padding-bottom: 14px;
  }
}
@media (max-width: 1240px) {
  .lesson-center h3 {
    padding-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .lesson-center h3 {
    padding-bottom: 8px;
  }
}
.lesson-center p + p {
  padding-top: 7px;
}

.lesson-center p + ul,
.lesson-center ul + p {
  padding-top: 7px;
}

.lesson-center li + li {
  padding-top: 5px;
}

.lesson-center ul {
  padding-left: 25px;
  list-style: disc;
}

.lesson-img-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding-top: 24px;
  padding-bottom: 24px;
}

@media (max-width: 1680px) {
  .lesson-img-box {
    padding-top: 20px;
    padding-bottom: 20px;
    gap: 15px;
  }
}
@media (max-width: 1240px) {
  .lesson-img-box {
    gap: 10px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
.lesson-img-box img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 12px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .lesson-img-box img {
    border-radius: 8px;
  }
}
.lesson__accordion-svg {
  display: none;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1240px) {
  .lesson__accordion-svg {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .lesson__accordion-svg {
    display: block;
  }
}
.lesson__accordion-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1240px) {
  .lesson__accordion-btn .lesson__accordion-svg {
    display: block;
  }
}
.lesson__accordion-wrapp {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1680px) {
  .lesson__accordion-wrapp {
    padding-top: 14px;
    margin-top: 14px;
  }
}
@media (max-width: 1240px) {
  .lesson__accordion-wrapp {
    padding-top: 12px;
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .lesson__accordion-wrapp {
    margin-top: 8px;
    padding-top: 8px;
  }
}
.lesson__file-inner + .lesson__file-inner,
.lesson__link-inner + .lesson__link-inner {
  padding-top: 10px;
}

@media (max-width: 767px) {
  .lesson__file-inner + .lesson__file-inner,
  .lesson__link-inner + .lesson__link-inner {
    padding-top: 12px;
  }
}
.lesson__file-link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20px 1fr 20px;
  grid-template-columns: 20px 1fr 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: #47BE2C;
}

@media (max-width: 1240px) {
  .lesson__file-link {
    -ms-grid-columns: 18px 1fr 18px;
    grid-template-columns: 18px 1fr 18px;
    gap: 6px;
  }
}
@media (max-width: 767px) {
  .lesson__file-link {
    -ms-grid-columns: 16px 1fr 16px;
    grid-template-columns: 16px 1fr 16px;
  }
}
.lesson__file-link span {
  word-break: break-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.lesson__file-link .lesson__file-icon g {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (hover: hover) {
  .lesson__file-link:hover .lesson__file-icon g {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .lesson__file-link:active .lesson__file-icon g {
    opacity: 0.7;
  }
}
.lesson__file-link:active .lesson__file-icon g {
  opacity: 1;
}

.lesson__link-link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20px 1fr;
  grid-template-columns: 20px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: #4099F8;
}

.lesson__link-link span {
  word-break: break-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media (max-width: 1240px) {
  .lesson__link-link {
    -ms-grid-columns: 18px 1fr;
    grid-template-columns: 18px 1fr;
    gap: 6px;
  }
}
@media (max-width: 767px) {
  .lesson__link-link {
    -ms-grid-columns: 16px 1fr;
    grid-template-columns: 16px 1fr;
  }
}
.lesson__link-link,
.lesson__file-link {
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.32px;
  text-decoration-line: underline;
}

.lesson__link-link img,
.lesson__link-link svg,
.lesson__file-link img,
.lesson__file-link svg {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1240px) {
  .lesson__link-link img,
  .lesson__link-link svg,
  .lesson__file-link img,
  .lesson__file-link svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .lesson__link-link img,
  .lesson__link-link svg,
  .lesson__file-link img,
  .lesson__file-link svg {
    width: 16px;
    height: 16px;
  }
}
@media (hover: hover) {
  .lesson__link-link:hover span,
  .lesson__file-link:hover span {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .lesson__link-link:active,
  .lesson__file-link:active {
    opacity: 0.7;
  }
}
.lesson__link-link:active,
.lesson__file-link:active {
  opacity: 1;
  color: #F1A7B8;
}

.lesson__file-btn {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
  margin-top: 25px;
}

@media (max-width: 1680px) {
  .lesson__file-btn {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .lesson__file-btn {
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  .lesson__file-btn {
    margin-top: 16px;
  }
}
.lesson__accordion + .lesson__accordion {
  margin-top: 15px;
}

@media (max-width: 1240px) {
  .lesson__accordion + .lesson__accordion {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .lesson__accordion + .lesson__accordion {
    margin-top: 4px;
  }
}
.lesson__plan-wrapp {
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1240px) {
  .lesson__plan-wrapp {
    padding-top: 12px;
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .lesson__plan-wrapp {
    margin-top: 8px;
    padding-top: 8px;
  }
}
.lesson__plan--btn-wrapp {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1240px) {
  .lesson__plan--btn-wrapp {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.lesson__plan--btn-text {
  color: #F1A7B8;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: 0.36px;
  padding-left: 8px;
}

@media (max-width: 1680px) {
  .lesson__plan--btn-text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .lesson__plan--btn-text {
    font-size: 14px;
  }
}
.lesson__plan--btn-text span {
  color: #181830;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.28px;
}

@media (max-width: 1680px) {
  .lesson__plan--btn-text span {
    font-size: 12px;
  }
}
@media (max-width: 1240px) {
  .lesson__plan--btn-text span {
    display: none;
  }
}
.lesson__plan--btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.lesson__module--btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 8px 12px;
  background: rgba(107, 110, 232, 0.1);
  border-radius: 8px;
}

@media (max-width: 1680px) {
  .lesson__module--btn {
    padding: 8px 10px;
  }
}
@media (max-width: 767px) {
  .lesson__module--btn {
    padding: 8px 12px;
    border-radius: 4px;
  }
}
.creating__module-row-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.modules__table-add {
  min-height: 28px !important;
  padding: 8px 16px;
}

.modules__table-add svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: #181830;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 1680px) {
  .modules__table-add {
    padding: 7px 14px;
  }
  .modules__table-add svg {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 1240px) {
  .modules__table-add {
    padding: 6px 12px;
  }
  .modules__table-add svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .modules__table-add {
    padding: 4px 10px;
  }
}
.modules__table-add:hover svg {
  fill: #ffffff;
}

.lesson__plan-list-inner + .lesson__plan-list-inner {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1680px) {
  .lesson__plan-list-inner + .lesson__plan-list-inner {
    padding-top: 18px;
    margin-top: 18px;
  }
}
@media (max-width: 1240px) {
  .lesson__plan-list-inner + .lesson__plan-list-inner {
    margin-top: 16px;
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .lesson__plan-list-inner + .lesson__plan-list-inner {
    padding-top: 8px;
    margin-top: 8px;
  }
}
.lesson__module-wrapp {
  padding-top: 18px;
}

@media (max-width: 1240px) {
  .lesson__module-wrapp {
    padding-top: 16px;
  }
}
.lesson__module-inner + .lesson__module-inner {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1240px) {
  .lesson__module-inner + .lesson__module-inner {
    padding-top: 14px;
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .lesson__module-inner + .lesson__module-inner {
    margin-top: 12px;
    padding-top: 12px;
  }
}
.lesson__module-link {
  display: block;
  padding-left: 60px;
}

@media (max-width: 1680px) {
  .lesson__module-link {
    padding-left: 32px;
  }
}
@media (max-width: 1240px) {
  .lesson__module-link {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .lesson__module-link {
    padding-left: 30px;
  }
}
.lesson__module-link-title {
  letter-spacing: 0.32px;
  color: #181830;
}

.lesson__module-link-text {
  padding-top: 8px;
  letter-spacing: 0.32px;
  color: #181830;
}

@media (max-width: 1680px) {
  .lesson__module-link-text {
    padding-top: 6px;
  }
}
@media (max-width: 1240px) {
  .lesson__module-link-text {
    padding-top: 4px;
  }
}
@media (max-width: 767px) {
  .lesson__module-link-text {
    padding-top: 8px;
  }
}
.lesson__test-row {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 16px;
}

@media (max-width: 1680px) {
  .lesson__test-row {
    gap: 12px;
  }
}
@media (max-width: 1240px) {
  .lesson__test-row {
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .lesson__test-row {
    margin-top: 12px;
    gap: 8px;
  }
}
.lesson__test-title {
  letter-spacing: 0.24px;
  text-align: right;
}

.lesson__test-title span {
  color: #6B6EE8;
}

.lesson__test-btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 8px 12px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 0;
  border-radius: 8px;
}

.lesson__test-btn svg,
.lesson__test-btn img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
  width: 20px;
  height: 20px;
  margin-left: 16px;
}

@media (max-width: 1680px) {
  .lesson__test-btn svg,
  .lesson__test-btn img {
    margin-left: 12px;
  }
}
@media (max-width: 1240px) {
  .lesson__test-btn svg,
  .lesson__test-btn img {
    width: 18px;
    height: 18px;
    margin-left: 8px;
  }
}
@media (max-width: 767px) {
  .lesson__test-btn svg,
  .lesson__test-btn img {
    margin-left: 16px;
  }
}
.lesson__module-test-container {
  border-radius: 8px;
  background: rgba(107, 110, 232, 0.1);
  padding: 8px 12px;
}

@media (max-width: 1680px) {
  .lesson__module-test-container {
    padding: 8px 10px;
  }
}
@media (max-width: 1240px) {
  .lesson__module-test-container {
    padding: 8px;
  }
}
@media (max-width: 767px) {
  .lesson__module-test-container {
    padding: 8px 12px;
  }
}
.lesson__module-test-container .lesson__test-row {
  margin-top: 8px;
}

@media (max-width: 1680px) {
  .lesson__module-test-container .lesson__test-row {
    margin-top: 6px;
  }
}
@media (max-width: 1240px) {
  .lesson__module-test-container .lesson__test-row {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .lesson__module-test-container .lesson__test-row {
    margin-top: 8px;
  }
}
.lesson__modul-finish-mobile {
  display: none;
}

.lesson__modul-finish {
  margin-top: 12px;
  padding: 32px;
  border-radius: 24px;
  text-align: center;
  letter-spacing: 0.48px;
  background: url("../../assets/img/lesson-back.png") no-repeat center center/cover;
}

@media (max-width: 1680px) {
  .lesson__modul-finish {
    border-radius: 20px;
    padding: 20px;
  }
}
@media (max-width: 1240px) {
  .lesson__modul-finish {
    padding: 18px;
    border-radius: 18px;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .lesson__modul-finish {
    border-radius: 8px;
    padding: 16px;
    margin-top: 8px;
    display: none;
  }
}
.lesson__modul-finish-mobile {
  display: none;
}

@media (max-width: 767px) {
  .lesson__modul-finish-mobile {
    display: block;
  }
}
.lesson__module-link.is-active .lesson__module-link-title,
.lesson__module-link.is-active .lesson__module-link-text {
  color: #6B6EE8;
}

.lesson__module-accordion.old .lesson__module-title,
.lesson__module-accordion.old .lesson__module-link-title,
.lesson__module-accordion.old .lesson__module-link-text {
  color: #8C8C98;
}

.lesson__module-link .lesson__module-link-title {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (hover: hover) {
  .lesson__module-link:hover .lesson__module-link-title {
    color: #6B6EE8;
  }
}
@media (hover: none) {
  .lesson__module-link:active .lesson__module-link-title {
    color: #6B6EE8;
  }
}
.lesson__module-link:active .lesson__module-link-title {
  color: #6B6EE8;
}

@media (max-width: 767px) {
  .lesson-right {
    margin-top: 4px;
  }
}
@media (max-width: 767px) {
  .lesson-center {
    margin-top: 24px;
  }
}
@media (max-width: 1240px) {
  .lesson__accordion-btn ~ .lesson__accordion-wrapp {
    display: block;
  }
  .lesson__accordion-btn.is-active ~ .lesson__accordion-wrapp {
    display: none;
  }
  .lesson__accordion-btn .lesson__accordion-svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .lesson__accordion-btn.is-active .lesson__accordion-svg {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@media (max-width: 767px) {
  .lesson__accordion-btn ~ .lesson__accordion-wrapp {
    display: none;
  }
  .lesson__accordion-btn.is-active ~ .lesson__accordion-wrapp {
    display: block;
  }
  .lesson__accordion-btn .lesson__accordion-svg {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  .lesson__accordion-btn.is-active .lesson__accordion-svg,
  .lesson__plan--btn.is-active .lesson__accordion-svg,
  .lesson__module--btn.is-active .lesson__accordion-svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .lesson__plan--btn ~ .lesson__plan-wrapp {
    display: none;
  }
  .lesson__plan--btn.is-active ~ .lesson__plan-wrapp {
    display: block;
  }
  .lesson__module--btn ~ .lesson__module-wrapp {
    display: none;
  }
  .lesson__module--btn.is-active ~ .lesson__module-wrapp {
    display: block;
  }
}
.testing__header {
  padding-bottom: 12px;
}

@media (max-width: 767px) {
  .testing__header {
    padding-bottom: 25px;
  }
}
.testing__header-title {
  letter-spacing: 0.66px;
  line-height: 110%;
}

.testion__header-text {
  padding-top: 10px;
}

.testion__header-text a {
  color: #6B6EE8;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

@media (max-width: 1680px) {
  .testion__header-text {
    padding-top: 8px;
  }
}
.testing {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 603px;
  grid-template-columns: 1fr 603px;
  gap: 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 1680px) {
  .testing {
    gap: 15px;
    -ms-grid-columns: 1fr 320px;
    grid-template-columns: 1fr 320px;
  }
}
@media (max-width: 1240px) {
  .testing {
    -ms-grid-columns: 1fr 230px;
    grid-template-columns: 1fr 230px;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .testing {
    display: block;
  }
}
@media (max-width: 767px) {
  .testing__info-list {
    margin-top: 24px;
  }
}
.testing__question-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20px auto 20px;
  grid-template-columns: 20px auto 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px;
  color: #47BE2C;
  text-decoration: underline;
}

@media (max-width: 1240px) {
  .testing__question-link {
    -ms-grid-columns: 18px auto 18px;
    grid-template-columns: 18px auto 18px;
    gap: 6px;
  }
}
@media (max-width: 767px) {
  .testing__question-link {
    -ms-grid-columns: 16px auto 16px;
    grid-template-columns: 16px auto 16px;
  }
}
.testing__question-link .lesson__file-icon g {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (hover: hover) {
  .testing__question-link:hover .lesson__file-icon g {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .testing__question-link:active .lesson__file-icon g {
    opacity: 0.7;
  }
}
.testing__question-link:active .lesson__file-icon g {
  opacity: 1;
}

.testing__question-link img,
.testing__question-link svg {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1240px) {
  .testing__question-link img,
  .testing__question-link svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .testing__question-link img,
  .testing__question-link svg {
    width: 16px;
    height: 16px;
  }
}
@media (hover: hover) {
  .testing__question-link:hover span {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .testing__question-link:active {
    opacity: 0.7;
  }
}
.testing__question-link:active {
  opacity: 1;
  color: #F1A7B8;
}

.testing__time {
  margin-left: auto;
  margin-right: 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 14px 24px;
  border-radius: 24px 24px 0px 0px;
  background: #F1A7B8;
  color: #ffffff;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: 0.36px;
}

@media (max-width: 1680px) {
  .testing__time {
    padding: 12px 20px;
    border-radius: 20px 20px 0px 0px;
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .testing__time {
    padding: 8px 16px;
    border-radius: 16px 16px 0px 0px;
  }
}
@media (max-width: 767px) {
  .testing__time {
    margin-right: 15px;
    padding: 8px 12px;
    border-radius: 12px 12px 0px 0px;
    font-size: 14px;
  }
}
.testing__time span {
  color: #181830;
  text-align: right;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: 0.48px;
  padding-left: 12px;
}

@media (max-width: 1680px) {
  .testing__time span {
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .testing__time span {
    font-size: 18px;
    padding-left: 8px;
  }
}
@media (max-width: 767px) {
  .testing__time span {
    font-size: 16px;
  }
}
.testing__question {
  margin-top: 20px;
}

@media (max-width: 1680px) {
  .testing__question {
    margin-top: 18px;
  }
}
@media (max-width: 1240px) {
  .testing__question {
    margin-top: 16px;
  }
}
@media (max-width: 767px) {
  .testing__question {
    margin-top: 8px;
  }
}
.testing__question img {
  max-width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .testing__question img {
    border-radius: 8px;
  }
}
.testing__answer {
  padding-top: 20px;
  margin-top: 14px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1680px) {
  .testing__answer {
    padding-top: 18px;
    margin-top: 12px;
  }
}
@media (max-width: 1240px) {
  .testing__answer {
    padding-top: 16px;
    margin-top: 9px;
  }
}
@media (max-width: 767px) {
  .testing__answer {
    padding-top: 8px;
    margin-top: 12px;
  }
}
.testing__result {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #FF8075;
  padding: 6px 10px;
  border-radius: 8px;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: 0.32px;
}

@media (max-width: 1680px) {
  .testing__result {
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .testing__result {
    padding: 6px 8px;
  }
}
@media (max-width: 767px) {
  .testing__result {
    font-size: 12px;
  }
}
.testing__result.green {
  background: #47BE2C;
}

.testing__answer-list {
  padding-top: 15px;
}

@media (max-width: 1680px) {
  .testing__answer-list {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .testing__answer-list {
    padding-top: 8px;
  }
}
.testing__answer-inner + .testing__answer-inner {
  padding-top: 12px;
}

@media (max-width: 1680px) {
  .testing__answer-inner + .testing__answer-inner {
    padding-top: 10px;
  }
}
@media (max-width: 1240px) {
  .testing__answer-inner + .testing__answer-inner {
    padding-top: 8px;
  }
}
.testing__answer-label-span {
  font-size: 16px;
}

@media (max-width: 1680px) {
  .testing__answer-label-span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .testing__answer-label-span {
    font-size: 12px;
  }
}
.testing__answer-label-span::after,
.testing__answer-label-span::before {
  width: 24px;
  height: 24px;
}

@media (max-width: 1240px) {
  .testing__answer-label-span::after,
  .testing__answer-label-span::before {
    width: 20px;
    height: 20px;
  }
}
.testing__answer-label-span.correct::after {
  background: url("../../assets/img/icon/square-green.svg") no-repeat center center/contain;
}

.testing__answer-label-span.correct::before {
  background: url("../../assets/img/icon/square-green.svg") no-repeat center center/contain;
}

.testing__answer-label-span.label-radio-span.correct::after {
  background: url("../../assets/img/icon/circle-green.svg") no-repeat center center/contain;
}

.testing__answer-label-span.label-radio-span.correct::before {
  background: url("../../assets/img/icon/circle-green.svg") no-repeat center center/contain;
}

.testing__answer-label-span.wrong::after {
  background: url("../../assets/img/icon/check-wrong.svg") no-repeat center center/contain;
}

.testing__answer-label-span.wrong::before {
  background: url("../../assets/img/icon/check-wrong.svg") no-repeat center center/contain;
}

.testing__answer-label-span.label-radio-span.wrong::after {
  background: url("../../assets/img/icon/radio-wrong.svg") no-repeat center center/contain;
}

.testing__answer-label-span.label-radio-span.wrong::before {
  background: url("../../assets/img/icon/radio-wrong.svg") no-repeat center center/contain;
}

.testing__answer-label-span::before {
  background: url("../../assets/img/icon/check-green-2.svg") no-repeat center center/contain;
}

.testing__answer-label-span.label-radio-span::before {
  background: url("../../assets/img/icon/radio-green.svg") no-repeat center center/contain;
}

.testing__btns-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  position: relative;
  padding-top: 24px;
  margin-top: 24px;
}

@media (max-width: 1680px) {
  .testing__btns-row {
    gap: 15px;
    margin-top: 20px;
    padding-top: 20px;
  }
}
@media (max-width: 1240px) {
  .testing__btns-row {
    margin-top: 18px;
    padding-top: 18px;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .testing__btns-row {
    padding-top: 24px;
    margin-top: 24px;
    gap: 8px;
  }
}
.testing__btns-row::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 80px;
  height: 1px;
  background: rgba(24, 24, 48, 0.1);
}

.testing-btn {
  min-width: 200px;
}

@media (max-width: 1680px) {
  .testing-btn {
    min-width: 146px;
  }
}
@media (max-width: 1240px) {
  .testing-btn {
    min-width: 110px;
  }
}
@media (max-width: 767px) {
  .testing-btn {
    min-width: 70px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.testing-btn-complete {
  color: #F1A7B8;
  border-color: #F1A7B8;
}

@media (hover: hover) {
  .testing-btn-complete:hover {
    color: #ffffff;
    background: #F1A7B8;
    border-color: #F1A7B8;
  }
}
@media (hover: none) {
  .testing-btn-complete:active {
    color: #ffffff;
    background: #F1A7B8;
    border-color: #F1A7B8;
  }
}
.testing-btn-complete:active {
  color: #ffffff;
  background: #F1A7B8;
  border-color: #F1A7B8;
}

.testing-container-finish {
  margin-left: auto;
  margin-right: auto;
  max-width: 575px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 125px 1fr;
  grid-template-columns: 125px 1fr;
  gap: 30px;
}

@media (max-width: 1680px) {
  .testing-container-finish {
    max-width: 480px;
    -ms-grid-columns: 115px 1fr;
    grid-template-columns: 115px 1fr;
  }
}
@media (max-width: 1240px) {
  .testing-container-finish {
    -ms-grid-columns: 90px 1fr;
    grid-template-columns: 90px 1fr;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .testing-container-finish {
    display: block;
  }
}
.testing__finish-img {
  width: 125px;
  height: 125px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1680px) {
  .testing__finish-img {
    width: 115px;
    height: 115px;
  }
}
@media (max-width: 1240px) {
  .testing__finish-img {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 767px) {
  .testing__finish-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
.testing__finish-title {
  letter-spacing: 0.48px;
  color: #FF8075;
  padding-bottom: 16px;
}

@media (max-width: 1240px) {
  .testing__finish-title {
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .testing__finish-title {
    text-align: center;
    padding-bottom: 16px;
  }
}
.testing__finish-title.green {
  color: #47BE2C;
}

@media (max-width: 767px) {
  .testing__finish-coll {
    margin-top: 8px;
  }
}
.testing__finish-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .testing__finish-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.testing__finish-row + .testing__finish-row {
  padding-top: 8px;
}

.testing__finish-link {
  letter-spacing: 0.32px;
  text-decoration-line: underline;
  color: #6B6EE8;
}

@media (max-width: 767px) {
  .testing__finish-link {
    display: block;
    margin-top: 6px;
  }
}
@media (hover: hover) {
  .testing__finish-link:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .testing__finish-link:active {
    text-decoration: none;
  }
}
.testing__finish-link:active {
  text-decoration: none;
}

.testing__finish-text span {
  color: #FF8075;
}

.testing__finish-text.green {
  color: #47BE2C;
}

.testing__finish-text.blue span {
  color: #6B6EE8;
}

.testing__finish-btn-row {
  position: relative;
  margin-top: 16px;
  padding-top: 16px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

@media (max-width: 1240px) {
  .testing__finish-btn-row {
    padding-top: 14px;
    margin-top: 14px;
  }
}
@media (max-width: 767px) {
  .testing__finish-btn-row {
    margin-top: 16px;
    padding-top: 16px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.testing__finish-btn-row::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: 80px;
  background: rgba(24, 24, 48, 0.1);
}

@media (max-width: 767px) {
  .testing__finish-btn-row::after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.testing__figish-btn {
  width: 100%;
}

@media (max-width: 767px) {
  .testing__figish-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
}
.testing__container-title {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 5px;
}

.testing__container-title-num {
  color: #F1A7B8;
}

.testing-container-wrapp + .testing-container-wrapp {
  margin-top: 24px;
}

.testing-container-wrapp + .testing-container-finish {
  margin-top: 32px;
}

@media (max-width: 1680px) {
  .testing-container-wrapp + .testing-container-finish {
    margin-top: 28px;
  }
}
@media (max-width: 767px) {
  .testing-container-wrapp + .testing-container-finish {
    margin-top: 24px;
  }
}
.testing-container-finish + .testing-container-finish {
  margin-top: 32px;
}

@media (max-width: 1680px) {
  .testing-container-finish + .testing-container-finish {
    margin-top: 28px;
  }
}
@media (max-width: 767px) {
  .testing-container-finish + .testing-container-finish {
    margin-top: 24px;
  }
}
.testing__info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 14px;
}

@media (max-width: 1680px) {
  .testing__info-list {
    gap: 9px;
  }
}
@media (max-width: 1240px) {
  .testing__info-list {
    gap: 5px;
  }
}
@media (max-width: 767px) {
  .testing__info-list {
    gap: 8px;
  }
}
.testing__info-statrus {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 6px;
  border-radius: 8px;
  background: #F3F6FB;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media (max-width: 1240px) {
  .testing__info-statrus {
    padding: 5px;
    border-radius: 6px;
  }
}
@media (max-width: 767px) {
  .testing__info-statrus {
    padding: 4px;
  }
}
.testing__info-statrus svg,
.testing__info-statrus img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 8px;
  width: 24px;
  height: 24px;
}

@media (max-width: 1240px) {
  .testing__info-statrus svg,
  .testing__info-statrus img {
    width: 20px;
    height: 20px;
    margin-left: 5px;
  }
}
@media (max-width: 767px) {
  .testing__info-statrus svg,
  .testing__info-statrus img {
    margin-left: 4px;
  }
}
.testing__info-status-name {
  padding-right: 8px;
  border-right: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1240px) {
  .testing__info-status-name {
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  .testing__info-status-name {
    padding-right: 4px;
  }
}
.testing__info-status-name {
  letter-spacing: 0.32px;
}

/*admin*/
.notification-filter {
  gap: 12px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 310px 310px 200px;
  grid-template-columns: 1fr 310px 310px 200px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1680px) {
  .notification-filter {
    -ms-grid-columns: 1fr 195px 195px 180px;
    grid-template-columns: 1fr 195px 195px 180px;
  }
}
@media (max-width: 1240px) {
  .notification-filter {
    -ms-grid-columns: 1fr 170px 170px;
    grid-template-columns: 1fr 170px 170px;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .notification-filter {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 12px;
  }
}
.notification-btn {
  width: 100%;
}

@media (max-width: 1240px) {
  .notification-btn {
    margin-left: auto;
    margin-right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .notification-btn {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.notification-tabs {
  margin-top: 15px;
}

@media (max-width: 1240px) {
  .notification-tabs {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .notification-tabs {
    margin-top: 16px;
  }
}
.notification-tab {
  display: none;
}

.panel__absence-box.notification-tab.tab--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.notification__file {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20px auto 20px;
  grid-template-columns: 20px auto 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px;
  color: #47BE2C;
  text-decoration: underline;
}

@media (max-width: 1240px) {
  .notification__file {
    -ms-grid-columns: 18px auto 18px;
    grid-template-columns: 18px auto 18px;
    gap: 6px;
  }
}
@media (max-width: 767px) {
  .notification__file {
    -ms-grid-columns: 16px auto 16px;
    grid-template-columns: 16px auto 16px;
  }
}
.notification__file .lesson__file-icon g {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (hover: hover) {
  .notification__file:hover .lesson__file-icon g {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .notification__file:active .lesson__file-icon g {
    opacity: 0.7;
  }
}
.notification__file:active .lesson__file-icon g {
  opacity: 1;
}

.notification__file img,
.notification__file svg {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1240px) {
  .notification__file img,
  .notification__file svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .notification__file img,
  .notification__file svg {
    width: 16px;
    height: 16px;
  }
}
@media (hover: hover) {
  .notification__file:hover span {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .notification__file:active {
    opacity: 0.7;
  }
}
.notification__file:active {
  opacity: 1;
  color: #F1A7B8;
}

.notification__cart + .notification__cart {
  margin-top: 12px;
}

@media (max-width: 1680px) {
  .notification__cart + .notification__cart {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .notification__cart + .notification__cart {
    margin-top: 12px;
  }
}
.notification__cart {
  background: #F3F6FB;
  border-radius: 24px;
  padding: 5px 5px 5px 80px;
  position: relative;
  isolation: isolate;
}

@media (max-width: 1680px) {
  .notification__cart {
    padding-left: 60px;
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .notification__cart {
    padding-left: 45px;
    border-radius: 18px;
  }
}
@media (max-width: 767px) {
  .notification__cart {
    border-radius: 8px;
    padding: 8px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 30px 1fr;
    grid-template-columns: 30px 1fr;
    gap: 10px;
  }
}
.notification__cart-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.notification__cart-time {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 4px 8px;
  letter-spacing: 0.02em;
  color: #BDBBCD;
}

.notification__info {
  background: #F3F6FB;
  border-radius: 24px;
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

@media (max-width: 1680px) {
  .notification__info {
    padding: 10px;
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .notification__info {
    padding: 8px;
    border-radius: 18px;
  }
}
@media (max-width: 767px) {
  .notification__info {
    border-radius: 8px;
    display: block;
  }
}
.notification__user-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 54px;
  height: 54px;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  border-color: #6B6EE8;
  border-radius: 8px;
  overflow: hidden;
  margin-right: 12px;
}

@media (max-width: 1680px) {
  .notification__user-img {
    margin-right: 10px;
  }
}
@media (max-width: 1240px) {
  .notification__user-img {
    width: 50px;
    height: 50px;
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .notification__user-img {
    width: 40px;
    height: 40px;
    border-radius: 4px;
  }
}
.notification__user-img img,
.notification__user-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.notification__info-coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .notification__info-coll {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.notification__user-name {
  padding-bottom: 8px;
  margin-bottom: 8px;
}

@media (max-width: 1240px) {
  .notification__user-name {
    padding-bottom: 6px;
    margin-bottom: 6px;
  }
}
@media (max-width: 767px) {
  .notification__user-name {
    margin-bottom: 4px;
    padding-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .notification__user-job span {
    display: block;
    padding-top: 4px;
  }
}
@media (max-width: 767px) {
  .notification__info-list {
    padding-left: 48px;
    padding-top: 8px;
  }
}
.notification__info-inner + .notification__info-inner {
  padding-top: 4px;
}

@media (max-width: 767px) {
  .notification__info-inner + .notification__info-inner {
    padding-top: 8px;
  }
}
.notification__info-link {
  text-decoration: underline;
  color: #6B6EE8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  text-align: right;
  display: block;
}

@media (max-width: 767px) {
  .notification__info-link {
    text-align: left;
  }
}
@media (hover: hover) {
  .notification__info-link:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .notification__info-link:active {
    text-decoration: none;
  }
}
.notification__info-link:active {
  text-decoration: none;
}

.notification__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 12px;
}

@media (max-width: 1680px) {
  .notification__footer {
    margin-top: 10px;
  }
}
@media (max-width: 1240px) {
  .notification__footer {
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .notification__footer {
    margin-top: 12px;
  }
}
.notification__footer-btn {
  margin-left: auto;
  margin-right: 0;
}

.notification__footer-btns {
  margin-left: auto;
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
  gap: 10px 12px;
}

.notification__footer-files-list {
  margin-top: 4px;
  max-width: 300px;
}

.notification__footer-files-inner + .notification__footer-files-inner {
  margin-top: 5px;
}

.notification__file span {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.notification__footer-dell {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1680px) {
  .notification__footer-dell {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 1240px) {
  .notification__footer-dell {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .notification__footer-dell {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.notification__footer-btn-width {
  min-width: 200px;
}

@media (max-width: 1680px) {
  .notification__footer-btn-width {
    min-width: 180px;
  }
}
@media (max-width: 1240px) {
  .notification__footer-btn-width {
    min-width: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .notification__footer-btn-width {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.notification__hide-text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 0;
}

@media (max-width: 767px) {
  .notification__hide-text {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}
.notification__hide-btn {
  margin-top: 12px;
  display: block;
}

@media (max-width: 1680px) {
  .notification__hide-btn {
    margin-top: 10px;
  }
}
@media (max-width: 1240px) {
  .notification__hide-btn {
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .notification__hide-btn {
    font-size: 12px;
  }
  .notification__hide-btn::after {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .notification-tabs-head {
    background: #ffffff;
  }
}
.catalog-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}

@media (max-width: 767px) {
  .catalog-filter {
    display: block;
  }
}
.catalog__search-wrapp {
  width: 1000px;
}

@media (max-width: 1680px) {
  .catalog__search-wrapp {
    width: 686px;
  }
}
@media (max-width: 1240px) {
  .catalog__search-wrapp {
    width: 100%;
  }
}
.catalog-filter-btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 200px;
}

@media (max-width: 1680px) {
  .catalog-filter-btn {
    min-width: 180px;
  }
}
@media (max-width: 1240px) {
  .catalog-filter-btn {
    min-width: 138px;
  }
}
@media (max-width: 767px) {
  .catalog-filter-btn {
    min-width: 110px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
  }
}
.catalog-table {
  margin-top: 15px;
}

@media (max-width: 1240px) {
  .catalog-table {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .catalog-table {
    margin-top: 24px;
  }
}
@media (max-width: 1680px) {
  .catalog__table-cart {
    padding-left: 84px;
  }
}
@media (max-width: 1240px) {
  .catalog__table-cart {
    padding-left: 55px;
  }
}
@media (max-width: 767px) {
  .catalog__table-cart {
    padding: 4px;
  }
}
.catalog__table-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
  padding-left: 12px;
  margin-left: 12px;
  border-left: 1px solid rgba(24, 24, 48, 0.1);
  height: 100%;
}

@media (max-width: 1680px) {
  .catalog__table-btns {
    padding-left: 10px;
  }
}
@media (max-width: 1240px) {
  .catalog__table-btns {
    margin-left: 10px;
    padding-left: 8px;
  }
}
@media (max-width: 767px) {
  .catalog__table-btns {
    padding-left: 4px;
    margin-left: 4px;
  }
}
.catalog__table-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 1680px) {
  .catalog__table-btn {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 1240px) {
  .catalog__table-btn {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 767px) {
  .catalog__table-btn {
    width: 20px;
    height: 20px;
  }
}
.catalog__table-btn img,
.catalog__table-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (hover: hover) {
  .catalog__table-btn:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .catalog__table-btn:active {
    opacity: 0.7;
  }
}
.catalog__table-btn:active {
  opacity: 0.7;
}

.catalog__table-cart-wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  padding: 20px;
}

@media (max-width: 1680px) {
  .catalog__table-cart-wrapp {
    padding: 18px;
  }
}
@media (max-width: 1240px) {
  .catalog__table-cart-wrapp {
    padding: 12px 14px;
  }
}
@media (max-width: 767px) {
  .catalog__table-cart-wrapp {
    padding: 8px;
  }
}
@media (max-width: 767px) {
  .catalog__table-name {
    font-size: 12px;
  }
}
.catalog__table-id {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: catalog__table-id;
  padding-top: 3px;
  min-width: 55px;
}

@media (max-width: 1680px) {
  .catalog__table-id {
    min-width: 50px;
  }
}
@media (max-width: 1240px) {
  .catalog__table-id {
    padding-top: 0;
  }
}
.catalog__table-name {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: catalog__table-name;
}

@media (max-width: 1240px) {
  .catalog__table-name {
    padding-top: 8px;
  }
}
@media (max-width: 767px) {
  .catalog__table-name {
    padding-top: 4px;
  }
}
.catalog__table-link {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 5;
  grid-area: catalog__table-link;
  padding-left: 25px;
  padding-right: 25px;
}

@media (max-width: 1680px) {
  .catalog__table-link {
    padding-left: 19px;
    padding-right: 19px;
  }
}
@media (max-width: 1240px) {
  .catalog__table-link {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .catalog__table-link {
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 8px;
  }
}
.catalog__tabel-info-list {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: catalog__tabel-info-list;
}

.catalog__table-cart-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 12px 1fr 12px auto;
  grid-template-columns: auto 1fr auto;
  -ms-grid-rows: auto 0 1fr;
  grid-template-rows: auto 1fr;
  gap: 0 12px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
      grid-template-areas: "catalog__table-id catalog__table-name catalog__table-link" "... catalog__tabel-info-list catalog__table-link";
}

@media (max-width: 1680px) {
  .catalog__table-cart-info {
    gap: 0 10px;
  }
}
@media (max-width: 1240px) {
  .catalog__table-cart-info {
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
        grid-template-areas: "catalog__table-id catalog__table-link" "catalog__table-name catalog__table-link" "catalog__tabel-info-list catalog__tabel-info-list";
  }
  .catalog__table-id {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .catalog__table-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .catalog__table-link {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .catalog__tabel-info-list {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
@media (max-width: 767px) {
  .catalog__table-cart-info {
    display: block;
  }
}
.catalog__tabel-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 24px;
}

@media (max-width: 1680px) {
  .catalog__tabel-info-list {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .catalog__tabel-info-list {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .catalog__tabel-info-list {
    margin-top: 8px;
    display: block;
  }
}
.catalog__tabel-info-text {
  padding-top: 4px;
}

@media (max-width: 767px) {
  .catalog__tabel-info-text {
    padding-top: 0;
    padding-left: 4px;
  }
}
.catalog__tabel-info-title {
  position: relative;
  padding-top: 10px;
  white-space: nowrap;
}

.catalog__tabel-info-title::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 33px;
  height: 1px;
  background: rgba(24, 24, 48, 0.1);
}

@media (max-width: 767px) {
  .catalog__tabel-info-title::after {
    width: 30px;
  }
}
@media (max-width: 1680px) {
  .catalog__tabel-info-title {
    padding-top: 8px;
  }
}
@media (max-width: 1240px) {
  .catalog__tabel-info-title {
    padding-top: 6px;
  }
}
@media (max-width: 767px) {
  .catalog__tabel-info-title {
    padding-top: 4px;
  }
}
.catalog__tabel-info-inner + .catalog__tabel-info-inner {
  padding-left: 30px;
  margin-left: 30px;
  position: relative;
  border-left: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1680px) {
  .catalog__tabel-info-inner + .catalog__tabel-info-inner {
    padding-left: 18px;
    margin-left: 18px;
  }
}
@media (max-width: 1240px) {
  .catalog__tabel-info-inner + .catalog__tabel-info-inner {
    padding-left: 12px;
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .catalog__tabel-info-inner + .catalog__tabel-info-inner {
    padding-left: 0;
    margin-left: 0;
    border: none;
    padding-top: 4px;
  }
}
@media (max-width: 767px) {
  .catalog__tabel-info-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}
.catalog__missing-btn {
  position: relative;
  margin-top: 48px;
  min-width: 200px;
}

.catalog__missing-btn::after {
  content: "";
  width: 90px;
  height: 1px;
  background: rgba(24, 24, 48, 0.1);
  position: absolute;
  left: 50%;
  top: -24px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 1680px) {
  .catalog__missing-btn::after {
    top: -20px;
  }
}
@media (max-width: 1240px) {
  .catalog__missing-btn::after {
    top: -18px;
  }
}
@media (max-width: 767px) {
  .catalog__missing-btn::after {
    top: -16px;
  }
}
@media (max-width: 1680px) {
  .catalog__missing-btn {
    margin-top: 40px;
    min-width: 146px;
  }
}
@media (max-width: 1240px) {
  .catalog__missing-btn {
    min-width: 138px;
    margin-top: 36px;
  }
}
@media (max-width: 767px) {
  .catalog__missing-btn {
    min-width: 116px;
    margin-top: 32px;
  }
}
.catalog__absence-box {
  height: 600px;
}

@media (max-width: 1240px) {
  .catalog__absence-box {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .catalog__absence-box {
    height: 350px;
  }
}
.creating__info.tab--active {
  display: -ms-grid;
  display: grid;
}

.creating__info {
  -ms-grid-columns: 230px 1fr;
  grid-template-columns: 230px 1fr;
  gap: 0 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
}

@media (max-width: 1680px) {
  .creating__info {
    -ms-grid-columns: 180px 1fr;
    grid-template-columns: 180px 1fr;
  }
}
@media (max-width: 767px) {
  .creating__info {
    gap: 0;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
  }
}
.creating-avatar {
  width: 230px;
  height: 230px;
  margin-top: 15px;
}

@media (max-width: 1680px) {
  .creating-avatar {
    width: 180px;
    height: 180px;
    margin-top: 8px;
  }
}
@media (max-width: 1240px) {
  .creating-avatar {
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .creating-avatar {
    width: 150px;
    height: 150px;
    margin-top: 8px;
  }
}
.creating__info-head {
  width: 230px;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
}

@media (max-width: 1680px) {
  .creating__info-head {
    width: 180px;
  }
}
@media (max-width: 767px) {
  .creating__info-head {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
  }
}
.creating__info-wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 12px;
}

@media (max-width: 767px) {
  .creating__info-wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    margin-top: 25px;
  }
}
.creating-box-footer {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-grid-columns: 200px 200px;
  grid-template-columns: 200px 200px;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 16px;
  gap: 12px;
}

@media (max-width: 1680px) {
  .creating-box-footer {
    -ms-grid-columns: 146px 146px;
    grid-template-columns: 146px 146px;
  }
}
@media (max-width: 1240px) {
  .creating-box-footer {
    -ms-grid-columns: 140px 140px;
    grid-template-columns: 140px 140px;
  }
}
@media (max-width: 572px) {
  .creating-box-footer {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.creating-box-btn {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.creating__module-head-wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  gap: 0 12px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-top: 32px;
}

@media (max-width: 1680px) {
  .creating__module-head-wrapp {
    margin-top: 28px;
  }
}
@media (max-width: 1240px) {
  .creating__module-head-wrapp {
    gap: 10px;
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .creating__module-head-wrapp {
    display: block;
  }
}
.creating__module-head-btn {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  padding-left: 32px;
  padding-right: 32px;
}

@media (max-width: 1680px) {
  .creating__module-head-btn {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1240px) {
  .creating__module-head-btn {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 767px) {
  .creating__module-head-btn {
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
  }
}
.creating-module {
  margin-top: 15px;
}

@media (max-width: 1240px) {
  .creating-module {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .creating-module {
    margin-top: 16px;
  }
}
.creating__module-row.panel-cart {
  padding: 5px;
  display: block;
}

@media (max-width: 767px) {
  .creating__module-row.panel-cart {
    padding: 2px;
  }
}
.creating__module-row-wrapp {
  -webkit-box-shadow: none;
  box-shadow: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  padding: 20px;
}

@media (max-width: 1680px) {
  .creating__module-row-wrapp {
    padding: 18px;
  }
}
@media (max-width: 1240px) {
  .creating__module-row-wrapp {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .creating__module-row-wrapp {
    padding: 8px;
  }
}
.creating__module-btns {
  padding-left: 20px;
  margin-left: 20px;
}

@media (max-width: 1680px) {
  .creating__module-btns {
    padding-left: 18px;
    margin-left: 18px;
  }
}
@media (max-width: 767px) {
  .creating__module-btns {
    margin-left: 4px;
    padding-left: 4px;
  }
}
.creating__module-row-top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
}

@media (max-width: 767px) {
  .creating__module-row-top {
    display: block;
  }
}
.creating__module-status-coll {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}

@media (max-width: 767px) {
  .creating__module-status-coll {
    margin-top: 4px;
  }
}
.creating__module-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-top: 12px;
}

@media (max-width: 1240px) {
  .creating__module-list {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .creating__module-list {
    margin-top: 8px;
    display: block;
  }
}
.creating__module-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .creating__module-status {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.creating__module-status img,
.creating__module-status svg {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-left: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1680px) {
  .creating__module-status img,
  .creating__module-status svg {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 1240px) {
  .creating__module-status img,
  .creating__module-status svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 767px) {
  .creating__module-status img,
  .creating__module-status svg {
    width: 20px;
    height: 20px;
  }
}
input:checked ~ .creating__module-hidden-container {
  display: block;
}

.creating__module-hidden-container {
  position: relative;
  padding-top: 15px;
  margin-top: 15px;
  padding-right: 140px;
  display: none;
}

@media (max-width: 1680px) {
  .creating__module-hidden-container {
    padding-top: 14px;
    margin-top: 14px;
    padding-right: 125px;
  }
}
@media (max-width: 1240px) {
  .creating__module-hidden-container {
    margin-top: 12px;
    padding-top: 12px;
    padding-right: 120px;
  }
}
@media (max-width: 767px) {
  .creating__module-hidden-container {
    padding-top: 0;
    padding-right: 0;
  }
}
.creating__module-hidden-container::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 1px;
  background: rgba(24, 24, 48, 0.1);
}

@media (max-width: 767px) {
  .creating__module-hidden-container::after {
    width: 0;
    background: none;
  }
}
.creating__module-hidden-inner + .creating__module-hidden-inner {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1240px) {
  .creating__module-hidden-inner + .creating__module-hidden-inner {
    padding-top: 8px;
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .creating__module-hidden-inner + .creating__module-hidden-inner {
    border-top: none;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }
}
.creating__module-hidden-inner {
  padding-left: 60px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  gap: 10px;
}

@media (max-width: 1680px) {
  .creating__module-hidden-inner {
    padding-left: 40px;
  }
}
@media (max-width: 1240px) {
  .creating__module-hidden-inner {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .creating__module-hidden-inner {
    padding-left: 16px;
    padding-right: 16px;
    display: block;
  }
}
.creating__module-text {
  padding-top: 4px;
}

.creating__module-hidden-coll {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  border-right: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 767px) {
  .creating__module-hidden-coll {
    padding-bottom: 0;
    padding-top: 5px;
    border: none;
  }
}
.creating__module-hidden-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

.creating__module-hidden-btn img,
.creating__module-hidden-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1680px) {
  .creating__module-hidden-btn {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1240px) {
  .creating__module-hidden-btn {
    width: 20px;
    height: 20px;
  }
}
.creating__module-hidden-btn + .creating__module-hidden-btn {
  margin-left: 20px;
}

@media (max-width: 1680px) {
  .creating__module-hidden-btn + .creating__module-hidden-btn {
    margin-left: 16px;
  }
}
.creating__module-hidden-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .creating__module-hidden-btns {
    margin-top: 8px;
  }
}
.creating__module-label {
  margin-top: 12px;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media (max-width: 767px) {
  .creating__module-label {
    margin-top: 8px;
  }
}
.creating__module-status-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.creating__module-status-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 4px;
}

@media (max-width: 767px) {
  .creating__module-status-info {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.creating__module-status-info img,
.creating__module-status-info svg {
  width: 20px;
  height: 20px;
  margin-left: 4px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 767px) {
  .creating__module-status-info img,
  .creating__module-status-info svg {
    width: 16px;
    height: 16px;
  }
}
.creating-lessons {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 475px 1fr;
  grid-template-columns: 475px 1fr;
  gap: 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 1680px) {
  .creating-lessons {
    -ms-grid-columns: 350px 1fr;
    grid-template-columns: 350px 1fr;
    gap: 28px;
  }
}
@media (max-width: 1240px) {
  .creating-lessons {
    -ms-grid-columns: 260px 1fr;
    grid-template-columns: 260px 1fr;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .creating-lessons {
    display: block;
  }
}
.creating-lessons-acc-btns {
  margin-left: 8px;
  padding-left: 8px;
}

@media (max-width: 1240px) {
  .creating-lessons-acc-btns {
    margin-left: 6px;
    padding-left: 6px;
  }
}
@media (max-width: 767px) {
  .creating-lessons-acc-btns {
    margin-left: 4px;
    padding-right: 4px;
  }
}
.creating-lessons-acc-btns .catalog__table-btn {
  width: 28px;
  height: 28px;
}

@media (max-width: 1680px) {
  .creating-lessons-acc-btns .catalog__table-btn {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1240px) {
  .creating-lessons-acc-btns .catalog__table-btn {
    width: 20px;
    height: 20px;
  }
}
.creating-lessons-acc-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

.creating-lessons-acc-link {
  padding-left: 30px;
}

@media (max-width: 1680px) {
  .creating-lessons-acc-link {
    padding-left: 24px;
  }
}
@media (max-width: 1240px) {
  .creating-lessons-acc-link {
    padding-left: 16px;
  }
}
.creating-lessons-acc {
  margin-top: 25px;
}

@media (max-width: 1240px) {
  .creating-lessons-acc {
    margin-top: 16px;
  }
}
.creating__lessons-add {
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 1680px) {
  .creating__lessons-add {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1240px) {
  .creating__lessons-add {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (max-width: 767px) {
  .creating__lessons-add {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.creating__lessons-panel.panel-cart {
  padding: 5px;
}

@media (max-width: 767px) {
  .creating__lessons-panel.panel-cart {
    padding: 2px;
    display: block;
  }
}
.creating__lessons-panel-wrapp.panel-cart-wrapp {
  padding: 20px;
}

@media (max-width: 1680px) {
  .creating__lessons-panel-wrapp.panel-cart-wrapp {
    padding: 18px;
  }
}
@media (max-width: 1240px) {
  .creating__lessons-panel-wrapp.panel-cart-wrapp {
    padding: 14px;
  }
}
@media (max-width: 767px) {
  .creating__lessons-panel-wrapp.panel-cart-wrapp {
    padding: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.creating-lessons-wrapp-row {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-grid-columns: 1fr 270px;
  grid-template-columns: 1fr 270px;
  gap: 12px;
}

@media (max-width: 1680px) {
  .creating-lessons-wrapp-row {
    -ms-grid-columns: 1fr 200px;
    grid-template-columns: 1fr 200px;
  }
}
@media (max-width: 1240px) {
  .creating-lessons-wrapp-row {
    gap: 12px 10px;
  }
}
@media (max-width: 992px) {
  .creating-lessons-wrapp-row {
    -ms-grid-columns: 1fr 130px;
    grid-template-columns: 1fr 130px;
  }
}
@media (max-width: 767px) {
  .creating-lessons-wrapp-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.creating-lessons-textarea-wrapp {
  margin-top: 12px;
}

@media (max-width: 1240px) {
  .creating-lessons-textarea-wrapp {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .creating-lessons-textarea-wrapp {
    margin-top: 12px;
  }
}
.creating-lessons-textarea {
  resize: none;
  height: 264px;
}

@media (max-width: 1680px) {
  .creating-lessons-textarea {
    height: 88px;
  }
}
@media (max-width: 1240px) {
  .creating-lessons-textarea {
    height: 103px;
  }
}
@media (max-width: 767px) {
  .creating-lessons-textarea {
    height: 120px;
  }
}
.creating-lessons-wrapp-inner {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
  padding-right: 282px;
}

@media (max-width: 1680px) {
  .creating-lessons-wrapp-inner {
    margin-top: 20px;
    padding-top: 20px;
    padding-right: 0;
  }
}
@media (max-width: 1240px) {
  .creating-lessons-wrapp-inner {
    margin-top: 16px;
    padding-top: 16px;
  }
}
.creating-lessons-wrapp-title {
  padding-bottom: 15px;
}

@media (max-width: 1240px) {
  .creating-lessons-wrapp-title {
    padding-bottom: 12px;
  }
}
.creating__lesson-btn {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 767px) {
  .creating__lesson-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 12px;
  }
}
.creating-lessons-row {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-grid-columns: 1fr 200px;
  grid-template-columns: 1fr 200px;
  gap: 12px;
}

@media (max-width: 1680px) {
  .creating-lessons-row {
    -ms-grid-columns: 1fr 180px;
    grid-template-columns: 1fr 180px;
  }
}
@media (max-width: 767px) {
  .creating-lessons-row {
    display: block;
  }
}
.creating__lesson-links-list {
  max-width: 300px;
  margin-top: 12px;
}

@media (max-width: 1680px) {
  .creating__lesson-links-list {
    max-width: 312px;
  }
}
.creating__lesson-links-inner + .creating__lesson-links-inner {
  margin-top: 12px;
}

@media (max-width: 1240px) {
  .creating__lesson-links-inner + .creating__lesson-links-inner {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .creating__lesson-links-inner + .creating__lesson-links-inner {
    margin-top: 8px;
  }
}
.creating__lesson-links-inner a {
  word-break: break-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #4099F8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 1680px) {
  .creating__lesson-links-inner a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .creating__lesson-links-inner a {
    font-size: 12px;
  }
}
@media (hover: hover) {
  .creating__lesson-links-inner a:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .creating__lesson-links-inner a:active {
    text-decoration: none;
  }
}
.creating__lesson-links-inner a:active {
  text-decoration: none;
}

.creating__lesson-links-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

@media (max-width: 767px) {
  .creating__lesson-links-inner {
    gap: 5px;
  }
}
.creating__lesson-links-icon,
.creating__lessons-lindk-dell {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1240px) {
  .creating__lesson-links-icon,
  .creating__lessons-lindk-dell {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .creating__lesson-links-icon,
  .creating__lessons-lindk-dell {
    width: 16px;
    height: 16px;
  }
}
.creating__lesson-links-icon img,
.creating__lesson-links-icon svg,
.creating__lessons-lindk-dell img,
.creating__lessons-lindk-dell svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.creating__lessons-file {
  max-width: 550px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px 1fr;
  grid-template-columns: 200px 1fr;
}

@media (max-width: 1680px) {
  .creating__lessons-file {
    -ms-grid-columns: 180px 1fr;
    grid-template-columns: 180px 1fr;
  }
}
@media (max-width: 1240px) {
  .creating__lessons-file {
    -ms-grid-columns: 160px 1fr;
    grid-template-columns: 160px 1fr;
  }
}
@media (max-width: 767px) {
  .creating__lessons-file {
    display: block;
    max-width: 100%;
  }
}
.creating__lessons-file-list {
  padding-left: 12px;
  margin-left: 12px;
}

.creating__lessons-file-list:has(.file-row-element) {
  border-left: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 767px) {
  .creating__lessons-file-list:has(.file-row-element) {
    border: none;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
}
@media (max-width: 767px) {
  .creating__lessons-file-list {
    padding-top: 8px;
    margin-top: 8px;
    padding-left: 0;
    margin-left: 0;
  }
}
.creating__lessons-file-btn {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 767px) {
  .creating__lessons-file-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.creating__listeners-filter {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 360px 360px 200px;
  grid-template-columns: 1fr 360px 360px 200px;
  gap: 12px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1680px) {
  .creating__listeners-filter {
    -ms-grid-columns: 1fr 250px 250px 180px;
    grid-template-columns: 1fr 250px 250px 180px;
  }
}
@media (max-width: 1240px) {
  .creating__listeners-filter {
    -ms-grid-columns: 1fr 250px 250px;
    grid-template-columns: 1fr 250px 250px;
    gap: 10px;
  }
}
@media (max-width: 992px) {
  .creating__listeners-filter {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .creating__listeners-filter {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
@media (max-width: 992px) {
  .creating__listeners-search {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .creating__listeners-search {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}
.creating__listeners-filter-btn {
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 1240px) {
  .creating__listeners-filter-btn {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
    margin-left: auto;
    margin-right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 992px) {
  .creating__listeners-filter-btn {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .creating__listeners-filter-btn {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    margin-right: auto;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.creating__listeners-box-padding {
  margin-top: 15px;
}

@media (max-width: 1240px) {
  .creating__listeners-box-padding {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-box-padding {
    margin-top: 16px;
  }
}
.creating__listeners-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 572px) {
  .creating__listeners-head {
    display: block;
  }
}
.creating__listeners-btn {
  min-width: 200px;
}

@media (max-width: 1680px) {
  .creating__listeners-btn {
    min-width: 180px;
  }
}
@media (max-width: 1240px) {
  .creating__listeners-btn {
    min-width: 140px;
  }
}
@media (max-width: 572px) {
  .creating__listeners-btn {
    margin-top: 16px;
    min-width: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.creating__listeners-btns-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 12px;
}

@media (max-width: 1240px) {
  .creating__listeners-btns-row {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-btns-row {
    gap: 8px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .creating__listeners-btns-row .creating__listeners-btn {
    width: 100%;
    padding-left: 2px;
    padding-right: 2px;
  }
}
.creating__checkbox-tree-head {
  min-height: 48px;
  border-radius: 8px;
  padding: 12px;
  background: #F3F6FB;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 24px 1fr;
  grid-template-columns: 24px 1fr;
  gap: 4px;
}

@media (max-width: 1240px) {
  .creating__checkbox-tree-head {
    min-height: 44px;
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
  }
}
@media (max-width: 767px) {
  .creating__checkbox-tree-head {
    min-height: 36px;
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
    padding: 8px 10px;
  }
}
.creating__checkbox-tree-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 110%;
  text-align: left;
  color: #181830;
}

@media (max-width: 1680px) {
  .creating__checkbox-tree-btn {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .creating__checkbox-tree-btn {
    font-size: 14px;
  }
}
.creating__checkbox-tree-btn svg,
.creating__checkbox-tree-btn img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-left: 5px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .creating__checkbox-tree-btn svg,
  .creating__checkbox-tree-btn img {
    width: 16px;
    height: 16px;
  }
}
.creating__checkbox-tree-wrapp + .creating__checkbox-tree-wrapp {
  margin-top: 8px;
}

@media (max-width: 1240px) {
  .creating__checkbox-tree-wrapp + .creating__checkbox-tree-wrapp {
    margin-top: 6px;
  }
}
.creating__checkbox-tree-wrapp .checkbox-tree-inner + .checkbox-tree-inner {
  padding-top: 6px;
  margin-top: 6px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1240px) {
  .creating__checkbox-tree-wrapp .checkbox-tree-inner + .checkbox-tree-inner {
    padding-top: 4px;
    margin-top: 4px;
  }
}
.checkbox-tree-inner.accordion.is-active .checkbox-tree.accordion-wrapp {
  display: block;
}

.checkbox-tree-inner.accordion.is-active .creating__checkbox-tree-btn svg,
.checkbox-tree-inner.accordion.is-active .creating__checkbox-tree-btn img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp {
  display: none;
  padding-top: 8px;
}

@media (max-width: 1240px) {
  .creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp {
    padding-top: 6px;
  }
}
.creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp .label-check-span {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 110%;
  color: #181830;
}

@media (max-width: 1680px) {
  .creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp .label-check-span {
    font-size: 12px;
  }
}
.creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp .label-check-span::after,
.creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp .label-check-span::before {
  width: 24px;
  height: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1240px) {
  .creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp .label-check-span::after,
  .creating__checkbox-tree-head + .checkbox-tree.accordion-wrapp .label-check-span::before {
    width: 20px;
    height: 20px;
  }
}
.creating__listeners-header-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: 48px;
  height: 48px;
  padding: 8px;
}

.creating__listeners-header-btn img,
.creating__listeners-header-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1680px) {
  .creating__listeners-header-btn {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 1240px) {
  .creating__listeners-header-btn {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-header-btn {
    width: 20px;
    height: 20px;
    padding: 0;
  }
}
@media (hover: hover) {
  .creating__listeners-header-btn:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .creating__listeners-header-btn:active {
    opacity: 0.7;
  }
}
.creating__listeners-header-btn:active {
  opacity: 0.7;
}

.creating__listeners-header-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 4px;
}

@media (max-width: 1240px) {
  .creating__listeners-header-btns {
    margin-left: 2px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-header-btns {
    margin-left: 8px;
  }
}
.creating__listeners-header-btn + .creating__listeners-header-btn {
  margin-left: 4px;
}

@media (max-width: 1240px) {
  .creating__listeners-header-btn + .creating__listeners-header-btn {
    margin-left: 2px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-header-btn + .creating__listeners-header-btn {
    margin-left: 12px;
  }
}
.creating__listeners-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.creating__listeners-header-coll {
  width: 100%;
  padding: 8px 16px;
  min-height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(107, 110, 232, 0.1);
  border-radius: 8px;
}

@media (max-width: 1680px) {
  .creating__listeners-header-coll {
    padding: 8px 14px;
    min-height: 40px;
  }
}
@media (max-width: 1240px) {
  .creating__listeners-header-coll {
    min-height: 40px;
    padding: 8px 12px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-header-coll {
    padding: 4px 8px;
  }
}
.creating__listeners-header-label {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.creating__listeners-acc-btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 5px;
  margin-left: 12px;
}

.creating__listeners-acc-btn.is-active .creating__listeners-tree-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.creating__listeners-tree-arrow {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1240px) {
  .creating__listeners-tree-arrow {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-tree-arrow {
    width: 20px;
    height: 20px;
  }
}
.creating__listeners-tree-coll-id {
  padding-right: 12px;
}

@media (max-width: 1240px) {
  .creating__listeners-tree-coll-id {
    padding-right: 8px;
  }
}
.creating__listeners-tree-coll-title,
.creating__listeners-tree-coll-id,
.creating__listeners-tree-coll-numm {
  text-align: left;
}

@media (max-width: 767px) {
  .creating__listeners-tree-coll-title,
  .creating__listeners-tree-coll-id,
  .creating__listeners-tree-coll-numm {
    display: block;
  }
}
@media (max-width: 767px) {
  .creating__listeners-tree-coll-title .creating__listeners-tree-coll-numm {
    padding-top: 2px;
  }
}
.creating__listeners-tree-row + .creating__listeners-tree-row {
  margin-top: 12px;
}

@media (max-width: 1240px) {
  .creating__listeners-tree-row + .creating__listeners-tree-row {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-tree-row + .creating__listeners-tree-row {
    margin-top: 8px;
  }
}
.creating__listeners-acc-wrapp {
  padding-top: 8px;
  padding-left: 60px !important;
}

@media (max-width: 1680px) {
  .creating__listeners-acc-wrapp {
    padding-left: 50px !important;
  }
}
@media (max-width: 1240px) {
  .creating__listeners-acc-wrapp {
    padding-left: 25px !important;
  }
}
@media (max-width: 767px) {
  .creating__listeners-acc-wrapp {
    padding-left: 0 !important;
    padding-top: 4px;
  }
}
.creating__listeners-row-label {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 6px;
  margin-top: 40px;
}

@media (max-width: 1240px) {
  .creating__listeners-row-label {
    margin-top: 30px;
    margin-right: 4px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-row-label {
    margin-top: 0;
  }
}
.creating__listeners-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (hover: hover) {
  .creating__listeners-row:hover .creating__listeners-cart-wrapp {
    border-color: #6B6EE8;
  }
}
@media (hover: none) {
  .creating__listeners-row:active .creating__listeners-cart-wrapp {
    border-color: #6B6EE8;
  }
}
.creating__listeners-row:active .creating__listeners-cart-wrapp {
  border-color: #6B6EE8;
}

.creating__listeners-row + .creating__listeners-row {
  margin-top: 6px;
}

@media (max-width: 1240px) {
  .creating__listeners-row + .creating__listeners-row {
    margin-top: 4px;
  }
}
.creating__listeners-cart-wrapp.panel-cart-wrapp {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 10px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media (max-width: 1240px) {
  .creating__listeners-cart-wrapp.panel-cart-wrapp {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-cart-wrapp.panel-cart-wrapp {
    padding: 4px;
  }
}
.creating__listeners-cart.panel-cart {
  width: 100%;
  display: block;
  padding: 5px;
}

@media (max-width: 767px) {
  .creating__listeners-cart.panel-cart {
    padding: 4px;
  }
}
.creating__listeners-cart-coll {
  position: relative;
  width: 100%;
}

.creating__listeners-cart-status {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 0 0 12px 12px;
  right: 20px;
  color: #ffffff;
  top: -16px;
  background: #FF8075;
}

.creating__listeners-cart-status::after {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  background: #FF8075;
  -webkit-mask: url("../../assets/img/icon/left.svg");
  mask: url("../../assets/img/icon/left.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top right;
  mask-position: top right;
}

@media (max-width: 767px) {
  .creating__listeners-cart-status::after {
    width: 0;
    background: none;
  }
}
.creating__listeners-cart-status::before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  right: 0px;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  background: #FF8075;
  -webkit-mask: url("../../assets/img/icon/right.svg");
  mask: url("../../assets/img/icon/right.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top right;
  mask-position: top right;
}

@media (max-width: 767px) {
  .creating__listeners-cart-status::before {
    width: 0;
    background: none;
  }
}
@media (max-width: 1680px) {
  .creating__listeners-cart-status {
    right: 30px;
  }
}
@media (max-width: 1240px) {
  .creating__listeners-cart-status {
    top: -14px;
    right: 0;
    padding: 2px 8px;
    border-radius: 0 0 8px 8px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-cart-status {
    top: 0;
    position: initial;
    margin-bottom: 4px;
    border-radius: 4px;
    width: 160px;
    padding: 4px;
  }
}
@media (max-width: 400px) {
  .creating__listeners-cart-status {
    width: 100%;
  }
}
.creating__listeners-cart-foto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 12px;
  background: url("../../assets/img/icon/Profile.svg") no-repeat center center/contain, #D3EAFE;
  background-size: 50% 50%;
}

.creating__listeners-cart-foto img,
.creating__listeners-cart-foto svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1240px) {
  .creating__listeners-cart-foto {
    width: 40px;
    height: 40px;
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-cart-foto {
    width: 48px;
    height: 48px;
  }
}
.creating__listeners-cart-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.creating__listeners-cart-bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px;
  padding-top: 2px;
  margin-top: 4px;
  position: relative;
}

.creating__listeners-cart-bottom::after {
  content: "";
  height: 1px;
  width: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(24, 24, 48, 0.1);
}

@media (max-width: 767px) {
  .creating__listeners-cart-bottom::after {
    width: 0;
    background: none;
  }
}
@media (max-width: 1240px) {
  .creating__listeners-cart-bottom {
    margin-top: 10px;
    padding-top: 6px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-cart-bottom {
    display: block;
    padding-top: 0;
    margin-top: 8px;
  }
}
.creating__listeners-cart-subcoll {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: 0 16px;
}

@media (max-width: 767px) {
  .creating__listeners-cart-subcoll {
    display: block;
  }
}
.creating__listeners-cart-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  padding-top: 2px;
  gap: 4px 8px;
}

@media (max-width: 1240px) {
  .creating__listeners-cart-contacts {
    padding-top: 2px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-cart-contacts {
    padding-top: 2px;
    display: block;
  }
}
.creating__listeners-cart-id {
  height: 100%;
  padding-bottom: 4px;
  position: relative;
}

.creating__listeners-cart-id::after {
  content: "";
  height: 1px;
  width: 80px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(24, 24, 48, 0.1);
}

@media (max-width: 767px) {
  .creating__listeners-cart-id::after {
    width: 0;
    background: none;
  }
}
.creating__listeners-cart-name {
  padding-bottom: 8px;
  position: relative;
}

@media (max-width: 1240px) {
  .creating__listeners-cart-name {
    padding-bottom: 6px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-cart-name {
    padding-bottom: 4px;
  }
  .creating__listeners-cart-name::after {
    content: "";
    height: 1px;
    width: 80px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(24, 24, 48, 0.1);
  }
}
.creating__listeners-cart-contacts-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-decoration: underline;
}

.creating__listeners-cart-contacts-link img,
.creating__listeners-cart-contacts-link svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

@media (max-width: 1240px) {
  .creating__listeners-cart-contacts-link img,
  .creating__listeners-cart-contacts-link svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-cart-contacts-link img,
  .creating__listeners-cart-contacts-link svg {
    width: 16px;
    height: 16px;
  }
}
@media (hover: hover) {
  .creating__listeners-cart-contacts-link:hover {
    text-decoration: none;
  }
}
@media (hover: none) {
  .creating__listeners-cart-contacts-link:active {
    text-decoration: none;
  }
}
.creating__listeners-cart-contacts-link:active {
  text-decoration: none;
}

.creating__listeners-cart-contacts-inner + .creating__listeners-cart-contacts-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.creating__listeners-cart-contacts-inner + .creating__listeners-cart-contacts-inner::before {
  content: "/";
  padding-right: 8px;
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #6B6EE8;
}

@media (max-width: 1240px) {
  .creating__listeners-cart-contacts-inner + .creating__listeners-cart-contacts-inner::before {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-cart-contacts-inner + .creating__listeners-cart-contacts-inner::before {
    content: "";
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -111111;
  }
}
@media (max-width: 767px) {
  .creating__listeners-cart-contacts-inner + .creating__listeners-cart-contacts-inner {
    padding-top: 4px;
  }
}
.creating__listeners-acc-wrapp {
  display: none;
}

.creating__listeners-tree-row.is-active .creating__listeners-acc-wrapp {
  display: block;
}

.creating__test-footer-btn {
  margin-left: auto;
  margin-right: 0;
  min-width: 200px;
}

@media (max-width: 1680px) {
  .creating__test-footer-btn {
    min-width: 156px;
  }
}
@media (max-width: 1240px) {
  .creating__test-footer-btn {
    min-width: 140px;
  }
}
@media (max-width: 767px) {
  .creating__test-footer-btn {
    min-width: 125px;
  }
}
.creating__test-footer {
  padding-top: 32px;
  margin-top: 25px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1680px) {
  .creating__test-footer {
    margin-top: 20px;
    padding-top: 20px;
  }
}
@media (max-width: 1240px) {
  .creating__test-footer {
    margin-top: 16px;
    padding-top: 16px;
  }
}
.creating__test-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.creating__test-header-btn {
  min-width: 200px;
}

@media (max-width: 1680px) {
  .creating__test-header-btn {
    min-width: 156px;
  }
}
@media (max-width: 1240px) {
  .creating__test-header-btn {
    min-width: 140px;
  }
}
@media (max-width: 767px) {
  .creating__test-header-btn {
    min-width: 125px;
  }
}
.creating__test-wrapp {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

@media (max-width: 1680px) {
  .creating__test-wrapp {
    margin-top: 28px;
    gap: 10px;
  }
}
@media (max-width: 1240px) {
  .creating__test-wrapp {
    margin-top: 24px;
  }
}
@media (max-width: 767px) {
  .creating__test-wrapp {
    gap: 12px;
  }
}
.creating__test-wrapp-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr [3];
  grid-template-columns: repeat(3, 1fr);
  margin-top: 12px;
  gap: 12px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1680px) {
  .creating__test-wrapp-row {
    margin-top: 10px;
    gap: 10px;
  }
}
@media (max-width: 1240px) {
  .creating__test-wrapp-row {
    -ms-grid-columns: 1fr 0.5fr 0.5fr 1fr;
    grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
  }
}
@media (max-width: 767px) {
  .creating__test-wrapp-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
@media (max-width: 1240px) and (min-width: 757px) {
  .creating__test-wrapp-input:nth-child(5n) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
  .creating__test-wrapp-input:nth-child(5n+2) {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
  }
  .creating__test-wrapp-input:nth-child(5n+3) {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4/5;
  }
  .creating__test-wrapp-input:nth-child(5n+4) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
  .creating__test-wrapp-input:nth-child(5n+5) {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
  }
}
.creating__test-check-list {
  padding-top: 12px;
}

@media (max-width: 1680px) {
  .creating__test-check-list {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .creating__test-check-list {
    padding-top: 12px;
  }
}
.creating__test-check-inner + .creating__test-check-inner {
  margin-top: 12px;
}

@media (max-width: 1680px) {
  .creating__test-check-inner + .creating__test-check-inner {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .creating__test-check-inner + .creating__test-check-inner {
    margin-top: 12px;
  }
}
.creating__test-check-span {
  font-size: 16px;
}

.creating__test-check-span::after,
.creating__test-check-span::before {
  width: 24px;
  height: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1240px) {
  .creating__test-check-span::after,
  .creating__test-check-span::before {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1680px) {
  .creating__test-check-span {
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .creating__test-check-span {
    padding-left: 25px;
  }
}
@media (max-width: 767px) {
  .creating__test-check-span {
    font-size: 12px;
  }
}
.creating__test-questions {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1680px) {
  .creating__test-questions {
    padding-top: 20px;
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .creating__test-questions {
    padding-top: 16px;
    margin-top: 16px;
  }
}
.creating__test-questions-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 570px;
  grid-template-columns: 1fr 570px;
  margin-top: 24px;
}

@media (max-width: 1680px) {
  .creating__test-questions-row {
    -ms-grid-columns: 1fr 465px;
    grid-template-columns: 1fr 465px;
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .creating__test-questions-row {
    margin-top: 16px;
    -ms-grid-columns: 1fr 320px;
    grid-template-columns: 1fr 320px;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-row {
    display: block;
  }
}
.creating__test-questions-row + .creating__test-questions-row {
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1680px) {
  .creating__test-questions-row + .creating__test-questions-row {
    margin-top: 20px;
    padding-top: 20px;
  }
}
@media (max-width: 1240px) {
  .creating__test-questions-row + .creating__test-questions-row {
    margin-top: 16px;
    padding-top: 16px;
  }
}
.creating__test-questions-files {
  padding-left: 24px;
  margin-left: 24px;
  border-left: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1240px) {
  .creating__test-questions-files {
    padding-left: 20px;
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-files {
    margin-top: 16px;
    padding-top: 15px;
    padding-left: 0;
    margin-left: 0;
    border: none;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
}
.reating__test-questions-file {
  margin-top: 17px;
}

@media (max-width: 767px) {
  .reating__test-questions-file {
    margin-top: 8px;
  }
}
.creating__test-questions-foto .file-image-box {
  margin-bottom: 12px;
}

@media (max-width: 1240px) {
  .creating__test-questions-foto .file-image-box {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-foto .file-image-box {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-foto {
    max-width: 320px;
  }
}
.creating__test-file-btn {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1240px) {
  .creating__test-file-btn {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .creating__test-file-btn {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.creating__test-file-text {
  text-align: left;
}

.creating__test-questions-file-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 204px 1fr;
  grid-template-columns: 204px 1fr;
}

@media (max-width: 1680px) {
  .creating__test-questions-file-row {
    -ms-grid-columns: 186px 1fr;
    grid-template-columns: 186px 1fr;
  }
}
@media (max-width: 1240px) {
  .creating__test-questions-file-row {
    -ms-grid-columns: 140px 1fr;
    grid-template-columns: 140px 1fr;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-file-row {
    display: block;
    max-width: 100%;
  }
}
.creating__test-questions-filelist {
  padding-left: 12px;
  margin-left: 12px;
}

.creating__test-questions-filelist:has(.file-row-element) {
  border-left: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 767px) {
  .creating__test-questions-filelist:has(.file-row-element) {
    border: none;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
}
@media (max-width: 767px) {
  .creating__test-questions-filelist {
    padding-top: 8px;
    margin-top: 8px;
    padding-left: 0;
    margin-left: 0;
  }
}
.creating__test-questions-file {
  margin-top: 17px;
}

@media (max-width: 767px) {
  .creating__test-questions-file {
    margin-top: 8px;
  }
}
.creating__test-questions-files {
  height: 100%;
}

.creating__test-questions-files-inner + .creating__test-questions-files-inner {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

.creating__test-questions-btn {
  /*margin-left: auto;*/
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  min-width: 270px;
}

@media (max-width: 1680px) {
  .creating__test-questions-btn {
    min-width: 215px;
  }
}
@media (max-width: 1240px) {
  .creating__test-questions-btn {
    min-width: 207px;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-btn {
    min-width: 175px;
  }
}
.creating__test-questions-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 20px;
}

.creating__test-questions-header-btn,
.creating__test-questions-container-btn {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.creating__test-questions-header-btn img,
.creating__test-questions-header-btn svg,
.creating__test-questions-container-btn img,
.creating__test-questions-container-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1680px) {
  .creating__test-questions-header-btn,
  .creating__test-questions-container-btn {
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 1240px) {
  .creating__test-questions-header-btn,
  .creating__test-questions-container-btn {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-header-btn,
  .creating__test-questions-container-btn {
    width: 20px;
    height: 20px;
  }
}
@media (hover: hover) {
  .creating__test-questions-header-btn:hover,
  .creating__test-questions-container-btn:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .creating__test-questions-header-btn:active,
  .creating__test-questions-container-btn:active {
    opacity: 0.7;
  }
}
.creating__test-questions-header-btn:active,
.creating__test-questions-container-btn:active {
  opacity: 0.7;
}

.creating__test-questions-container-btn {
  width: 24px;
  height: 24px;
  margin-left: 12px;
}

@media (max-width: 1240px) {
  .creating__test-questions-container-btn {
    width: 20px;
    height: 20px;
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-container-btn {
    width: 16px;
    height: 16px;
    margin-left: 8px;
  }
}
.creating__test-questions-inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 16px;
}

@media (max-width: 1680px) {
  .creating__test-questions-inputs {
    margin-top: 14px;
  }
}
@media (max-width: 1240px) {
  .creating__test-questions-inputs {
    margin-top: 12px;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-inputs {
    margin-top: 8px;
    gap: 16px;
  }
}
.creating__test-textarea .textarea {
  min-height: 104px;
}

@media (max-width: 767px) {
  .creating__test-textarea .textarea {
    min-height: 120px;
  }
}
.creating__test-questions-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.creating__test-questions-container + .creating__test-questions-container {
  margin-top: 6px;
}

@media (max-width: 767px) {
  .creating__test-questions-container + .creating__test-questions-container {
    margin-top: 4px;
  }
}
.creating__test-questions-container-coll {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
}

@media (max-width: 1240px) {
  .creating__test-questions-container-coll {
    gap: 4px;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-container-coll {
    gap: 6px;
  }
}
.creating__test-questions-box {
  margin-top: 12px;
}

@media (max-width: 1240px) {
  .creating__test-questions-box {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-box {
    margin-top: 16px;
  }
}
.creating__test-questions-list,
.creating__test-questions-add {
  margin-left: 20px;
  margin-top: 8px;
}

@media (max-width: 1680px) {
  .creating__test-questions-list,
  .creating__test-questions-add {
    margin-left: 16px;
  }
}
@media (max-width: 1240px) {
  .creating__test-questions-list,
  .creating__test-questions-add {
    margin-left: 12px;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-list,
  .creating__test-questions-add {
    margin-left: 0;
  }
}
.creating__test-questions-add {
  min-width: 270px;
  padding-left: 16px;
  padding-right: 16px;
}

@media (max-width: 1680px) {
  .creating__test-questions-add {
    min-width: 226px;
  }
}
@media (max-width: 1240px) {
  .creating__test-questions-add {
    min-width: 220px;
  }
}
@media (max-width: 767px) {
  .creating__test-questions-add {
    min-width: 185px;
  }
}
.creating__test-storage-container + .creating__test-storage-container {
  margin-top: 12px;
}

@media (max-width: 1680px) {
  .creating__test-storage-container + .creating__test-storage-container {
    margin-top: 15px;
  }
}
@media (max-width: 1240px) {
  .creating__test-storage-container + .creating__test-storage-container {
    margin-top: 12px;
  }
}
.creating__test-storage-search {
  max-width: 1094px;
}

.creating__test-storage-btn {
  margin-top: 25px;
  min-width: 200px;
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 1680px) {
  .creating__test-storage-btn {
    margin-top: 20px;
    min-width: 146px;
  }
}
@media (max-width: 1240px) {
  .creating__test-storage-btn {
    margin-top: 18px;
    min-width: 138px;
  }
}
@media (max-width: 767px) {
  .creating__test-storage-btn {
    margin-top: 16px;
    min-width: 115px;
  }
}
.creating__test-storage-cart {
  display: block;
  padding: 5px;
}

@media (max-width: 767px) {
  .creating__test-storage-cart {
    padding: 2px;
  }
}
.creating__test-storage-cart-wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  padding: 20px;
}

@media (max-width: 1240px) {
  .creating__test-storage-cart-wrapp {
    padding: 16px;
  }
}
@media (max-width: 767px) {
  .creating__test-storage-cart-wrapp {
    padding: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media (max-width: 767px) {
  .creating__test-storage-cart-title {
    font-size: 14px;
  }
}
.creating__test-storage-info-list {
  margin-top: 12px;
}

@media (max-width: 1240px) {
  .creating__test-storage-info-list {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .creating__test-storage-info-list {
    margin-top: 8px;
  }
  .creating__test-storage-info-list .catalog__tabel-info-title,
  .creating__test-storage-info-list .catalog__tabel-info-text {
    font-size: 12px;
  }
}
.append-flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.append-flex-btn {
  padding-left: 5px;
  padding-right: 5px;
  min-width: 200px;
}

@media (max-width: 1680px) {
  .append-flex-btn {
    min-width: 180px;
  }
}
@media (max-width: 1240px) {
  .append-flex-btn {
    min-width: 140px;
  }
}
@media (max-width: 767px) {
  .append-flex-btn {
    min-width: 133px;
  }
}
.append-container + .append-container {
  margin-top: 30px;
}

@media (max-width: 1680px) {
  .append-container + .append-container {
    margin-top: 15px;
  }
}
@media (max-width: 1240px) {
  .append-container + .append-container {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .append-container + .append-container {
    margin-top: 16px;
  }
}
.append__header-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 200px;
  padding-left: 32px;
  padding-right: 32px;
}

@media (max-width: 1680px) {
  .append__header-btn {
    min-width: 180px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 1240px) {
  .append__header-btn {
    min-width: 138px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .append__header-btn {
    padding-left: 15px;
    padding-right: 15px;
    min-width: 105px;
  }
}
.append__header-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 12px;
  padding-top: 24px;
  margin-top: 24px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1680px) {
  .append__header-footer {
    margin-top: 20px;
    padding-top: 20px;
  }
}
@media (max-width: 1240px) {
  .append__header-footer {
    padding-top: 18px;
    margin-top: 18px;
  }
}
@media (max-width: 767px) {
  .append__header-footer {
    padding-top: 16px;
    margin-top: 16px;
    gap: 8px;
  }
}
.append-header-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 200px 1fr;
  grid-template-columns: 200px 1fr;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 30px;
}

@media (max-width: 1680px) {
  .append-header-row {
    -ms-grid-columns: 180px 1fr;
    grid-template-columns: 180px 1fr;
  }
}
@media (max-width: 1240px) {
  .append-header-row {
    -ms-grid-columns: 160px 1fr;
    grid-template-columns: 160px 1fr;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .append-header-row {
    display: block;
  }
}
.append-header-avatar {
  width: 200px;
  height: 200px;
  margin-top: 15px;
}

@media (max-width: 1680px) {
  .append-header-avatar {
    margin-top: 8px;
    width: 180px;
    height: 180px;
  }
}
@media (max-width: 1240px) {
  .append-header-avatar {
    width: 160px;
    height: 160px;
    margin-top: 6px;
  }
}
@media (max-width: 767px) {
  .append-header-avatar {
    width: 150px;
    height: 150px;
  }
}
.append-header-foto {
  width: 200px;
}

@media (max-width: 1680px) {
  .append-header-foto {
    width: 180px;
  }
}
@media (max-width: 1240px) {
  .append-header-foto {
    width: 160px;
  }
}
@media (max-width: 767px) {
  .append-header-foto {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
  }
}
.append-header-wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

@media (max-width: 1680px) {
  .append-header-wrapp {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .append-header-wrapp {
    gap: 12px;
    margin-top: 24px;
  }
}
.append-header-top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 215px 1fr 1.2fr;
  grid-template-columns: 215px 1fr 1.2fr;
  gap: 12px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1680px) {
  .append-header-top {
    gap: 10px;
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr;
  }
}
@media (max-width: 1240px) {
  .append-header-top {
    gap: 10px 12px;
  }
}
@media (max-width: 767px) {
  .append-header-top {
    gap: 12px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
@media (max-width: 1680px) {
  .append-header-top-container:nth-child(3n) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .append-header-top-container:nth-child(3n) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}
.append-header-center {
  display: -ms-grid;
  display: grid;
  gap: 12px;
  -ms-grid-columns: 1fr [4];
  grid-template-columns: repeat(4, 1fr);
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1680px) {
  .append-header-center {
    gap: 10px;
    grid-column: 280px 1fr 1fr 150px;
  }
}
@media (max-width: 1240px) {
  .append-header-center {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .append-header-center {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 12px;
  }
}
.append-header-bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr [3];
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1680px) {
  .append-header-bottom {
    gap: 10px;
  }
}
@media (max-width: 1240px) {
  .append-header-bottom {
    -ms-grid-columns: 1fr [2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .append-header-bottom {
    gap: 12px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.append__hide-btn {
  margin-top: 8px;
  display: none;
}

@media (max-width: 767px) {
  .append__hide-btn {
    display: inline-block;
  }
}
.append__hide-btn::after {
  content: "Читать подробности";
  font-size: 12px;
}

.append__company-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto auto auto;
  grid-template-columns: 1fr auto auto auto;
  gap: 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 1800px) {
  .append__company-list {
    -ms-grid-columns: auto auto auto;
    grid-template-columns: auto auto auto;
    gap: 0 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
@media (max-width: 992px) {
  .append__company-list {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    gap: 0 10px;
  }
}
@media (max-width: 767px) {
  .append__company-list {
    display: none;
  }
}
@media (max-width: 767px) {
  input:checked ~ .append__company-list {
    display: block;
  }
}
.append__company-list-inner {
  padding-right: 30px;
  border-right: 1px solid rgba(24, 24, 48, 0.1);
}

.append__company-list-inner:nth-last-child(1) {
  border: none;
}

@media (max-width: 1800px) {
  .append__company-list-inner {
    border: none;
    padding-right: 0;
    margin-top: 8px;
    padding-top: 8px;
  }
  .append__company-list-inner:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
}
@media (max-width: 992px) {
  .append__company-list-inner:nth-child(1) {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .append__company-list-inner {
    padding-top: 4px;
    margin-top: 4px;
  }
  .append__company-list-inner::after {
    width: 30px;
    background: rgba(24, 24, 48, 0.1);
  }
}
.groups--container + .groups--container {
  margin-top: 30px;
}

@media (max-width: 1680px) {
  .groups--container + .groups--container {
    margin-top: 15px;
  }
}
@media (max-width: 1240px) {
  .groups--container + .groups--container {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .groups--container + .groups--container {
    margin-top: 16px;
  }
}
.groups-header-btn {
  margin-left: auto;
  margin-right: 0;
  margin-top: 24px;
  padding-left: 5px;
  padding-right: 5px;
  min-width: 200px;
}

@media (max-width: 1680px) {
  .groups-header-btn {
    min-width: 180px;
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .groups-header-btn {
    min-width: 140px;
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .groups-header-btn {
    min-width: 132px;
    margin-right: auto;
  }
}
.groups-table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px;
}

.groups__table-btn {
  padding-left: 3px;
  padding-right: 2px;
  min-width: 200px;
}

@media (max-width: 1680px) {
  .groups__table-btn {
    min-width: 180px;
  }
}
@media (max-width: 1240px) {
  .groups__table-btn {
    min-width: 140px;
  }
}
@media (max-width: 767px) {
  .groups__table-btn {
    min-width: 134px;
  }
}
.groups__table-name {
  border: none;
  outline: none;
  background: transparent;
}

.groups__table-name:focus {
  color: #6B6EE8;
}

.groups__table-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

@media (max-width: 767px) {
  .groups__table-row {
    gap: 8px;
  }
}
.groups__table-row + .groups__table-row {
  margin-top: 12px;
}

@media (max-width: 1680px) {
  .groups__table-row + .groups__table-row {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .groups__table-row + .groups__table-row {
    margin-top: 8px;
  }
}
.groups__table-row-coll {
  padding: 14px 16px;
  border-radius: 8px;
  background: #F3F6FB;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 12px;
}

@media (max-width: 1240px) {
  .groups__table-row-coll {
    padding: 10px 12px;
    gap: 8px;
  }
}
@media (max-width: 767px) {
  .groups__table-row-coll {
    padding: 8px 12px;
    gap: 12px;
  }
}
.groups__table-id {
  min-width: 44px;
}

@media (max-width: 1680px) {
  .groups__table-id {
    min-width: 38px;
  }
}
@media (max-width: 767px) {
  .groups__table-id {
    min-width: 33px;
  }
}
.groups-table-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding: 8px;
  width: 48px;
  height: 48px;
}

@media (max-width: 1680px) {
  .groups-table-btn {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 1240px) {
  .groups-table-btn {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .groups-table-btn {
    width: 20px;
    height: 20px;
    padding: 0;
  }
}
.groups-table-btn img,
.groups-table-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (hover: hover) {
  .groups-table-btn:hover {
    opacity: 0.7;
  }
}
@media (hover: none) {
  .groups-table-btn:active {
    opacity: 0.7;
  }
}
.groups-table-btn:active {
  opacity: 0.7;
}

.groups-table-btn + .groups-table-btn {
  margin-left: 4px;
}

@media (max-width: 767px) {
  .groups-table-btn + .groups-table-btn {
    margin-left: 12px;
  }
}
.groups__table-row-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.statistics-container + .statistics-container {
  margin-top: 15px;
}

@media (max-width: 1240px) {
  .statistics-container + .statistics-container {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .statistics-container + .statistics-container {
    margin-top: 16px;
  }
}
.statistics-table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.statistics__table-btn {
  padding-left: 32px;
  padding-right: 32px;
}

@media (max-width: 1680px) {
  .statistics__table-btn {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 1240px) {
  .statistics__table-btn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .statistics__table-btn {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.statistics-header {
  display: -ms-grid;
  display: grid;
  gap: 12px;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 175px 12px 175px 12px 200px;
  grid-template-columns: repeat(3, 1fr) 175px 175px 200px;
  -ms-grid-rows: auto 12px 1fr;
  grid-template-rows: auto 1fr;
      grid-template-areas: "statistics-search statistics-search statistics-search statistics-search statistics-search ..." "statistics-course statistics-group statistics-company statistics-date-1 statistics-date-2 statistics-header-btn";
}

@media (max-width: 1680px) {
  .statistics-header {
    gap: 10px;
    -ms-grid-columns: 170px 10px 170px 10px 1fr 10px 1fr;
    grid-template-columns: 170px 170px 1fr 1fr;
    -ms-grid-rows: auto 10px auto 10px 1fr;
    grid-template-rows: auto auto 1fr;
        grid-template-areas: "statistics-search statistics-search statistics-search statistics-search" "statistics-course statistics-course statistics-group statistics-company" "statistics-date-1 statistics-date-2 statistics-header-btn statistics-header-btn";
  }
}
@media (max-width: 1240px) {
  .statistics-header {
    -ms-grid-columns: 1fr [3];
    grid-template-columns: repeat(3, 1fr);
        grid-template-areas: "statistics-search   statistics-search statistics-search" "statistics-course   statistics-group statistics-company" "statistics-date-1 statistics-date-2  statistics-header-btn";
  }
}
@media (max-width: 767px) {
  .statistics-header {
    gap: 12px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
        grid-template-areas: initial;
  }
}
.statistics-search {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 9;
  grid-area: statistics-search;
}

@media (max-width: 767px) {
  .statistics-search {
    grid-area: initial;
  }
}
.statistics-course {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: statistics-course;
}

@media (max-width: 767px) {
  .statistics-course {
    grid-area: initial;
  }
}
.statistics-group {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: statistics-group;
}

@media (max-width: 767px) {
  .statistics-group {
    grid-area: initial;
  }
}
.statistics-company {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  grid-area: statistics-company;
}

@media (max-width: 767px) {
  .statistics-company {
    grid-area: initial;
  }
}
.statistics-date-1 {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  grid-area: statistics-date-1;
}

@media (max-width: 767px) {
  .statistics-date-1 {
    grid-area: initial;
  }
}
.statistics-date-2 {
  -ms-grid-row: 3;
  -ms-grid-column: 9;
  grid-area: statistics-date-2;
}

@media (max-width: 767px) {
  .statistics-date-2 {
    grid-area: initial;
  }
}
.statistics-header-btn {
  -ms-grid-row: 3;
  -ms-grid-column: 11;
  grid-area: statistics-header-btn;
  min-width: 200px;
  margin-left: auto;
  margin-right: 0;
  margin-top: auto;
}

@media (max-width: 1680px) {
  .statistics-search {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .statistics-course {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .statistics-group {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .statistics-company {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
  }
  .statistics-date-1 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .statistics-date-2 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .statistics-header-btn {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
}
@media (max-width: 1240px) {
  .statistics-search {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .statistics-course {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .statistics-group {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .statistics-company {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .statistics-date-1 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .statistics-date-2 {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .statistics-header-btn {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 1680px) {
  .statistics-header-btn {
    min-width: 180px;
  }
}
@media (max-width: 1240px) {
  .statistics-header-btn {
    min-width: 140px;
  }
}
@media (max-width: 767px) {
  .statistics-header-btn {
    min-width: 115px;
    margin-right: auto;
    grid-area: initial;
  }
}
.statistics-table-wrapp {
  border-radius: 24px;
  background: #F3F6FB;
  padding: 16px;
}

@media (max-width: 1680px) {
  .statistics-table-wrapp {
    border-radius: 20px;
  }
}
@media (max-width: 1240px) {
  .statistics-table-wrapp {
    background: none;
    border-radius: 0;
    padding: 0;
  }
}
.statistics-table-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr [4] 111px 120px 140px 160px 130px;
  grid-template-columns: repeat(4, 1fr) 111px 120px 140px 160px 130px;
      grid-template-areas: "statistics-tb-name statistics-tb-company statistics-tb-course statistics-tb-group statistics-tb-date statistics-tb-date-end statistics-tb-result statistics-tb-ball statistics-tb-summary";
}

@media (max-width: 1680px) {
  .statistics-table-row {
    -ms-grid-columns: 1.1fr 1fr 1fr 161px 143px 104px 137px 111px;
    grid-template-columns: 1.1fr 1fr 1fr 161px 143px 104px 137px 111px;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
        grid-template-areas: "statistics-tb-name statistics-tb-company statistics-tb-course statistics-tb-group statistics-tb-date statistics-tb-result statistics-tb-ball statistics-tb-summary" "statistics-tb-name statistics-tb-company statistics-tb-course statistics-tb-group statistics-tb-date-end statistics-tb-result statistics-tb-ball statistics-tb-summary";
  }
}
@media (max-width: 1400px) {
  .statistics-table-row {
    -ms-grid-columns: 1.2fr 1fr 1fr 128px 137px 95px 135px 109px;
    grid-template-columns: 1.2fr 1fr 1fr 128px 137px 95px 135px 109px;
  }
}
@media (max-width: 1240px) {
  .statistics-table-row {
    -ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr 10px 1fr;
    grid-template-columns: repeat(5, 1fr);
    -ms-grid-rows: auto 0 auto 0 auto 0 1fr;
    grid-template-rows: auto auto auto 1fr;
        grid-template-areas: "statistics-tb-name statistics-tb-name statistics-tb-name statistics-tb-name statistics-tb-name" "statistics-tb-company statistics-tb-company statistics-tb-company statistics-tb-company statistics-tb-company" "statistics-tb-course statistics-tb-course statistics-tb-course statistics-tb-group statistics-tb-group" "statistics-tb-date statistics-tb-date-end statistics-tb-result statistics-tb-ball statistics-tb-summary";
    background: #F3F6FB;
    border-radius: 16px;
    padding: 12px;
    gap: 0 10px;
  }
}
@media (max-width: 767px) {
  .statistics-table-row {
    -ms-grid-columns: 1fr 0 auto;
    grid-template-columns: 1fr auto;
    gap: 0;
    -ms-grid-rows: auto 0 auto 0 auto 0 auto 0 auto 0 auto 0 auto 0 auto;
        grid-template-areas: "statistics-tb-name statistics-tb-name" "statistics-tb-company statistics-tb-company" "statistics-tb-course statistics-tb-course" "statistics-tb-group statistics-tb-group" "statistics-tb-date statistics-tb-date-end" "statistics-tb-result statistics-tb-result" "statistics-tb-ball statistics-tb-ball" "statistics-tb-summary statistics-tb-summary";
    background: #ffffff;
    border: 4px solid #F3F6FB;
    border-radius: 8px;
    padding: 8px;
  }
}
@media (min-width: 1240px) {
  .statistics-table-row + .statistics-table-row {
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
}
@media (max-width: 1240px) {
  .statistics-table-row + .statistics-table-row {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .statistics-table-row + .statistics-table-row {
    margin-top: 8px;
  }
}
@media (min-width: 1240px) {
  .statistics-table-head + .statistics-table-row {
    border: none;
  }
}
.statistics-table-head {
      grid-template-areas: initial;
}

@media (max-width: 1240px) {
  .statistics-table-head {
    display: none;
  }
}
.statistics-tb-cl {
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1680px) {
  .statistics-tb-cl {
    padding: 12px 10px;
  }
}
@media (max-width: 1240px) {
  .statistics-tb-cl {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .statistics-tb-cl {
    padding: 4px 0 0 0;
  }
}
.statistics-tb-hd-cl {
  padding-top: 0;
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1680px) {
  .statistics-tb-hd-cl {
    padding-top: 15px;
  }
}
.statistics-tb-hd-date,
.statistics-tb-hd-date-end,
.statistics-tb-hd-result,
.statistics-tb-hd-ball,
.statistics-tb-hd-summary {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.statistics-tb-hd-date .statistics-tb-hd-title,
.statistics-tb-hd-date-end .statistics-tb-hd-title,
.statistics-tb-hd-result .statistics-tb-hd-title,
.statistics-tb-hd-ball .statistics-tb-hd-title,
.statistics-tb-hd-summary .statistics-tb-hd-title {
  text-align: right;
}

.statistics-tb-hd-date .statistics-tb-hd-title::after,
.statistics-tb-hd-date-end .statistics-tb-hd-title::after,
.statistics-tb-hd-result .statistics-tb-hd-title::after,
.statistics-tb-hd-ball .statistics-tb-hd-title::after,
.statistics-tb-hd-summary .statistics-tb-hd-title::after {
  left: auto;
  right: 0;
}

.statistics-tb-hd-summary {
  padding-right: 0;
}

.statistics-tb-hd-title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 8px;
}

.statistics-tb-hd-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 15px;
  background: rgba(24, 24, 48, 0.1);
}

.statistics-tb-cl + .statistics-tb-cl {
  border-left: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1240px) {
  .statistics-tb-cl + .statistics-tb-cl {
    border: none;
  }
}
.statistics-tb-name {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: statistics-tb-name;
  padding-left: 0;
}

@media (max-width: 1240px) {
  .statistics-tb-name {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 4px 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .statistics-tb-name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.statistics-tb-hd-name {
  padding-left: 0;
}

.statistics-tb-company {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: statistics-tb-company;
}

@media (max-width: 1240px) {
  .statistics-tb-company {
    padding-top: 6px;
    margin-top: 10px;
    position: relative;
  }
  .statistics-tb-company::after {
    content: "";
    height: 1px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(24, 24, 48, 0.1);
  }
}
@media (max-width: 767px) {
  .statistics-tb-company::after {
    width: 0;
    background: none;
  }
}
.statistics-tb-course {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: statistics-tb-course;
}

@media (max-width: 1240px) {
  .statistics-tb-course {
    padding-top: 6px;
    margin-top: 10px;
    position: relative;
  }
  .statistics-tb-course::after {
    content: "";
    height: 1px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(24, 24, 48, 0.1);
  }
}
@media (max-width: 767px) {
  .statistics-tb-course::after {
    width: 0;
    background: none;
  }
}
.statistics-tb-group {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: statistics-tb-group;
}

@media (max-width: 1240px) {
  .statistics-tb-group {
    padding-top: 6px;
    margin-top: 10px;
    position: relative;
  }
  .statistics-tb-group::after {
    content: "";
    height: 1px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(24, 24, 48, 0.1);
  }
}
@media (max-width: 767px) {
  .statistics-tb-group::after {
    width: 0;
    background: none;
  }
}
.statistics-tb-date {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: statistics-tb-date;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1680px) {
  .statistics-tb-date {
    padding-bottom: 4px;
  }
}
@media (max-width: 1240px) {
  .statistics-tb-date {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 6px;
    margin-top: 10px;
    position: relative;
  }
  .statistics-tb-date::after {
    content: "";
    height: 1px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(24, 24, 48, 0.1);
  }
}
@media (max-width: 767px) {
  .statistics-tb-date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 4px;
  }
  .statistics-tb-date .statistics-tb-title {
    padding-bottom: 0 !important;
  }
  .statistics-tb-date::after {
    width: 0;
    background: none;
  }
}
.statistics-tb-date-end {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
  grid-area: statistics-tb-date-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1680px) {
  .statistics-tb-date-end {
    padding-top: 4px;
  }
}
@media (max-width: 1240px) {
  .statistics-tb-date-end {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 6px;
    margin-top: 10px;
    position: relative;
  }
  .statistics-tb-date-end::after {
    content: "";
    height: 1px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(24, 24, 48, 0.1);
  }
}
@media (max-width: 767px) {
  .statistics-tb-date-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    gap: 4px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .statistics-tb-date-end .statistics-tb-title {
    padding-bottom: 0 !important;
  }
  .statistics-tb-date-end::after {
    width: 0;
    background: none;
  }
}
.statistics-tb-result {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: statistics-tb-result;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1240px) {
  .statistics-tb-result {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 6px;
    margin-top: 10px;
    position: relative;
  }
  .statistics-tb-result::after {
    content: "";
    height: 1px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(24, 24, 48, 0.1);
  }
}
@media (max-width: 767px) {
  .statistics-tb-result {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .statistics-tb-result .statistics-tb-title {
    padding-bottom: 0 !important;
  }
  .statistics-tb-result::after {
    width: 0;
    background: none;
  }
}
.statistics-tb-ball {
  -ms-grid-row: 1;
  -ms-grid-column: 8;
  grid-area: statistics-tb-ball;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1240px) {
  .statistics-tb-ball {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 6px;
    margin-top: 10px;
    position: relative;
  }
  .statistics-tb-ball::after {
    content: "";
    height: 1px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(24, 24, 48, 0.1);
  }
}
@media (max-width: 767px) {
  .statistics-tb-ball {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .statistics-tb-ball .statistics-tb-title {
    padding-bottom: 0 !important;
  }
  .statistics-tb-ball::after {
    width: 0;
    background: none;
  }
}
.statistics-tb-summary {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
  grid-area: statistics-tb-summary;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-right: 0;
}

@media (max-width: 1680px) {
  .statistics-tb-name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .statistics-tb-company {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .statistics-tb-course {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
  .statistics-tb-group {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
  }
  .statistics-tb-date {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .statistics-tb-date-end {
    -ms-grid-row: 2;
    -ms-grid-column: 5;
  }
  .statistics-tb-result {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 6;
  }
  .statistics-tb-ball {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 7;
  }
  .statistics-tb-summary {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 8;
  }
}
@media (max-width: 1240px) {
  .statistics-tb-name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
  }
  .statistics-tb-company {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 9;
  }
  .statistics-tb-course {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .statistics-tb-group {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 7;
    -ms-grid-column-span: 3;
  }
  .statistics-tb-date {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .statistics-tb-date-end {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
  }
  .statistics-tb-result {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
  }
  .statistics-tb-ball {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 7;
  }
  .statistics-tb-summary {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 9;
  }
}
@media (max-width: 767px) {
  .statistics-tb-name {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .statistics-tb-company {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .statistics-tb-course {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .statistics-tb-group {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .statistics-tb-date {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
  }
  .statistics-tb-date-end {
    -ms-grid-row: 9;
    -ms-grid-column: 3;
  }
  .statistics-tb-result {
    -ms-grid-row: 11;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .statistics-tb-ball {
    -ms-grid-row: 13;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .statistics-tb-summary {
    -ms-grid-row: 15;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media (max-width: 1240px) {
  .statistics-tb-summary {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 6px;
    margin-top: 10px;
    position: relative;
  }
  .statistics-tb-summary::after {
    content: "";
    height: 1px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(24, 24, 48, 0.1);
  }
}
@media (max-width: 767px) {
  .statistics-tb-summary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .statistics-tb-summary .statistics-tb-title {
    padding-bottom: 0 !important;
  }
  .statistics-tb-summary::after {
    width: 0;
    background: none;
  }
}
.statistics-tb-macbook {
  display: none;
}

@media (max-width: 1680px) {
  .statistics-tb-macbook {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 1680px) {
  .statistics-tb-full {
    display: none;
  }
}
.statistics-tb-title {
  display: none;
  font-weight: 800;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
  padding-bottom: 5px;
}

@media (max-width: 1240px) {
  .statistics-tb-title {
    display: block;
  }
}
@media (max-width: 767px) {
  .statistics-tb-title {
    font-weight: 300;
    font-size: 12px;
    color: #6B6EE8;
  }
}
.statistics-tb-text {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

@media (max-width: 1680px) {
  .statistics-tb-text {
    font-size: 13px;
  }
}
.statistics-tb-name-body {
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #BDBBCD;
}

@media (max-width: 1680px) {
  .statistics-tb-name-body {
    font-size: 12px;
  }
}
.statistics-tb-name-id {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

@media (max-width: 1680px) {
  .statistics-tb-name-id {
    font-size: 14px;
  }
}
.statistics-tb-name-name {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

@media (max-width: 1680px) {
  .statistics-tb-name-name {
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .statistics-tb-name-name {
    font-size: 16px;
    font-weight: 800;
  }
}
@media (max-width: 767px) {
  .statistics-tb-name-name {
    font-size: 14px;
  }
}
.statistics-tb-name-body {
  padding-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 4px 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1680px) {
  .statistics-tb-name-body {
    gap: 4px 5px;
  }
}
@media (max-width: 1240px) {
  .statistics-tb-name-body {
    padding-top: 0;
  }
}
.statistics-tb-name-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 5px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

@media (max-width: 767px) {
  .statistics-tb-name-head {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .statistics-tb-cl + .statistics-tb-cl {
    margin-top: 4px;
    padding-top: 4px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
}
@media (max-width: 1680px) {
  .statistics-date-1 .select__body-date,
  .statistics-date-2 .select__body-date {
    left: 0;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
@media (max-width: 500px) {
  .statistics-date-1 .select__body-date,
  .statistics-date-2 .select__body-date {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
#progress-container {
  margin: 20px auto 0;
  position: relative;
  width: 80px;
  height: 80px;
}

.circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
}

.progress {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(#47BE2C 0%, #47BE2C 0%, #F3F6FB 0%);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: circle(50%);
          clip-path: circle(50%);
  -webkit-transition: background 0.5s ease;
  -o-transition: background 0.5s ease;
  transition: background 0.5s ease;
}

#progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 18px;
  color: #6B6EE8;
  text-align: center;
  font-weight: bold;
}

.testing__question {
  max-width: 550px;
}

.lesson-center img {
  width: 100% !important;
  height: auto !important;
}

/*состояния наведения*/
:root {
  --index: calc(1vw + 1vh);
}

.green-bright {
  color: #47BE2C !important;
}

.red-soft {
  color: #FF8075 !important;
}

.gray-muted {
  color: #BDBBCD !important;
}

.pink-soft {
  color: #F1A7B8 !important;
}

/*user*/
/*admin*/
.lesson-center img {
  width: 100% !important;
  height: auto !important;
}

@media screen and (max-width: 1680px) {
  .btn {
    min-height: 44px;
  }
}
@media screen and (max-width: 1240px) {
  .btn {
    min-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .btn {
    min-height: 33px;
  }
}
.extra__box + .extra__box {
  margin-top: 15px;
}

.extra__header-row {
  margin-top: 32px;
  display: -ms-grid;
  display: grid;
  gap: 12px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-grid-columns: 1fr 12px 1fr 12px 236px 12px 236px 12px 200px;
  grid-template-columns: repeat(2, 1fr) repeat(2, 236px) 200px;
      grid-template-areas: "extra__header-cl-1 extra__header-cl-2 extra__header-cl-3 extra__header-cl-4 extra__header-btn";
}

@media screen and (max-width: 1680px) {
  .extra__header-row {
    margin-top: 10px;
    gap: 10px;
    -ms-grid-columns: 1fr [2] 182px [2] 140px;
    grid-template-columns: repeat(2, 1fr) repeat(2, 182px) 140px;
  }
}
@media screen and (max-width: 992px) {
  .extra__header-row {
    -ms-grid-columns: 1fr [2] 2fr;
    grid-template-columns: repeat(2, 1fr) 2fr;
        grid-template-areas: "extra__header-cl-1 extra__header-cl-1 extra__header-cl-2" "extra__header-cl-3 extra__header-cl-4 extra__header-btn";
  }
}
@media screen and (max-width: 767px) {
  .extra__header-row {
    margin-top: 15px;
    gap: 12px;
    -ms-grid-columns: 1fr 12px 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto 12px auto 12px auto 12px auto;
        grid-template-areas: "extra__header-cl-1 extra__header-cl-1" "extra__header-cl-2 extra__header-cl-2" "extra__header-cl-3 extra__header-cl-4 " "extra__header-btn extra__header-btn";
  }
}
.extra__header-cl-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: extra__header-cl-1;
}

.extra__header-cl-2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: extra__header-cl-2;
}

.extra__header-cl-3 {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: extra__header-cl-3;
}

.extra__header-cl-4 {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: extra__header-cl-4;
}

.extra__header-btn {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
  width: 100%;
  grid-area: extra__header-btn;
}

@media screen and (max-width: 992px) {
  .extra__header-cl-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .extra__header-cl-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .extra__header-cl-3 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .extra__header-cl-4 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .extra__header-btn {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
}
@media screen and (max-width: 767px) {
  .extra__header-cl-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .extra__header-cl-2 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .extra__header-cl-3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .extra__header-cl-4 {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .extra__header-btn {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media screen and (max-width: 992px) {
  .extra__header-btn {
    margin-left: auto;
    margin-right: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 140px;
  }
}
@media screen and (max-width: 767px) {
  .extra__header-btn {
    min-width: 115px;
    margin-right: auto;
  }
}
.extra__header-title span {
  opacity: 0.3;
}

.extra__table-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}

.extra__table-hd-coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 30px;
}

@media screen and (max-width: 1680px) {
  .extra__table-hd-coll {
    gap: 16px;
  }
}
@media screen and (max-width: 992px) {
  .extra__table-hd-coll {
    gap: 12px;
  }
}
.extra__table-num {
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #6B6EE8;
}

@media screen and (max-width: 1680px) {
  .extra__table-num {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__table-num {
    font-size: 12px;
  }
}
.extra__table-dowland {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 12px;
  text-align: left;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #6B6EE8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
}

@media screen and (max-width: 1680px) {
  .extra__table-dowland {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__table-dowland {
    font-size: 12px;
  }
}
@media (hover: hover) {
  .extra__table-dowland:hover {
    text-decoration-line: none;
  }
}
.extra__table-dowland:focus-visible {
  text-decoration-line: none;
}

.extra__table-dowland:active {
  text-decoration-line: none;
}

.extra__table-dowland svg,
.extra__table-dowland img {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (max-width: 1240px) {
  .extra__table-dowland svg,
  .extra__table-dowland img {
    width: 20px;
    height: 20px;
  }
}
.extra__table-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 30px auto 30px 1fr 30px auto;
  grid-template-columns: auto auto 1fr auto;
  gap: 25px 30px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-grid-rows: auto 25px auto;
      grid-template-areas: "extra__gr-title extra__controll-file extra__controll-file extra__controll-file" "extra__gr-search extra__gr-search extra__controll-row extra__btn-create";
}

@media screen and (max-width: 1680px) {
  .extra__table-grid {
    gap: 30px;
  }
}
@media screen and (max-width: 1440px) {
  .extra__table-grid {
    -ms-grid-columns: auto 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr auto;
  }
}
@media screen and (max-width: 1240px) {
  .extra__table-grid {
    gap: 25px 15px;
  }
}
@media screen and (max-width: 767px) {
  .extra__table-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
  }
}
.extra__table-body {
  margin-top: 32px;
  background: #F3F6FB;
  border-radius: 24px;
  padding: 16px;
}

@media screen and (max-width: 1680px) {
  .extra__table-body {
    margin-top: 28px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__table-body {
    margin-top: 24px;
    padding: 12px;
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  .extra__table-body {
    background: none;
    padding: 0;
  }
}
.extra__table-wrapp {
  display: contents;
}

@media screen and (max-width: 767px) {
  .extra__table-wrapp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 10px auto;
    grid-template-columns: 1fr auto;
    gap: 0 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-grid-rows: auto 0 auto 0 auto;
        grid-template-areas: "extra__tb-cl-1 extra__tb-cl-4 " "extra__tb-cl-2 extra__tb-cl-2" "extra__tb-cl-3 extra__tb-cl-3";
    border-radius: 8px;
    background: #ffffff;
    border: 4px solid #F3F6FB;
    padding: 8px;
  }
}
.extra__table-wrapp-2 {
      grid-template-areas: "extra__tb-cl-number extra__tb-cl-btns " "extra__tb-cl-document extra__tb-cl-document" "extra__tb-cl-protocol extra__tb-cl-protocol" "extra__tb-cl-learn extra__tb-cl-learn" "extra__tb-cl-date extra__tb-cl-date";
}

.extra__table-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30px 215px 1fr 370px 280px;
  grid-template-columns: 30px 215px 1fr 370px 280px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media screen and (max-width: 1680px) {
  .extra__table-row {
    -ms-grid-columns: 25px 160px 1fr 305px 66px;
    grid-template-columns: 25px 160px 1fr 305px 66px;
  }
}
@media screen and (max-width: 992px) {
  .extra__table-row {
    -ms-grid-columns: 20px 130px 1fr 140px 48px;
    grid-template-columns: 20px 130px 1fr 140px 48px;
  }
}
@media screen and (max-width: 767px) {
  .extra__table-row {
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
    gap: 10px;
    margin-top: 8px;
  }
}
.extra__table-row:nth-child(1) {
  border: none;
}

.extra__table-row:nth-last-child(1) .extra__tb-cl {
  padding-bottom: 0;
}

.extra__table-row.extra__tb-hd-row .extra__tb-cl {
  padding-top: 0;
  padding-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .extra__table-row.extra__tb-hd-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    margin-top: 0;
  }
  .extra__table-row.extra__tb-hd-row .extra__table-wrapp {
    display: none;
  }
}
.extra__table-row-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30px 187px 252px 0.7fr 1fr 290px 80px;
  grid-template-columns: 30px 187px 252px 0.7fr 1fr 290px 80px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

.extra__table-row-2 .extra__tb-cl-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 1680px) {
  .extra__table-row-2 {
    -ms-grid-columns: 25px 160px 140px 195px 1fr 150px 40px;
    grid-template-columns: 25px 160px 140px 195px 1fr 150px 40px;
  }
}
@media screen and (max-width: 992px) {
  .extra__table-row-2 {
    -ms-grid-columns: 20px 90px 110px 110px 1fr 120px 48px;
    grid-template-columns: 20px 90px 110px 110px 1fr 120px 48px;
  }
}
@media screen and (max-width: 767px) {
  .extra__table-row-2 {
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
    gap: 10px;
    margin-top: 8px;
  }
}
.extra__table-row-2:nth-child(1) {
  border: none;
}

.extra__table-row-2:nth-last-child(1) .extra__tb-cl {
  padding-bottom: 0;
}

.extra__table-row-2.extra__tb-hd-row .extra__tb-cl {
  padding-top: 0;
  padding-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .extra__table-row-2.extra__tb-hd-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    margin-top: 0;
  }
  .extra__table-row-2.extra__tb-hd-row .extra__table-wrapp {
    display: none;
  }
}
.extra__gr-title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: extra__gr-title;
}

.extra__gr-search {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: extra__gr-search;
  width: 705px;
}

@media (max-width: 1500px) {
  .extra__gr-search {
    width: 580px;
  }
}
@media screen and (max-width: 1440px) {
  .extra__gr-search {
    width: 100%;
  }
}
.extra__btn-create {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  grid-area: extra__btn-create;
}

@media screen and (max-width: 1680px) {
  .extra__btn-create {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__btn-create {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .extra__btn-create {
    padding-left: 17px;
    padding-right: 17px;
  }
}
.extra__controll-file {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 5;
  grid-area: extra__controll-file;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto auto;
  grid-template-columns: auto auto auto;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 24px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

@media screen and (max-width: 1240px) {
  .extra__controll-file {
    gap: 12px;
  }
}
@media screen and (max-width: 767px) {
  .extra__controll-file {
    width: 100%;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}
.extra__controll-row {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  grid-area: extra__controll-row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 15px 40px;
}

@media screen and (max-width: 1680px) {
  .extra__controll-row {
    gap: 15px 20px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__controll-row {
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .extra__controll-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.extra__controll-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 32px;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 1680px) {
  .extra__controll-list {
    gap: 10px 24px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__controll-list {
    gap: 10px 12px;
  }
}
@media screen and (max-width: 767px) {
  .extra__controll-list {
    gap: 10px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
.extra__controll-span {
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #6B6EE8;
  white-space: nowrap;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
}

@media (hover: hover) {
  .extra__controll-span:hover {
    text-decoration-line: none;
  }
}
.extra__controll-span:focus-visible {
  text-decoration-line: none;
}

.extra__controll-span:active {
  text-decoration-line: none;
}

.extra__controll-span.dark-navy {
  color: #181830;
}

@media screen and (max-width: 1680px) {
  .extra__controll-span {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__controll-span {
    font-size: 12px;
  }
}
.extra__controll-span::after,
.extra__controll-span::before {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media screen and (max-width: 1240px) {
  .extra__controll-span::after,
  .extra__controll-span::before {
    width: 14px;
    height: 14px;
  }
}
.extra__cancel-btn {
  font-style: normal;
  font-weight: 300;
  font-size: 21px;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #181830;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
}

@media (hover: hover) {
  .extra__cancel-btn:hover {
    text-decoration-line: none;
  }
}
.extra__cancel-btn:focus-visible {
  text-decoration-line: none;
}

.extra__cancel-btn:active {
  text-decoration-line: none;
}

@media screen and (max-width: 1680px) {
  .extra__cancel-btn {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__cancel-btn {
    font-size: 12px;
  }
}
.extra__checked {
  width: 24px;
  height: 24px;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 1240px) {
  .extra__checked {
    width: 20px;
    height: 20px;
  }
}
.extra__checked .label-check-span {
  width: 100%;
  height: 100%;
  padding-left: 0;
}

.extra__checked .label-check-span::after,
.extra__checked .label-check-span::before {
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.extra__tb-cl-title {
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

.extra__tb-cl-title span {
  position: static;
}

.extra__tb-cl-title span::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 15px;
  height: 1px;
  background: rgba(24, 24, 48, 0.1);
}

@media screen and (max-width: 1680px) {
  .extra__tb-cl-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__tb-cl-title {
    font-size: 12px;
  }
}
.extra__tb-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px;
  color: #181830;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.32px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
}

.extra__tb-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (hover: hover) {
  .extra__tb-btn:hover {
    color: #5C5FE6;
  }
  .extra__tb-btn:hover path {
    fill: #5C5FE6;
  }
}
.extra__tb-btn:focus-visible {
  color: #5C5FE6;
}

.extra__tb-btn:focus-visible path {
  fill: #5C5FE6;
}

.extra__tb-btn:active {
  color: #5C5FE6;
}

.extra__tb-btn:active path {
  fill: #5C5FE6;
}

@media screen and (max-width: 1680px) {
  .extra__tb-btn span {
    display: none;
  }
}
.extra__tb-btn svg,
.extra__tb-btn img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 27px;
  height: 27px;
  -o-object-fit: contain;
  object-fit: contain;
}

@media screen and (max-width: 1240px) {
  .extra__tb-btn svg,
  .extra__tb-btn img {
    width: 18px;
    height: 18px;
  }
}
.extra__tb-btn-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 20px;
}

@media screen and (max-width: 1680px) {
  .extra__tb-btn-row {
    gap: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__tb-btn-row {
    gap: 8px;
  }
}
.extra__tb-title {
  color: #181830;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.32px;
}

@media screen and (max-width: 1680px) {
  .extra__tb-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__tb-title {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-title {
    font-size: 14px;
  }
}
.extra__tb-hd-check {
  width: 24px;
  height: 24px;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 1240px) {
  .extra__tb-hd-check {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-hd-check {
    width: auto;
    height: auto;
  }
}
.extra__tb-hd-check .label-check-span {
  width: 100%;
  height: 100%;
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .extra__tb-hd-check .label-check-span {
    padding-left: 30px;
    width: auto;
    height: auto;
  }
}
.extra__tb-hd-check .label-check-span::after,
.extra__tb-hd-check .label-check-span::before {
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
  .extra__tb-hd-check .label-check-span::after,
  .extra__tb-hd-check .label-check-span::before {
    width: 20px;
    height: 20px;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
.extra__tb-hd-check span {
  color: #181830;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.28px;
}

.extra__tb-hd-check-text {
  display: none;
}

@media screen and (max-width: 767px) {
  .extra__tb-hd-check-text {
    display: block;
  }
}
.extra__tb-cl {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

@media screen and (max-width: 1680px) {
  .extra__tb-cl {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-cl {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
  }
}
.extra__tb-cl-2,
.extra__tb-cl-3 {
  border-left: 1px solid rgba(24, 24, 48, 0.1);
}

@media screen and (max-width: 767px) {
  .extra__tb-cl-2,
  .extra__tb-cl-3 {
    border: none;
  }
}
.extra__tb-cl-1 {
  padding-left: 30px;
}

@media screen and (max-width: 1680px) {
  .extra__tb-cl-1 {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__tb-cl-1 {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-cl-1 {
    grid-area: extra__tb-cl-1;
    padding-left: 0;
    padding-right: 0;
  }
}
.extra__tb-cl-2 {
  padding-left: 60px;
}

@media screen and (max-width: 1240px) {
  .extra__tb-cl-2 {
    padding-left: 15px;
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-cl-2 {
    grid-area: extra__tb-cl-2;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    margin-top: 4px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
}
.extra__tb-cl-3 {
  padding-left: 80px;
}

@media screen and (max-width: 1680px) {
  .extra__tb-cl-3 {
    padding-left: 67px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__tb-cl-3 {
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-cl-3 {
    grid-area: extra__tb-cl-3;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    margin-top: 4px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-cl-4 {
    grid-area: extra__tb-cl-4;
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-cl-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .extra__tb-cl-2 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .extra__tb-cl-3 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .extra__tb-cl-4 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
.extra__tb-cl-number {
  padding-left: 30px;
}

@media screen and (max-width: 1680px) {
  .extra__tb-cl-number {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__tb-cl-number {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-cl-number {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    padding-left: 0;
    grid-area: extra__tb-cl-number;
  }
}
.extra__tb-cl-document {
  padding-left: 60px;
  border-left: 1px solid rgba(24, 24, 48, 0.1);
}

@media screen and (max-width: 1680px) {
  .extra__tb-cl-document {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__tb-cl-document {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-cl-document {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: extra__tb-cl-document;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    margin-top: 4px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
}
.extra__tb-cl-protocol {
  padding-left: 45px;
  border-left: 1px solid rgba(24, 24, 48, 0.1);
}

@media screen and (max-width: 1680px) {
  .extra__tb-cl-protocol {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__tb-cl-protocol {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-cl-protocol {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: extra__tb-cl-protocol;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    margin-top: 4px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
}
.extra__tb-cl-learn {
  padding-left: 45px;
  border-left: 1px solid rgba(24, 24, 48, 0.1);
}

@media screen and (max-width: 1680px) {
  .extra__tb-cl-learn {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__tb-cl-learn {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-cl-learn {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: extra__tb-cl-learn;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    margin-top: 4px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
}
.extra__tb-cl-date {
  padding-left: 44px;
  border-left: 1px solid rgba(24, 24, 48, 0.1);
}

@media screen and (max-width: 1680px) {
  .extra__tb-cl-date {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .extra__tb-cl-date {
    padding-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .extra__tb-cl-date {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: extra__tb-cl-date;
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    margin-top: 4px;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
}
.extra__tb-cl-btns {
  padding-right: 0;
}

@media screen and (max-width: 767px) {
  .extra__tb-cl-btns {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: extra__tb-cl-btns;
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.extra__mob-tb-title {
  display: none;
  color: #6B6EE8;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.24px;
  padding-bottom: 4px;
}

@media screen and (max-width: 767px) {
  .extra__mob-tb-title {
    display: block;
  }
}
.extra__tb-title.green {
  color: #00A108;
}

.extra__checkbox-tree .extra__checkbox-tree {
  padding-left: 0;
}

.modal__new-order {
  width: 1631px;
}

@media screen and (max-width: 1680px) {
  .modal__new-order {
    width: 1098px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__new-order {
    width: 100%;
  }
}
.modal__new-title {
  padding-top: 21px;
  font-size: 21px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  letter-spacing: 0.42px;
  color: #181830;
}

@media screen and (max-width: 1680px) {
  .modal__new-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__new-title {
    padding-top: 15px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .modal__new-title {
    font-size: 14px;
  }
}
.modal__new-form {
  margin-top: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 505px auto;
  grid-template-columns: 505px auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

@media screen and (max-width: 1680px) {
  .modal__new-form {
    -ms-grid-columns: 540px auto;
    grid-template-columns: 540px auto;
  }
}
@media screen and (max-width: 1240px) {
  .modal__new-form {
    margin-top: 12px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}
@media (max-width: 572px) {
  .modal__new-form {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.modal__new-order-acc-wr {
  padding-left: 10px !important;
}

@media screen and (max-width: 1680px) {
  .modal__new-order-acc-wr {
    padding-left: 50px !important;
  }
}
@media screen and (max-width: 1240px) {
  .modal__new-order-acc-wr {
    padding-left: 8px !important;
  }
}
@media screen and (max-width: 767px) {
  .modal__new-order-acc-wr {
    padding-left: 0 !important;
  }
}
.modal__new-tree {
  margin-top: 8px;
}

@media screen and (max-width: 1240px) {
  .modal__new-tree {
    margin-top: 8px;
  }
}
.modal__new-tree-wrapp {
  max-height: 715px;
  overflow: auto;
  padding-right: 10px;
}

@media screen and (max-width: 1680px) {
  .modal__new-tree-wrapp {
    max-height: 757px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__new-tree-wrapp {
    max-height: 770px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__new-tree-wrapp {
    max-height: 800px;
  }
}
.modal__new-tree-wrapp .creating__listeners-tree-inner + .creating__listeners-tree-inner {
  margin-top: 15px;
}

@media screen and (max-width: 1680px) {
  .modal__new-tree-wrapp .creating__listeners-tree-inner + .creating__listeners-tree-inner {
    margin-top: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__new-tree-wrapp .creating__listeners-tree-inner + .creating__listeners-tree-inner {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .modal__new-tree-wrapp .creating__listeners-tree-inner + .creating__listeners-tree-inner {
    margin-top: 8px;
  }
}
.modal-btn-order {
  border: 2px solid #6B6EE8;
  background: #6B6EE8;
  color: #ffffff;
  padding-left: 32px;
  padding-right: 32px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
  margin-top: 15px;
}

@media screen and (max-width: 1680px) {
  .modal-btn-order {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .modal-btn-order {
    margin-top: 12px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .modal-btn-order {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (hover: hover) {
  .modal-btn-order:hover {
    color: #6B6EE8;
    background: none;
  }
}
@media (hover: none) {
  .modal-btn-order:active {
    color: #6B6EE8;
    background: none;
  }
}
.modal-btn-order:active {
  color: #6B6EE8;
  background: none;
}

.modal__order-footer {
  margin-top: 32px;
  display: -ms-grid;
  display: grid;
  max-width: 945px;
  -ms-grid-columns: 430px auto;
  grid-template-columns: 430px auto;
  gap: 16px 32px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 1680px) {
  .modal__order-footer {
    max-width: 705px;
    -ms-grid-columns: 260px auto;
    grid-template-columns: 260px auto;
  }
}
@media screen and (max-width: 1240px) {
  .modal__order-footer {
    max-width: 485px;
    margin-top: 15px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
@media screen and (max-width: 767px) {
  .modal__order-footer {
    margin-top: 12px;
    gap: 12px;
  }
}
.modal__order-sl-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px;
}

@media screen and (max-width: 1680px) {
  .modal__order-sl-select {
    gap: 8px;
  }
}
@media screen and (max-width: 767px) {
  .modal__order-sl-select {
    display: block;
  }
}
.modal__order-sl-select .select-container-title {
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .modal__order-sl-select .select-container-title {
    padding-bottom: 4px;
  }
}
.modal__order-sl-wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 16px;
}

@media screen and (max-width: 1680px) {
  .modal__order-sl-wrapp {
    gap: 10px;
  }
}
.md__btn-cl {
  position: absolute;
  right: 24px;
  top: 24px;
  z-index: 1;
  width: 36px;
  height: 36px;
}

@media screen and (max-width: 1680px) {
  .md__btn-cl {
    top: 20px;
    right: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .md__btn-cl {
    width: 27px;
    height: 27px;
    top: 15px;
    right: 15px;
  }
}
.md__btn-cl img,
.md__btn-cl svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.modal__pr-wr {
  display: contents;
}

@media screen and (max-width: 767px) {
  .modal__pr-wr {
    display: block;
    padding: 8px;
    background: #ffffff;
    border-radius: 8px;
    border: 4px solid #F3F6FB;
  }
}
.modal__pr-table {
  background: #F3F6FB;
  padding: 16px;
  border-radius: 24px;
}

@media screen and (max-width: 1240px) {
  .modal__pr-table {
    border-radius: 20px;
    padding: 16px;
  }
}
@media screen and (max-width: 767px) {
  .modal__pr-table {
    padding: 0;
    background: none;
  }
}
.modal__pr-table-contaienr {
  margin-top: 16px;
  overflow: auto;
  padding-right: 10px;
  max-height: 335px;
}

@media screen and (max-width: 1680px) {
  .modal__pr-table-contaienr {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__pr-table-contaienr {
    margin-top: 12px;
    max-height: 295px;
  }
}
@media screen and (max-width: 767px) {
  .modal__pr-table-contaienr {
    max-height: 470px;
  }
}
.modal__pr-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 24px 240px 1.5fr 1fr;
  grid-template-columns: 24px 240px 1.5fr 1fr;
}

@media screen and (max-width: 1680px) {
  .modal__pr-row {
    -ms-grid-columns: 24px 167px 1.5fr 1fr;
    grid-template-columns: 24px 167px 1.5fr 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .modal__pr-row {
    -ms-grid-columns: 20px 155px 1.5fr 1fr;
    grid-template-columns: 20px 155px 1.5fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .modal__pr-row {
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
    gap: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.modal__crf-row {
  -ms-grid-columns: 24px 240px 1.5fr 1fr;
  grid-template-columns: 24px 240px 1.5fr 1fr;
}

@media screen and (max-width: 1680px) {
  .modal__crf-row {
    -ms-grid-columns: 24px 185px 1.5fr 1fr;
    grid-template-columns: 24px 185px 1.5fr 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .modal__crf-row {
    -ms-grid-columns: 20px 165px 1.5fr 1fr;
    grid-template-columns: 20px 165px 1.5fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .modal__crf-row {
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
  }
}
@media screen and (max-width: 767px) {
  .modal__pr-hd-row {
    display: none;
  }
}
.modal__pr-radio {
  width: 24px;
  height: 24px;
  display: block;
}

@media screen and (max-width: 1240px) {
  .modal__pr-radio {
    width: 20px;
    height: 20px;
  }
}
.modal__pr-radio .label-check-span {
  width: 100%;
  height: 100%;
  padding: 0;
}

.modal__pr-radio .label-check-span::after,
.modal__pr-radio .label-check-span::before {
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.modal__pr-cl {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .modal__pr-cl {
    height: auto;
    display: block;
  }
}
.modal__pr-cl-2 {
  padding-left: 30px;
  padding-right: 30px;
}

.modal__pr-cl-3,
.modal__pr-cl-4 {
  border-left: 1px solid rgba(24, 24, 48, 0.1);
  padding-left: 30px;
  padding-right: 30px;
}

.modal__pr-row {
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media screen and (max-width: 767px) {
  .modal__pr-row {
    border: none;
    margin-top: 8px;
  }
  .modal__pr-row:nth-child(1) {
    margin-top: 0;
  }
}
.modal__pr-row .modal__pr-cl {
  padding-top: 12px;
  padding-bottom: 12px;
}

@media screen and (max-width: 767px) {
  .modal__pr-row .modal__pr-cl {
    border-left: none;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
    padding: 0;
    padding-top: 4px;
    margin-top: 4px;
  }
  .modal__pr-row .modal__pr-cl:nth-child(1) {
    border: none;
    padding-top: 0;
    margin-top: 0;
  }
}
.modal__pr-row:nth-child(1) .modal__pr-cl {
  padding-top: 0;
  padding-bottom: 0;
}

.modal__pr-row:nth-last-child(1) .modal__pr-cl {
  padding-bottom: 0;
}

.modal__pr-row:nth-child(1),
.modal__pr-row:nth-child(2) {
  border: none;
}

.modal__ft-rw {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr [2];
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 32px;
  max-width: 890px;
}

@media screen and (max-width: 1680px) {
  .modal__ft-rw {
    margin-top: 16px;
    gap: 10px;
    max-width: 655px;
  }
}
@media screen and (max-width: 767px) {
  .modal__ft-rw {
    margin-top: 12px;
    gap: 12px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    max-width: 100%;
  }
}
.modal__ft-rw-2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 430px [2] 1fr;
  grid-template-columns: repeat(2, 430px) 1fr;
  gap: 32px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 32px;
  max-width: 100%;
}

@media screen and (max-width: 1680px) {
  .modal__ft-rw-2 {
    margin-top: 16px;
    gap: 16px 10px;
    -ms-grid-columns: 320px [2] 1fr;
    grid-template-columns: repeat(2, 320px) 1fr;
  }
}
@media screen and (max-width: 992px) {
  .modal__ft-rw-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .modal__ft-rw-2 {
    margin-top: 12px;
    gap: 12px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    max-width: 100%;
  }
}
.modal__sl-dc {
  width: 100%;
  max-width: 435px;
}

.modal__sl-dc.-w-411 {
  max-width: 411px;
}

@media screen and (max-width: 1680px) {
  .modal__sl-dc.-w-411 {
    max-width: 354px;
  }
}
@media screen and (max-width: 767px) {
  .modal__sl-dc.-w-411 {
    max-width: 280px;
  }
}
@media screen and (max-width: 1680px) {
  .modal__sl-dc {
    max-width: 355px;
  }
}
@media screen and (max-width: 767px) {
  .modal__sl-dc {
    max-width: 280px;
  }
}
.modal__sl-btn {
  width: 100%;
}

.modal__sl-dc-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-top: 16px;
}

.modal__sl-dc-row.-full {
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
}

@media screen and (max-width: 767px) {
  .modal__sl-dc-row {
    gap: 5px;
  }
}
.modal__sl-tl {
  font-style: normal;
  font-weight: 800;
  font-size: 21px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

@media screen and (max-width: 1680px) {
  .modal__sl-tl {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__sl-tl {
    font-size: 16px;
  }
}
.modal__sl-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}

.modal__sl-hd.-ai-fs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.modal__sl-hd .md__btn-cl {
  position: initial;
  width: 30px;
  height: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media screen and (max-width: 1680px) {
  .modal__sl-hd .md__btn-cl {
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__sl-hd .md__btn-cl {
    width: 27px;
    height: 27px;
  }
}
.modal__sl-text {
  margin-top: 10px;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

@media screen and (max-width: 1680px) {
  .modal__sl-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__sl-text {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .modal__sl-text {
    padding-top: 5px;
  }
}
.modal__ft-check {
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1680px) {
  .modal__ft-check {
    height: 44px;
  }
}
@media screen and (max-width: 992px) {
  .modal__ft-check {
    height: auto;
  }
}
.modal__ft-check-span {
  color: #181830;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.32px;
}

@media screen and (max-width: 1240px) {
  .modal__ft-check-span {
    font-size: 14px;
  }
}
.panel-extra .panel__nav-link.--active .panel__nav-icon::after {
  opacity: 0;
}

@media (min-width: 767px) and (hover: hover) {
  .panel-extra .panel__nav-link.--active:hover .panel__nav-icon::after {
    opacity: 1;
  }
  .panel-extra .panel__nav-link.--active:hover .panel__nav-icon path {
    opacity: 1;
    fill: #FF8075;
  }
  .panel-extra .panel__nav-link.--active:hover .panel__nav-icon .svg-opacity {
    opacity: 0.4;
  }
  .panel-extra .panel__nav-link.--active:hover .panel__nav-icon .rec-opacity {
    fill-opacity: 0.4;
    fill: #FF8075;
  }
  .panel-extra .panel__nav-link.--active:hover .panel__nav-icon .path-stroke {
    opacity: 1;
    stroke: #FF8075;
  }
}
@media (min-width: 767px) and (hover: none) {
  .panel-extra .panel__nav-link.--active:active .panel__nav-icon::after {
    opacity: 1;
  }
  .panel-extra .panel__nav-link.--active:active .panel__nav-icon path {
    opacity: 1;
    fill: #FF8075;
  }
}
@media (min-width: 767px) {
  .panel-extra .panel__nav-link.--active:active .panel__nav-icon path {
    fill: #FF8075;
    opacity: 1;
  }
  .panel-extra .panel__nav-link.--active:active .panel__nav-icon::after {
    opacity: 1;
  }
}
.panel-extra .panel__nav-btn::before {
  -webkit-mask: url("../../assets/img/panel/doots.svg") no-repeat center center/contain;
  mask: url("../../assets/img/panel/doots.svg") no-repeat center center/contain;
}

.panel-extra .panel__nav-btn.is-active::before {
  -webkit-mask: url("../../assets/img/panel/arrow.svg") no-repeat center center/contain;
  mask: url("../../assets/img/panel/arrow.svg") no-repeat center center/contain;
}

.panel-extra .panel__nav-btn.is-active::after {
  content: "Закрыть";
}

@media (max-width: 1440px) {
  .panel-extra .panel__nav-inner {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  .panel-extra .panel__nav-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1240px) {
  .panel-extra .panel__nav-container {
    overflow: visible;
  }
}
@media screen and (max-width: 767px) {
  .panel-extra.is-active .panel__nav-container {
    padding-top: 0 !important;
  }
}
.panel__nav-inner.accord {
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .panel__nav-inner.accord path {
    fill: #ffffff;
  }
}
.panel__drop {
  position: relative;
}

.panel__drop-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5px;
  margin-top: 8px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1680px) {
  .panel__drop-btn {
    margin-top: 5px;
  }
}
.panel__drop-btn .panel__nav-text {
  padding-top: 0;
}

.panel__drop-btn svg,
.panel__drop-btn img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  -o-object-fit: contain;
  object-fit: contain;
}

.panel__drop-wrapp {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 10%);
  -ms-transform: translate(-50%, 10%);
  transform: translate(-50%, 10%);
  max-height: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  overflow: hidden;
}

@media screen and (max-width: 1240px) {
  .panel__drop-wrapp {
    top: 0;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
  }
}
.panel__drop-list {
  width: 110px;
  border-radius: 16px;
  background: #F3F6FB;
  -webkit-box-shadow: 5px 4px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 4px 10px 2px rgba(0, 0, 0, 0.1);
  padding: 10px;
}

@media screen and (max-width: 1680px) {
  .panel__drop-list {
    width: 100px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__drop-list {
    width: 90px;
  }
}
.panel__drop-link {
  width: 100%;
  display: block;
  padding: 15px 20px;
  border-radius: 8px;
  color: #181830;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.32px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  transition: 0.4s;
  outline: none;
  transition: 0.4s;
  outline: none;
}

@media screen and (max-width: 1680px) {
  .panel__drop-link {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__drop-link {
    padding: 8px 14px;
  }
}
@media (hover: hover) {
  .panel__drop-link:hover {
    background: rgba(107, 110, 232, 0.1);
  }
}
.panel__drop-link:focus-visible {
  background: rgba(107, 110, 232, 0.1);
}

.panel__drop-link:active {
  background: rgba(107, 110, 232, 0.1);
}

@media (hover: hover) {
  .panel__drop-link:hover {
    color: #6B6EE8;
  }
}
.panel__drop-link:focus-visible {
  color: #6B6EE8;
}

.panel__drop-link:active {
  color: #6B6EE8;
}

.panel__drop-link.-is-active {
  background: rgba(107, 110, 232, 0.1);
  color: #6B6EE8;
}

.trud__tb-hd-tl {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: trud__tb-hd-tl;
}

.trud__tb-hd-num {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: trud__tb-hd-num;
  margin-left: auto;
  margin-right: 0;
}

@media (max-width: 600px) {
  .trud__tb-hd-num {
    margin-left: 0;
    margin-right: auto;
  }
}
.trud__tb-hd-dw {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: trud__tb-hd-dw;
}

.trud__tb-hd-exp {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: trud__tb-hd-exp;
}

@media (max-width: 600px) {
  .trud__tb-hd-exp {
    margin-left: 0;
    margin-right: auto;
  }
}
.trud__tb-hd-btn-dw {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
  grid-area: trud__tb-hd-btn-dw;
}

@media (max-width: 600px) {
  .trud__tb-hd-btn-dw {
    margin-left: auto;
    margin-right: 0;
  }
}
.trud__tb-hd-btn-fr {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
  grid-area: trud__tb-hd-btn-fr;
}

@media screen and (max-width: 992px) {
  .trud__tb-hd-btn-fr {
    margin-left: auto;
    margin-right: 0;
  }
}
@media (max-width: 600px) {
  .trud__tb-hd-btn-fr {
    margin-left: 0;
    margin-right: auto;
  }
}
.trud__tb-hd {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 25px 1fr 25px auto 25px auto 25px auto 25px auto;
  grid-template-columns: auto 1fr repeat(4, auto);
      grid-template-areas: "trud__tb-hd-tl trud__tb-hd-num trud__tb-hd-dw trud__tb-hd-exp trud__tb-hd-btn-dw trud__tb-hd-btn-fr";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
}

@media screen and (max-width: 992px) {
  .trud__tb-hd {
    -ms-grid-columns: auto 12px 1fr 12px auto 12px auto;
    grid-template-columns: auto 1fr auto auto;
    -ms-grid-rows: auto 12px auto;
        grid-template-areas: "trud__tb-hd-tl  trud__tb-hd-tl trud__tb-hd-btn-fr trud__tb-hd-btn-fr" "trud__tb-hd-btn-dw trud__tb-hd-num trud__tb-hd-exp trud__tb-hd-dw";
    gap: 12px;
  }
  .trud__tb-hd-tl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .trud__tb-hd-num {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .trud__tb-hd-dw {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
  }
  .trud__tb-hd-exp {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .trud__tb-hd-btn-dw {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .trud__tb-hd-btn-fr {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
  }
}
@media (max-width: 600px) {
  .trud__tb-hd {
    -ms-grid-columns: auto 15px auto 15px 1fr;
    grid-template-columns: auto auto 1fr;
    -ms-grid-rows: auto 12px auto 12px auto 12px auto;
        grid-template-areas: "trud__tb-hd-tl trud__tb-hd-tl trud__tb-hd-tl" "trud__tb-hd-btn-fr trud__tb-hd-btn-fr trud__tb-hd-btn-fr" "trud__tb-hd-num  trud__tb-hd-btn-dw  trud__tb-hd-btn-dw" "trud__tb-hd-dw  trud__tb-hd-exp  trud__tb-hd-exp ";
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 12px 15px;
  }
  .trud__tb-hd-tl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .trud__tb-hd-num {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .trud__tb-hd-dw {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .trud__tb-hd-exp {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  .trud__tb-hd-btn-dw {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  .trud__tb-hd-btn-fr {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
}
.trud__tb-cl-0 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: trud__tb-cl-0;
}

.trud__tb-cl-1 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: trud__tb-cl-1;
}

.trud__tb-cl-2 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: trud__tb-cl-2;
}

.trud__tb-cl-3 {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: trud__tb-cl-3;
}

.trud__tb-cl-4 {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: trud__tb-cl-4;
}

.trud__tb-cl-5 {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
  grid-area: trud__tb-cl-5;
}

.trud__tb-rw {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30px 215px 1fr 260px 320px 280px;
  grid-template-columns: 30px 215px 1fr 260px 320px 280px;
      grid-template-areas: "trud__tb-cl-0 trud__tb-cl-1 trud__tb-cl-2 trud__tb-cl-3 trud__tb-cl-4 trud__tb-cl-5";
}

@media screen and (max-width: 1680px) {
  .trud__tb-rw {
    -ms-grid-columns: 25px 160px 1fr 305px 305px 66px;
    grid-template-columns: 25px 160px 1fr 305px 305px 66px;
  }
}
@media screen and (max-width: 1440px) {
  .trud__tb-rw {
    -ms-grid-columns: 25px 160px 1fr 230px 280px 66px;
    grid-template-columns: 25px 160px 1fr 230px 280px 66px;
  }
}
@media screen and (max-width: 1240px) {
  .trud__tb-rw {
    -ms-grid-columns: 25px 160px 1fr 150px 200px 40px;
    grid-template-columns: 25px 160px 1fr 150px 200px 40px;
  }
}
@media screen and (max-width: 992px) {
  .trud__tb-rw {
    -ms-grid-columns: 20px 90px 1fr 91px 145px 48px;
    grid-template-columns: 20px 90px 1fr 91px 145px 48px;
  }
}
@media screen and (max-width: 767px) {
  .trud__tb-rw {
    -ms-grid-columns: 20px 10px 1fr;
    grid-template-columns: 20px 1fr;
    gap: 10px;
        grid-template-areas: "trud__tb-cl-0 extra__table-wrapp";
  }
  .trud__tb-rw .extra__table-wrapp {
    grid-area: extra__table-wrapp;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
        grid-template-areas: "trud__tb-cl-1 trud__tb-cl-5" "trud__tb-cl-2 trud__tb-cl-2" "trud__tb-cl-3 trud__tb-cl-3" "trud__tb-cl-4 trud__tb-cl-4";
  }
  .trud__tb-cl-0 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .trud__tb-rw .extra__table-wrapp > .trud__tb-cl-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .trud__tb-rw .extra__table-wrapp > .trud__tb-cl-2 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .trud__tb-rw .extra__table-wrapp > .trud__tb-cl-3 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .trud__tb-rw .extra__table-wrapp > .trud__tb-cl-4 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .trud__tb-rw .extra__table-wrapp > .trud__tb-cl-5 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 767px) {
  .trud__tb-rw .extra__table-wrapp {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}
.trud__tb-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 30px 1fr 30px auto;
  grid-template-columns: auto 1fr auto;
  gap: 25px 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-rows: auto 25px auto;
      grid-template-areas: "trud__tb-grid-tl trud__tb-grid-tl trud__tb-cancel" "trud__tb-search trud__tb-cn-row trud__tb-create";
}

@media screen and (max-width: 1440px) {
  .trud__tb-grid {
    gap: 25px 15px;
  }
}
@media screen and (max-width: 992px) {
  .trud__tb-grid {
    -ms-grid-columns: 1fr 10px auto 10px auto;
    grid-template-columns: 1fr auto auto;
    -ms-grid-rows: auto 15px auto 15px auto;
        grid-template-areas: "trud__tb-grid-tl trud__tb-grid-tl trud__tb-grid-tl" "trud__tb-search trud__tb-search trud__tb-create" "trud__tb-cn-row trud__tb-cancel trud__tb-cancel";
    gap: 15px 10px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}
@media (max-width: 572px) {
  .trud__tb-grid {
    -ms-grid-columns: 1fr 5px auto;
    grid-template-columns: 1fr auto;
    -ms-grid-rows: auto 12px auto 12px auto 12px auto;
        grid-template-areas: "trud__tb-grid-tl trud__tb-grid-tl" "trud__tb-search trud__tb-search" "trud__tb-create trud__tb-create" "trud__tb-cn-row trud__tb-cancel";
    gap: 12px 5px;
  }
}
.trud__tb-grid-tl {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: trud__tb-grid-tl;
}

.trud__tb-search {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: trud__tb-search;
}

@media screen and (max-width: 1440px) {
  .trud__tb-search {
    width: 322px;
  }
}
@media screen and (max-width: 992px) {
  .trud__tb-search {
    width: 100%;
  }
}
.trud__tb-create {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  grid-area: trud__tb-create;
  margin-left: auto;
  margin-right: 0;
}

@media (max-width: 572px) {
  .trud__tb-create {
    margin-left: 0;
    margin-right: auto;
  }
}
.trud__tb-cancel {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: trud__tb-cancel;
}

.trud__tb-cn-row {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: trud__tb-cn-row;
}

@media screen and (max-width: 992px) {
  .trud__tb-grid-tl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .trud__tb-search {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .trud__tb-create {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .trud__tb-cancel {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  .trud__tb-cn-row {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}
@media (max-width: 572px) {
  .trud__tb-grid-tl {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .trud__tb-search {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .trud__tb-create {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .trud__tb-cancel {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .trud__tb-cn-row {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
}
.trud__acc {
  position: relative;
}

.trud__acc-body {
  position: absolute;
  right: 0;
  top: 105%;
  z-index: 3;
  overflow: hidden;
  max-height: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-shadow: 5px 4px 10px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 4px 10px 2px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}

@media screen and (max-width: 1240px) {
  .trud__acc-body {
    border-radius: 12px;
  }
}
.trud__acc-list {
  padding: 16px;
  border-radius: 16px;
  background: #F3F6FB;
  min-width: 170px;
}

@media screen and (max-width: 1680px) {
  .trud__acc-list {
    min-width: 106px;
    padding: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .trud__acc-list {
    min-width: 90px;
    border-radius: 12px;
  }
}
.trud__acc-link {
  width: 100%;
  padding: 12px 20px;
  border-radius: 8px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  transition: 0.4s;
  outline: none;
  display: block;
  color: #181830;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.32px;
  transition: 0.4s;
}

@media (hover: hover) {
  .trud__acc-link:hover {
    background: rgba(107, 110, 232, 0.1);
  }
}
.trud__acc-link:focus-visible {
  background: rgba(107, 110, 232, 0.1);
}

.trud__acc-link:active {
  background: rgba(107, 110, 232, 0.1);
}

@media (hover: hover) {
  .trud__acc-link:hover {
    color: #6B6EE8;
  }
}
.trud__acc-link:focus-visible {
  color: #6B6EE8;
}

.trud__acc-link:active {
  color: #6B6EE8;
}

@media screen and (max-width: 1680px) {
  .trud__acc-link {
    padding: 10px 16px;
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .trud__acc-link {
    padding: 8px 14px;
    font-size: 16px;
  }
}
.corr-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 15px;
}

@media screen and (max-width: 767px) {
  .corr-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-bottom: 10px;
  }
}
.corr-flex .tabs-head {
  width: auto;
}

@media screen and (max-width: 767px) {
  .corr-flex .tabs-head {
    width: 100%;
    margin-bottom: 0;
  }
}
.btn__read-all {
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  text-align: left;
  margin-left: 0;
  margin-right: auto;
  color: #181830;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
}

@media (hover: hover) {
  .btn__read-all:hover {
    text-decoration: none;
  }
}
.btn__read-all:focus-visible {
  text-decoration: none;
}

.btn__read-all:active {
  text-decoration: none;
}

@media screen and (max-width: 1680px) {
  .btn__read-all {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .btn__read-all {
    font-size: 14px;
  }
}
.creat__label-span {
  color: #181830;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.36px;
}

@media screen and (max-width: 1680px) {
  .creat__label-span {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .creat__label-span {
    font-size: 14px;
  }
  .creat__label-span::after,
  .creat__label-span::before {
    width: 20px;
    height: 20px;
  }
}
.creat__types-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 30px;
  min-height: 48px;
}

@media screen and (max-width: 1680px) {
  .creat__types-list {
    min-height: 46px;
    gap: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .creat__types-list {
    gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  .creat__types-list {
    min-height: 0;
    padding-top: 15px;
  }
}
.correct__home-title {
  color: #BDBBCD;
  text-align: right;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.28px;
}

@media screen and (max-width: 1680px) {
  .correct__home-title {
    font-size: 12px;
  }
}
@media screen and (max-width: 1440px) {
  .correct__home-title {
    font-size: 11px;
  }
}
@media (max-width: 572px) {
  .correct__home-title {
    text-align: left;
  }
}
.correct__come-text {
  color: #181830;
  text-align: right;
  padding-top: 4px;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  letter-spacing: 0.32px;
}

@media screen and (max-width: 1680px) {
  .correct__come-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .correct__come-text {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .correct__come-text {
    font-size: 10px;
  }
}
@media (max-width: 572px) {
  .correct__come-text {
    text-align: left;
  }
}
@media (max-width: 572px) {
  .correct__hm-if-docum {
    display: block;
    padding-top: 4px;
  }
}
.correct__hm-rw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 572px) {
  .correct__hm-rw {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 8px;
    gap: 4px;
  }
  .correct__hm-rw .home__info-btn {
    margin-top: 0;
  }
}
.correct__hm-inf-row .home__info-img,
.correct__hm-inf-row .home__info-box,
.correct__hm-inf-row .home__info-footer {
  grid-column: initial;
  grid-row: initial;
}

.statist__btn-dowl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
}

@media screen and (max-width: 1680px) {
  .statist__btn-dowl {
    width: 21px;
    height: 21px;
  }
}
@media screen and (max-width: 1240px) {
  .statist__btn-dowl {
    width: 18px;
    height: 18px;
  }
}
.statist__btn-dowl img,
.statist__btn-dowl svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.statist__btn-dowl path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (hover: hover) {
  .statist__btn-dowl:hover {
    color: #5C5FE6;
  }
  .statist__btn-dowl:hover path {
    fill: #5C5FE6;
  }
}
.statist__btn-dowl:focus-visible {
  color: #5C5FE6;
}

.statist__btn-dowl:focus-visible path {
  fill: #5C5FE6;
}

.statist__btn-dowl:active {
  color: #5C5FE6;
}

.statist__btn-dowl:active path {
  fill: #5C5FE6;
}

.statist__down-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .statist__down-row {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 10px;
  }
}
.stat__row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 24px 1fr;
  grid-template-columns: 24px 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

@media screen and (max-width: 1240px) {
  .stat__row {
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.stat__tabel-wrapp {
  padding-left: 0 !important;
}

.stat__header-row {
  margin-top: 32px;
}

@media screen and (max-width: 1680px) {
  .stat__header-row {
    margin-top: 28px;
  }
}
@media screen and (max-width: 1240px) {
  .stat__header-row {
    margin-top: 24px;
  }
}
.stat__header-row .stat__label-check {
  margin-top: 16px;
}

.stat__header-row .statistics-table-head {
  border-radius: 24px 24px 0 0;
  padding-top: 16px;
}

.stat__tabel-wrapp .stat__row:nth-last-child(1) .stat__label-check {
  margin-bottom: 16px;
}

@media screen and (max-width: 1240px) {
  .stat__tabel-wrapp .stat__row:nth-last-child(1) .stat__label-check {
    margin-bottom: auto;
  }
}
.stat__tabel-wrapp .stat__row:nth-last-child(1) .statistics-table-row {
  border-radius: 0 0 24px 24px;
  padding-bottom: 16px;
}

@media screen and (max-width: 1240px) {
  .stat__tabel-wrapp .stat__row:nth-last-child(1) .statistics-table-row {
    padding: 12px;
  }
}
@media screen and (max-width: 767px) {
  .stat__tabel-wrapp .stat__row:nth-last-child(1) .statistics-table-row {
    padding: 8px;
  }
}
.stat__tabel-wrapp .stat__row + .stat__row .statistics-tb-cl {
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media screen and (max-width: 1240px) {
  .stat__tabel-wrapp .stat__row + .stat__row .statistics-tb-cl {
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .stat__tabel-wrapp .stat__row + .stat__row .statistics-tb-cl {
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
  .stat__tabel-wrapp .stat__row + .stat__row .statistics-tb-cl:nth-child(1) {
    border: none;
  }
}
@media screen and (max-width: 1680px) {
  .stat__tabel-wrapp .stat__row + .stat__row .statistics-tb-date-end {
    border-top: none;
  }
}
@media screen and (max-width: 767px) {
  .stat__tabel-wrapp .stat__row + .stat__row .statistics-tb-date-end {
    border-top: 1px solid rgba(24, 24, 48, 0.1);
  }
}
.stat__row .statistics-table-row {
  background: #F3F6FB;
  padding-left: 16px;
  padding-right: 16px;
  -ms-grid-columns: 1fr [4] 115px 115px 115px 115px 135px;
  grid-template-columns: repeat(4, 1fr) 115px 115px 115px 115px 135px;
}

@media (max-width: 1680px) {
  .stat__row .statistics-table-row {
    -ms-grid-columns: 1.1fr 1fr 1fr 145px 105px 90px 77px 99px;
    grid-template-columns: 1.1fr 1fr 1fr 145px 105px 90px 77px 99px;
  }
}
@media (max-width: 1240px) {
  .stat__row .statistics-table-row {
    -ms-grid-columns: 1fr [5];
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 767px) {
  .stat__row .statistics-table-row {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}
@media screen and (max-width: 1240px) {
  .stat__row .statistics-table-row {
    padding: 12px;
  }
}
@media screen and (max-width: 767px) {
  .stat__row .statistics-table-row {
    padding: 8px;
    background: #ffffff;
    border: 4px solid #F3F6FB;
  }
}
@media screen and (max-width: 1240px) {
  .stat__row + .stat__row {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .stat__row + .stat__row {
    margin-top: 8px;
  }
}
.stat__label-check {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 1240px) {
  .stat__label-check {
    width: 20px;
    height: 20px;
  }
}
.stat__label-check .label-check-span {
  padding: 0;
  width: 100%;
  height: 100%;
}

.stat__label-check .label-check-span::after,
.stat__label-check .label-check-span::before {
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 1240px) {
  .stat__tb-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
    gap: 15px 10px;
  }
}
@media screen and (max-width: 767px) {
  .stat__tb-header {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}
@media screen and (max-width: 767px) {
  .stat__tb-header .stat__label-area {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    margin-top: auto;
    margin-bottom: 0;
  }
}
.corr__nav-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 15px;
}

@media screen and (max-width: 1240px) {
  .corr__nav-row {
    padding-top: 10px;
  }
}
@media (max-width: 572px) {
  .corr__nav-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media (max-width: 572px) {
  .corr__nav-btn-prev {
    padding: 0;
    background: none;
    border: none;
    min-height: 0;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 110%;
    text-align: right;
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #181830;
  }
}
@media (max-width: 572px) and (hover: hover) {
  .corr__nav-btn-prev:hover {
    text-decoration: none;
    color: #181830;
    background: none;
  }
}
@media (max-width: 572px) and (hover: none) {
  .corr__nav-btn-prev:active {
    text-decoration: none;
    color: #181830;
    background: none;
  }
}
@media (max-width: 572px) {
  .corr__nav-btn-prev:active {
    text-decoration: none;
    color: #181830;
    background: none;
  }
}
.extra__tbl-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 12px;
  font-style: normal;
  font-weight: 300;
  font-size: 21px;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #FF8075;
}

@media (max-width: 1680px) {
  .extra__tbl-btn {
    gap: 5px;
    font-size: 18px;
  }
}
@media (max-width: 1240px) {
  .extra__tbl-btn {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .extra__tbl-btn:hover {
    text-decoration: none;
  }
}
.extra__tbl-btn svg,
.extra__tbl-btn img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 21px;
  height: 21px;
}

@media (max-width: 992px) {
  .extra__tbl-btn svg,
  .extra__tbl-btn img {
    width: 18px;
    height: 18px;
  }
}
.extra__tbl-hd {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "extra__tbl-title extra__tbl-btn extra__table-num extra__table-dowland extra__tb-hd-btn";
  -ms-grid-columns: 1fr 20px auto 20px auto 20px auto 20px auto;
  grid-template-columns: 1fr auto auto auto auto;
  gap: 20px;
}

@media (max-width: 1680px) {
  .extra__tbl-hd {
    gap: 15px;
  }
}
@media (max-width: 1240px) {
  .extra__tbl-hd {
    gap: 10px;
    -ms-grid-columns: 1fr 10px auto 10px auto;
    grid-template-columns: 1fr auto auto;
    -ms-grid-rows: auto 10px auto;
        grid-template-areas: "extra__tbl-title extra__tb-hd-btn extra__tb-hd-btn" "extra__tbl-btn   extra__table-num extra__table-dowland";
  }
}
@media (max-width: 580px) {
  .extra__tbl-hd {
    -ms-grid-columns: 1fr 15px auto;
    grid-template-columns: 1fr auto;
    gap: 15px;
    -ms-grid-rows: auto 15px auto 15px auto 15px auto;
        grid-template-areas: "extra__tbl-title extra__tbl-title" "extra__tb-hd-btn extra__tb-hd-btn" "extra__table-num extra__table-dowland" "extra__tbl-btn extra__tbl-btn";
  }
}
.extra__tbl-hd .extra__tbl-title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: extra__tbl-title;
}

.extra__tbl-hd .extra__tbl-btn {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: extra__tbl-btn;
}

.extra__tbl-hd .extra__table-num {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: extra__table-num;
}

.extra__tbl-hd .extra__table-dowland {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: extra__table-dowland;
}

.extra__tbl-hd .extra__tb-hd-btn {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
  grid-area: extra__tb-hd-btn;
  margin-left: auto;
  margin-right: 0;
}

@media (max-width: 1240px) {
  .extra__tbl-hd .extra__tbl-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .extra__tbl-hd .extra__tbl-btn {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .extra__tbl-hd .extra__table-num {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .extra__tbl-hd .extra__table-dowland {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }
  .extra__tbl-hd .extra__tb-hd-btn {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
}
@media (max-width: 580px) {
  .extra__tbl-hd .extra__tbl-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .extra__tbl-hd .extra__tbl-btn {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .extra__tbl-hd .extra__table-num {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .extra__tbl-hd .extra__table-dowland {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }
  .extra__tbl-hd .extra__tb-hd-btn {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media (max-width: 580px) {
  .extra__tbl-hd .extra__tb-hd-btn {
    margin-left: 0;
    margin-right: auto;
  }
}
.extra__tb-cl--5 {
  padding-left: 30px;
  border-left: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1680px) {
  .extra__tb-cl--5 {
    padding-left: 20px;
  }
}
@media (max-width: 992px) {
  .extra__tb-cl--5 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .extra__tb-cl--5 {
    grid-area: extra__tb-cl--5;
    padding-top: 4px;
    margin-top: 4px;
    border: none;
    border-top: 1px solid rgba(24, 24, 48, 0.1);
    padding-left: 0;
  }
}
.extra__table--row-3 > .extra__tb-cl--5 {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
}

.trud__table--row-4 > .extra__tb-cl--5 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
}

.trud__table--row-4 .extra__table-wrapp > .extra__tb-cl--5 {
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
}

.extra__table--row {
  -ms-grid-columns: 30px 215px 1fr 311px 370px 180px;
  grid-template-columns: 30px 215px 1fr 311px 370px 180px;
}

@media (max-width: 1680px) {
  .extra__table--row {
    -ms-grid-columns: 25px 160px 1fr 260px 305px 145px;
    grid-template-columns: 25px 160px 1fr 260px 305px 145px;
  }
}
@media (max-width: 1440px) {
  .extra__table--row {
    -ms-grid-columns: 25px 160px 1fr 260px 150px 145px;
    grid-template-columns: 25px 160px 1fr 260px 150px 145px;
  }
}
@media (max-width: 1100px) {
  .extra__table--row {
    -ms-grid-columns: 25px 160px 1fr 260px 150px 55px;
    grid-template-columns: 25px 160px 1fr 260px 150px 55px;
  }
}
@media (max-width: 992px) {
  .extra__table--row {
    -ms-grid-columns: 25px 120px 1fr 187px 120px 60px;
    grid-template-columns: 25px 120px 1fr 187px 120px 60px;
  }
}
@media (max-width: 767px) {
  .extra__table--row {
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
  }
  .extra__table--row .extra__table-wrapp {
        grid-template-areas: "extra__tb-cl-1 extra__tb-cl-4 " "extra__tb-cl-2 extra__tb-cl-2" "extra__tb-cl--5 extra__tb-cl--5" "extra__tb-cl-3 extra__tb-cl-3";
  }
  .extra__tb-cl--5 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
.extra__table--row .extra__tb-cl-2 {
  padding-left: 50px;
}

@media (max-width: 1440px) {
  .extra__table--row .extra__tb-cl-2 {
    padding-left: 20px;
  }
}
@media (max-width: 992px) {
  .extra__table--row .extra__tb-cl-2 {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .extra__table--row .extra__tb-cl-2 {
    padding-left: 0;
  }
}
.extra__table--row .extra__tb-cl-3 {
  padding-left: 15px;
}

@media (max-width: 1440px) {
  .extra__table--row .extra__tb-cl-3 {
    padding-left: 30px;
  }
}
@media (max-width: 992px) {
  .extra__table--row .extra__tb-cl-3 {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .extra__table--row .extra__tb-cl-3 {
    padding-left: 0;
  }
}
.extra__table--row .extra__tb-cl-4 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 1100px) {
  .extra__table--row .extra__tb-cl-4 span {
    display: none;
  }
}
@media (max-width: 767px) {
  .extra__table--row .extra__tb-cl-4 span {
    display: block;
  }
}
.extra__table--row-2 {
  -ms-grid-columns: 30px 215px 1fr 311px 370px 180px;
  grid-template-columns: 30px 215px 1fr 311px 370px 180px;
}

@media (max-width: 1680px) {
  .extra__table--row-2 {
    -ms-grid-columns: 25px 160px 1fr 260px 305px 145px;
    grid-template-columns: 25px 160px 1fr 260px 305px 145px;
  }
}
@media (max-width: 1440px) {
  .extra__table--row-2 {
    -ms-grid-columns: 25px 160px 1fr 260px 150px 145px;
    grid-template-columns: 25px 160px 1fr 260px 150px 145px;
  }
}
@media (max-width: 1100px) {
  .extra__table--row-2 {
    -ms-grid-columns: 25px 160px 1fr 260px 150px 120px;
    grid-template-columns: 25px 160px 1fr 260px 150px 120px;
  }
}
@media (max-width: 992px) {
  .extra__table--row-2 {
    -ms-grid-columns: 25px 97px 1fr 180px 80px 106px;
    grid-template-columns: 25px 97px 1fr 180px 80px 106px;
  }
}
@media (max-width: 767px) {
  .extra__table--row-2 {
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
  }
  .extra__table--row-2 .extra__table-wrapp {
        grid-template-areas: "extra__tb-cl-1 extra__tb-cl-4 " "extra__tb-cl-2 extra__tb-cl-2" "extra__tb-cl--5 extra__tb-cl--5" "extra__tb-cl-3 extra__tb-cl-3";
  }
  .extra__table--row-2 .extra__table-wrapp > .extra__tb-cl--5 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
.extra__table--row-2 .extra__tb-cl-2 {
  padding-left: 67px;
}

@media (max-width: 1680px) {
  .extra__table--row-2 .extra__tb-cl-2 {
    padding-left: 15px;
  }
}
@media (max-width: 1440px) {
  .extra__table--row-2 .extra__tb-cl-2 {
    padding-left: 20px;
  }
}
@media (max-width: 992px) {
  .extra__table--row-2 .extra__tb-cl-2 {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .extra__table--row-2 .extra__tb-cl-2 {
    padding-left: 0;
  }
}
.extra__table--row-2 .extra__tb-cl-3 {
  padding-left: 15px;
}

@media (max-width: 1440px) {
  .extra__table--row-2 .extra__tb-cl-3 {
    padding-left: 30px;
  }
}
@media (max-width: 992px) {
  .extra__table--row-2 .extra__tb-cl-3 {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .extra__table--row-2 .extra__tb-cl-3 {
    padding-left: 0;
  }
}
.extra__table--row-2 .extra__tb-cl-4 {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 1100px) {
  .extra__table--row-2 .extra__tb-cl-4 span {
    display: none;
  }
}
@media (max-width: 767px) {
  .extra__table--row-2 .extra__tb-cl-4 span {
    display: block;
  }
}
.extra__table--row-2 .extra__tb-cl--5 {
  padding-left: 18px;
}

@media (max-width: 1680px) {
  .extra__table--row-2 .extra__tb-cl--5 {
    padding-left: 30px;
  }
}
@media (max-width: 992px) {
  .extra__table--row-2 .extra__tb-cl--5 {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .extra__table--row-2 .extra__tb-cl--5 {
    padding-left: 0;
  }
}
.extra__table--row-2 .extra__tb-btn {
  width: 24px;
  height: 24px;
}

@media (max-width: 1680px) {
  .extra__table--row-2 .extra__tb-btn {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 1240px) {
  .extra__table--row-2 .extra__tb-btn {
    width: 18px;
    height: 18px;
  }
}
.extra__table--row-2 .extra__tb-btn svg,
.extra__table--row-2 .extra__tb-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.extra__table--row-2 .extra__tb-btn-row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}

@media (max-width: 1680px) {
  .extra__table--row-2 .extra__tb-btn-row {
    gap: 15px;
  }
}
@media (max-width: 1240px) {
  .extra__table--row-2 .extra__tb-btn-row {
    gap: 10px;
  }
}
@media (max-width: 800px) {
  .extra__table--row-2 .extra__tb-btn-row {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .extra__table--row-2 .extra__tb-btn-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
.extra__table--row-3 {
  -ms-grid-columns: 30px 190px 182px 250px 1fr 1fr 150px 170px;
  grid-template-columns: 30px 190px 182px 250px 1fr 1fr 150px 170px;
      grid-template-areas: "extra__tb-cl-0 extra__tb-cl-number extra__tb-cl-document extra__tb-cl-protocol extra__tb-cl-learn extra__tb-cl--5 extra__tb-cl-date extra__tb-btn-row";
}

@media (max-width: 1680px) {
  .extra__table--row-3 {
    -ms-grid-columns: 30px 158px 126px 185px 1fr 1fr 126px 151px;
    grid-template-columns: 30px 158px 126px 185px 1fr 1fr 126px 151px;
  }
}
@media (max-width: 1440px) {
  .extra__table--row-3 {
    -ms-grid-columns: 30px 113px 126px 185px 1fr 1fr 94px 151px;
    grid-template-columns: 30px 113px 126px 185px 1fr 1fr 94px 151px;
  }
}
@media (max-width: 1240px) {
  .extra__table--row-3 {
    -ms-grid-columns: 30px 95px 108px 164px 1fr 1fr 90px 120px;
    grid-template-columns: 30px 95px 108px 164px 1fr 1fr 90px 120px;
  }
}
@media (max-width: 1080px) {
  .extra__table--row-3 {
    -ms-grid-columns: 20px 80px 100px 105px 1fr 1fr 70px;
    grid-template-columns: 20px 80px 100px 105px 1fr 1fr 70px;
        grid-template-areas: "extra__tb-cl-0 extra__tb-cl-number extra__tb-cl-document extra__tb-cl-protocol extra__tb-cl-learn extra__tb-cl--5 extra__tb-cl-date" "extra__tb-cl-0 extra__tb-cl-number extra__tb-cl-document extra__tb-cl-protocol extra__tb-cl-learn extra__tb-cl--5 extra__tb-btn-row";
  }
  .extra__table--row-3 > .extra__tb-cl--5 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 6;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 767px) {
  .extra__table--row-3 {
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
        grid-template-areas: "extra__tb-cl-0 extra__table-wrapp-2";
  }
  .extra__table--row-3 .extra__table-wrapp-2 {
    grid-area: extra__table-wrapp-2;
    gap: 0 5px;
        grid-template-areas: "extra__tb-cl-number extra__tb-btn-row " "extra__tb-cl-document extra__tb-cl-document" "extra__tb-cl-protocol extra__tb-cl-protocol" "extra__tb-cl-learn extra__tb-cl-learn" "extra__tb-cl--5    extra__tb-cl--5" "extra__tb-cl-date extra__tb-cl-date";
  }
  .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl--5 {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
.extra__table--row-3.extra__tb-hd-row .extra__tb-cl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.extra__table--row-3 .extra__tb-cl-0 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: extra__tb-cl-0;
}

.extra__table--row-3 .extra__tb-cl-number {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: extra__tb-cl-number;
}

@media (max-width: 767px) {
  .extra__table--row-3 .extra__tb-cl-number {
    padding-right: 0;
  }
}
.extra__table--row-3 .extra__tb-cl-document {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: extra__tb-cl-document;
  padding-left: 30px;
}

@media (max-width: 1680px) {
  .extra__table--row-3 .extra__tb-cl-document {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 1440px) {
  .extra__table--row-3 .extra__tb-cl-document {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  .extra__table--row-3 .extra__tb-cl-document {
    padding-left: 0;
    padding-right: 0;
  }
}
.extra__table--row-3 .extra__tb-cl-protocol {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: extra__tb-cl-protocol;
  padding-left: 20px;
  padding-right: 20px;
}

@media (max-width: 1680px) {
  .extra__table--row-3 .extra__tb-cl-protocol {
    padding-left: 10px;
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  .extra__table--row-3 .extra__tb-cl-protocol {
    padding-left: 0;
    padding-right: 0;
  }
}
.extra__table--row-3 .extra__tb-cl-learn {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: extra__tb-cl-learn;
  padding-left: 38px;
}

@media (max-width: 1680px) {
  .extra__table--row-3 .extra__tb-cl-learn {
    padding-left: 10px;
    padding-right: 5px;
  }
}
@media (max-width: 1440px) {
  .extra__table--row-3 .extra__tb-cl-learn {
    padding-left: 5px;
  }
}
@media (max-width: 767px) {
  .extra__table--row-3 .extra__tb-cl-learn {
    padding-left: 0;
    padding-right: 0;
  }
}
.extra__table--row-3 .extra__tb-cl--5 {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
  -ms-grid-column-span: 1;
  grid-area: extra__tb-cl--5;
  padding-left: 18px;
}

@media (max-width: 1680px) {
  .extra__table--row-3 .extra__tb-cl--5 {
    padding-left: 15px;
  }
}
@media (max-width: 1440px) {
  .extra__table--row-3 .extra__tb-cl--5 {
    padding-left: 8px;
  }
}
@media (max-width: 767px) {
  .extra__table--row-3 .extra__tb-cl--5 {
    padding-left: 0;
  }
}
.extra__table--row-3 .extra__tb-cl-date {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: extra__tb-cl-date;
  padding-left: 15px;
}

@media (max-width: 1680px) {
  .extra__table--row-3 .extra__tb-cl-date {
    padding-left: 7px;
  }
}
@media (max-width: 1080px) {
  .extra__table--row-3 .extra__tb-cl-date {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 0;
    padding-left: 13px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .extra__table--row-3 .extra__tb-cl-date {
    padding-left: 0;
  }
}
.extra__table--row-3 .extra__tb-btn {
  width: 24px;
  height: 24px;
}

@media (max-width: 1680px) {
  .extra__table--row-3 .extra__tb-btn {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 1240px) {
  .extra__table--row-3 .extra__tb-btn {
    width: 18px;
    height: 18px;
  }
}
.extra__table--row-3 .extra__tb-btn svg,
.extra__table--row-3 .extra__tb-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 1240px) {
  .extra__table--row-3 .extra__invalid svg,
  .extra__table--row-3 .extra__invalid img {
    display: none;
  }
}
@media (max-width: 1080px) {
  .extra__table--row-3 .extra__invalid span {
    display: none;
  }
  .extra__table--row-3 .extra__invalid svg,
  .extra__table--row-3 .extra__invalid img {
    display: block;
  }
}
@media (max-width: 767px) {
  .extra__table--row-3 .extra__invalid span {
    display: block;
    font-size: 12px;
  }
}
.extra__table--row-3 .extra__tb-btn-row {
  -ms-grid-row: 1;
  -ms-grid-column: 8;
  grid-area: extra__tb-btn-row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media (max-width: 1680px) {
  .extra__table--row-3 .extra__tb-btn-row {
    gap: 15px;
  }
}
@media (max-width: 1240px) {
  .extra__table--row-3 .extra__tb-btn-row {
    gap: 10px;
  }
}
@media (max-width: 1080px) {
  .extra__table--row-3 .extra__tb-btn-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 20px;
    gap: 5px 10px;
    border-left: 1px solid rgba(24, 24, 48, 0.1);
    padding-top: 5px;
  }
}
@media (max-width: 767px) {
  .extra__table--row-3 .extra__tb-btn-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 0;
    border: none;
    padding-left: 0;
  }
}
.trud__table--row-4 {
  -ms-grid-columns: 25px 203px 1fr 300px 160px 235px 170px;
  grid-template-columns: 25px 203px 1fr 300px 160px 235px 170px;
      grid-template-areas: "trud__tb-cl-0 trud__tb-cl-1 trud__tb-cl-2 extra__tb-cl--5 trud__tb-cl-3 trud__tb-cl-4 trud__tb-cl-5";
}

@media (max-width: 1680px) {
  .trud__table--row-4 {
    -ms-grid-columns: 25px 162px 1fr 1fr 135px 125px 145px;
    grid-template-columns: 25px 162px 1fr 1fr 135px 125px 145px;
  }
  .trud__table--row-4.extra__tb-hd-row {
    -ms-grid-columns: 25px 162px 1fr 1fr 135px 225px 45px;
    grid-template-columns: 25px 162px 1fr 1fr 135px 225px 45px;
  }
}
@media (max-width: 1080px) {
  .trud__table--row-4 {
    -ms-grid-columns: 20px 110px 1fr 1fr 100px 100px;
    grid-template-columns: 20px 110px 1fr 1fr 100px 100px;
        grid-template-areas: "trud__tb-cl-0 trud__tb-cl-1 trud__tb-cl-2 extra__tb-cl--5 trud__tb-cl-4   trud__tb-cl-5" "trud__tb-cl-0 trud__tb-cl-1 trud__tb-cl-2 extra__tb-cl--5 trud__tb-cl-3   trud__tb-cl-5";
  }
  .trud__table--row-4.extra__tb-hd-row {
    -ms-grid-columns: 20px 110px 1fr 1fr 190px 10px;
    grid-template-columns: 20px 110px 1fr 1fr 190px 10px;
        grid-template-areas: "trud__tb-cl-0 trud__tb-cl-1 trud__tb-cl-2 extra__tb-cl--5 trud__tb-cl-3   trud__tb-cl-5" "trud__tb-cl-0 trud__tb-cl-1 trud__tb-cl-2 extra__tb-cl--5 trud__tb-cl-4   trud__tb-cl-5";
  }
  .trud__table--row-4.extra__tb-hd-row .trud__tb-cl-3 span::after {
    background: none;
  }
  .trud__table--row-4.extra__tb-hd-row .trud__tb-cl-3::after {
    content: "/";
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 110%;
    letter-spacing: 0.02em;
    color: #181830;
  }
  .trud__table--row-4 > .extra__tb-cl--5 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
  .trud__table--row-4.extra__tb-hd-row > .extra__tb-cl--5 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
  .trud__table--row-4 > .extra__tb-cl--5 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
  .trud__table--row-4.extra__tb-hd-row > .extra__tb-cl--5 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 767px) {
  .trud__table--row-4 {
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
        grid-template-areas: "trud__tb-cl-0 extra__table-wrapp";
  }
  .trud__table--row-4.extra__tb-hd-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
        grid-template-areas: "trud__tb-cl-0 ";
  }
}
.trud__table--row-4 .extra__table-wrapp {
  grid-area: extra__table-wrapp;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
      grid-template-areas: "trud__tb-cl-1 trud__tb-cl-5" "trud__tb-cl-2 trud__tb-cl-2" "extra__tb-cl--5 extra__tb-cl--5" "trud__tb-cl-3 trud__tb-cl-3" "trud__tb-cl-4 trud__tb-cl-4";
}

@media (max-width: 1080px) {
  .trud__table--row-4 .extra__invalid span {
    display: none;
  }
}
.trud__table--row-4 .trud__tb-cl-0 {
  padding-left: 0;
  padding-right: 0;
}

.trud__table--row-4 .trud__tb-cl-1 {
  padding-left: 30px;
}

@media (max-width: 1680px) {
  .trud__table--row-4 .trud__tb-cl-1 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1080px) {
  .trud__table--row-4 .trud__tb-cl-1 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .trud__table--row-4 .trud__tb-cl-1 {
    padding-left: 0;
    padding-right: 0;
  }
}
.trud__table--row-4 .trud__tb-cl-2 {
  padding-left: 60px;
}

@media (max-width: 1700px) {
  .trud__table--row-4 .trud__tb-cl-2 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1080px) {
  .trud__table--row-4 .trud__tb-cl-2 {
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media (max-width: 767px) {
  .trud__table--row-4 .trud__tb-cl-2 {
    padding-left: 0;
    padding-right: 0;
  }
}
.trud__table--row-4 .extra__tb-cl--5 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
  grid-area: extra__tb-cl--5;
  padding-left: 18px;
}

@media (max-width: 767px) {
  .extra__table--row-3 .extra__table-wrapp-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .extra__table--row-3 .extra__tb-cl-0 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-number {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-document {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-protocol {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-learn {
    -ms-grid-row: 7;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .extra__table--row-3 .extra__tb-cl--5 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .extra__table--row-2 .extra__table-wrapp > .extra__tb-cl--5 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl--5 {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl-date {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-btn-row {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .trud__table--row-4 .extra__table-wrapp {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .trud__table--row-4 .extra__tb-cl--5 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .extra__table--row-2 .extra__table-wrapp > .extra__tb-cl--5 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .extra__table--row-3 .extra__table-wrapp-2 > .extra__tb-cl--5 {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media (max-width: 1080px) {
  .extra__table--row-3 .extra__tb-cl-0 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .extra__table--row-3 .extra__tb-cl-number {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .extra__table--row-3 .extra__tb-cl-document {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
  .extra__table--row-3 .extra__tb-cl-protocol {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
  }
  .extra__table--row-3 .extra__tb-cl-learn {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 5;
  }
  .extra__table--row-3 > .extra__tb-cl--5 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 6;
    -ms-grid-column-span: 1;
  }
  .extra__table--row-3 .extra__tb-cl-date {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  .extra__table--row-3 .extra__tb-btn-row {
    -ms-grid-row: 2;
    -ms-grid-column: 7;
  }
  .extra__table--row-3 > .extra__tb-cl--5 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 6;
    -ms-grid-column-span: 1;
  }
  .trud__table--row-4 > .extra__tb-cl--5 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
  .trud__table--row-4.extra__tb-hd-row > .extra__tb-cl--5 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 1680px) {
  .trud__table--row-4 .extra__tb-cl--5 {
    padding-left: 23px;
    padding-right: 23px;
  }
}
@media (max-width: 1080px) {
  .trud__table--row-4 .extra__tb-cl--5 {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  .trud__table--row-4 .extra__tb-cl--5 {
    padding-left: 0;
    padding-right: 0;
  }
}
.trud__table--row-4 .trud__tb-cl-3 {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 1080px) {
  .trud__table--row-4 .trud__tb-cl-3 {
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  .trud__table--row-4 .trud__tb-cl-3 {
    padding-left: 0;
    padding-right: 0;
  }
}
.trud__table--row-4 .trud__tb-cl-4 {
  padding-left: 10px;
}

@media (max-width: 1680px) {
  .trud__table--row-4 .trud__tb-cl-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 1080px) {
  .trud__table--row-4 .trud__tb-cl-4 {
    padding-bottom: 0;
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media (max-width: 767px) {
  .trud__table--row-4 .trud__tb-cl-4 {
    padding-left: 0;
    padding-right: 0;
  }
}
.trud__table--row-4 .trud__tb-cl-5 {
  padding-left: 0;
  padding-right: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.extra__invalid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 10px;
  font-weight: 800;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #FF8075;
}

@media (max-width: 1680px) {
  .extra__invalid {
    font-size: 14px;
  }
}
@media (max-width: 580px) {
  .extra__invalid {
    gap: 5px;
    font-size: 12px;
  }
}
.extra__invalid svg,
.extra__invalid img {
  width: 21px;
  height: 21px;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

@media (max-width: 1680px) {
  .extra__invalid svg,
  .extra__invalid img {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 580px) {
  .extra__invalid svg,
  .extra__invalid img {
    width: 16px;
    height: 16px;
  }
}
.extra__tb-btn-update path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (hover: hover) {
  .extra__tb-btn-update:hover path {
    stroke: #5C5FE6;
    fill: none;
  }
}
.extra__tb-btn-update:focus-visible path {
  stroke: #5C5FE6;
  fill: none;
}

.extra__tb-btn-update:active path {
  stroke: #5C5FE6;
  fill: none;
}

.modal__order-new-footer {
  max-width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 430px 485px;
  grid-template-columns: 1fr 430px 485px;
  gap: 30px;
}

@media (max-width: 1680px) {
  .modal__order-new-footer {
    gap: 15px;
    -ms-grid-columns: 1fr 260px 426px;
    grid-template-columns: 1fr 260px 426px;
  }
}
@media (max-width: 1100px) {
  .modal__order-new-footer {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .modal__order-new-footer .modal__order-sl-cl {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    max-width: 484px;
  }
}
@media (max-width: 610px) {
  .modal__order-new-footer {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    gap: 12px;
  }
  .modal__order-new-footer .modal__order-sl-cl {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    max-width: 100%;
  }
}
.modal__order--select .select__check-title {
  padding-right: 40px;
}

.modal__order--select .blue {
  color: #4099F8;
}

.modal__order--select .input {
  background: url("../../assets/img/icon/search-icon.svg") no-repeat center left 15px/contain;
  background-size: 20px 20px;
  padding-left: 50px;
}

@media (max-width: 1240px) {
  .modal__order--select .input {
    background-size: 18px 18px;
    padding-left: 44px;
  }
}
.modal__pr-row--new {
  -ms-grid-columns: 24px 240px 1fr 1fr 230px;
  grid-template-columns: 24px 240px 1fr 1fr 230px;
}

@media (max-width: 1680px) {
  .modal__pr-row--new {
    -ms-grid-columns: 24px 175px 1fr 1fr 185px;
    grid-template-columns: 24px 175px 1fr 1fr 185px;
  }
}
@media (max-width: 1240px) {
  .modal__pr-row--new {
    -ms-grid-columns: 20px 125px 1fr 1fr 100px;
    grid-template-columns: 20px 125px 1fr 1fr 100px;
  }
}
@media screen and (max-width: 767px) {
  .modal__pr-row--new {
    -ms-grid-columns: 20px 1fr;
    grid-template-columns: 20px 1fr;
  }
}
.modal__pr-row--new .modal__pr-cl--5,
.modal__pr-row--new .modal__pr-cl-3 {
  border-left: 1px solid rgba(24, 24, 48, 0.1);
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1680px) {
  .modal__pr-row--new .modal__pr-cl--5,
  .modal__pr-row--new .modal__pr-cl-3 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .modal__pr-row--new .modal__pr-cl--5,
  .modal__pr-row--new .modal__pr-cl-3 {
    padding-left: 0;
    padding-right: 0;
    border-left: none;
  }
}
.modal__pr-row--new .modal__pr-cl-2 {
  padding-left: 30px;
  padding-right: 30px;
}

@media (max-width: 1680px) {
  .modal__pr-row--new .modal__pr-cl-2 {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1240px) {
  .modal__pr-row--new .modal__pr-cl-2 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .modal__pr-row--new .modal__pr-cl-2 {
    padding-left: 0;
    padding-right: 0;
  }
}
.modal__pr-row--new .modal__pr-cl-4 {
  padding-left: 50px;
  padding-right: 0;
}

@media (max-width: 1680px) {
  .modal__pr-row--new .modal__pr-cl-4 {
    padding-left: 20px;
  }
}
@media (max-width: 1240px) {
  .modal__pr-row--new .modal__pr-cl-4 {
    padding-left: 10px;
  }
}
@media (max-width: 767px) {
  .modal__pr-row--new .modal__pr-cl-4 {
    padding-left: 0;
  }
}
.modal__fate-container {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
}

@media (max-width: 1240px) {
  .modal__fate-container {
    margin-top: 18px;
    padding-top: 18px;
  }
}
@media (max-width: 767px) {
  .modal__fate-container {
    margin-top: 12px;
    padding-top: 12px;
  }
}
.modal__fate-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 10px;
}

.modal__fate-hd-label {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.modal__fate-hd-label-span {
  padding: 0;
  width: 24px;
  height: 24px;
}

@media (max-width: 1240px) {
  .modal__fate-hd-label-span {
    width: 20px;
    height: 20px;
  }
}
.modal__fate-hd-label-span::after, .modal__fate-hd-label-span::before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.modal__fate-hd-text {
  width: 100%;
  padding: 14px 16px;
  background: rgba(107, 110, 232, 0.1);
  border-radius: 8px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

@media (max-width: 1240px) {
  .modal__fate-hd-text {
    font-size: 16px;
  }
}
.modal__fate-hd-text span {
  font-weight: 300;
  font-size: 16px;
}

@media (max-width: 1240px) {
  .modal__fate-hd-text span {
    font-size: 14px;
  }
}
.modal__fate--row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 15px;
}

.modal__fate-num {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #6B6EE8;
}

@media (max-width: 1240px) {
  .modal__fate-num {
    font-size: 16px;
  }
}
.modal__fate-btn {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  text-decoration-line: underline;
  color: #181830;
}

@media (max-width: 1240px) {
  .modal__fate-btn {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .modal__fate-btn {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .modal__fate-btn:hover {
    color: #5C5FE6;
    text-decoration: none;
  }
}
@media (hover: none) {
  .modal__fate-btn:active {
    color: #5C5FE6;
    text-decoration: none;
  }
}
.modal__fate-btn:active {
  color: #8C8C98;
  text-decoration: none;
}

.checkbox-tree .modal__fate-list {
  padding-left: 0;
}

.modal__fate-list {
  margin-top: 13px;
  overflow: auto;
  padding-right: 5px;
  max-height: 360px;
}

@media (max-width: 1680px) {
  .modal__fate-list {
    margin-top: 11px;
  }
}
.modal__fate-inner {
  margin-top: 5px;
}

.modal__fate-inner + .modal__fate-inner {
  margin-top: 16px;
}

.modal__fate-label-span {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 110%;
  color: #181830;
}

@media (max-width: 1240px) {
  .modal__fate-label-span {
    font-size: 16px;
  }
  .modal__fate-label-span::after, .modal__fate-label-span::before {
    -webkit-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    transform: translateY(-10%);
  }
}
.modal__fate-footer-row {
  border: none;
  padding: 0;
  margin-top: 16px;
  -ms-grid-columns: 160px 120px;
  grid-template-columns: 160px 120px;
}

@media (max-width: 1680px) {
  .modal__fate-footer-row {
    -ms-grid-columns: 140px 140px;
    grid-template-columns: 140px 140px;
  }
}
@media (max-width: 767px) {
  .modal__fate-footer-row {
    margin-top: 12px;
  }
}
@media (max-width: 767px) {
  .modal__fate-footer-row {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.modal__fate-footer-row .modal-btn {
  grid-column: initial;
}

.modal__back-img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 130px;
  height: 130px;
  -o-object-fit: contain;
  object-fit: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #F3F6FB;
  border-radius: 24px;
}

@media (max-width: 1240px) {
  .modal__back-img {
    width: 116px;
    height: 116px;
  }
}
@media (max-width: 767px) {
  .modal__back-img {
    width: 72px;
    height: 72px;
    border-radius: 10px;
  }
}
.modal__back-img img,
.modal__back-img svg {
  width: 90%;
  height: 90%;
  -o-object-fit: contain;
  object-fit: contain;
}

.modal__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 767px) {
  .modal__back {
    display: block;
  }
}
@media (max-width: 767px) {
  .modal__back-wrapp {
    margin-top: 10px;
  }
}
.modal__back-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

@media (max-width: 1680px) {
  .modal__back-title {
    font-size: 21px;
  }
}
@media (max-width: 1240px) {
  .modal__back-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .modal__back-title {
    font-size: 16px;
  }
}
.modal__back-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 15px;
  min-width: 212px;
}

@media (max-width: 1680px) {
  .modal__back-btn {
    min-width: 180px;
  }
}
@media (max-width: 767px) {
  .modal__back-btn {
    margin-top: 10px;
  }
}
.creating-title-check {
  display: block;
  margin-bottom: 15px;
}

@media (max-width: 1680px) {
  .creating-title-check {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .creating-title-check {
    margin-top: 24px;
  }
}
.creating-title-check .label-check-span {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 800;
  font-size: 18px;
  line-height: 110%;
  color: #181830;
  padding-left: 35px;
}

@media (max-width: 1680px) {
  .creating-title-check .label-check-span {
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .creating-title-check .label-check-span {
    font-size: 14px;
    padding-left: 25px;
  }
}
@media (max-width: 767px) {
  .creating-title-check .label-check-span {
    font-size: 12px;
  }
}
.creating-title-check .label-check-span::after, .creating-title-check .label-check-span::before {
  width: 24px;
  height: 24px;
}

@media (max-width: 1240px) {
  .creating-title-check .label-check-span::after, .creating-title-check .label-check-span::before {
    width: 20px;
    height: 20px;
  }
}
.catalog__table-btn-wh {
  width: 27px;
  height: 27px;
}

@media (max-width: 1680px) {
  .catalog__table-btn-wh {
    width: 24px;
    height: 24px;
  }
}
.size-gap-10 {
  gap: 10px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.modal-courses {
  width: 100%;
  max-width: 1740px;
}

.modal-courses-wrapp {
  margin-top: 10px;
}

@media (max-width: 1680px) {
  .modal-courses-wrapp {
    margin-top: 20px;
  }
}
.modal-courses-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
  margin-top: 15px;
  min-width: 140px;
}

@media (max-width: 1240px) {
  .modal-courses-btn {
    margin-top: 10px;
  }
}
.modal-courses-btn + .modal-courses-wrapp {
  margin-top: 15px;
}

@media (max-width: 992px) {
  .modal-courses-btn + .modal-courses-wrapp {
    margin-top: 18px;
  }
}
.modal-courses-subtitle {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
  margin-bottom: 10px;
}

@media (max-width: 992px) {
  .modal-courses-subtitle {
    font-size: 14px;
  }
}
.modal-courses-search {
  margin-top: 15px;
}

.modal-courses-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

@media (max-width: 1680px) {
  .modal-courses-title {
    font-size: 21px;
  }
}
@media (max-width: 1240px) {
  .modal-courses-title {
    font-size: 18px;
  }
}
.modal-courses-cl {
  width: 32px;
  height: 32px;
}

@media (max-width: 1680px) {
  .modal-courses-cl {
    width: 27px;
    height: 27px;
  }
}
@media (max-width: 1240px) {
  .modal-courses-cl {
    width: 21px;
    height: 21px;
  }
}
.modal-courses-body {
  max-height: 300px;
}

@media (max-width: 1680px) {
  .modal-courses-body {
    max-height: 300px;
  }
}
@media (max-width: 1240px) {
  .modal-courses-body {
    max-height: 300px;
  }
}
.modal__editing {
  width: 100%;
  max-width: 1545px;
}

.modal__editing-wrapp {
  margin-top: 15px;
}

@media (max-width: 370px) {
  .modal__editing-wrapp .append__header-btn {
    min-width: 100px;
  }
}
.modal__editing-wrapp .user__head-info {
  font-size: 14px;
}

@media (max-width: 1680px) {
  .modal__editing-wrapp .user__head-info {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .modal__editing-wrapp .user__head-info {
    font-size: 14px;
  }
}
.modal__editing-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}

.modal__editing-cl {
  position: static;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

@media (max-width: 1680px) {
  .modal__editing-cl {
    width: 27px;
    height: 27px;
  }
}
@media (max-width: 1240px) {
  .modal__editing-cl {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 767px) {
  .modal__editing-cl {
    width: 19px;
    height: 19px;
  }
}
.modal__number-people {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 800;
  font-size: 21px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}

@media (max-width: 1680px) {
  .modal__number-people {
    font-size: 18px;
  }
}
@media (max-width: 1240px) {
  .modal__number-people {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .modal__number-people {
    font-size: 12px;
  }
}
.modal__new-order-hd {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
}

@media (max-width: 767px) {
  .modal__new-order-hd {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: 15px 10px;
  }
}
.modal__new-order-hd .search__wrapp {
  width: 502px;
}

@media (max-width: 1680px) {
  .modal__new-order-hd .search__wrapp {
    width: 542px;
  }
}
@media (max-width: 992px) {
  .modal__new-order-hd .search__wrapp {
    width: 390px;
  }
}
@media (max-width: 767px) {
  .modal__new-order-hd .search__wrapp {
    width: 100%;
    grid-column: 1/-1;
  }
}
@media (max-width: 767px) {
  .modal__new-order-hd .modal__new-form-btn {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    margin-left: auto;
    margin-right: 0;
    min-width: 115px;
  }
}
.modal__width-full {
  width: 100% !important;
  max-width: 1740px !important;
}

.modal__footer-row-fix {
  -ms-grid-columns: 120px 120px;
  grid-template-columns: 120px 120px;
}

@media (max-width: 767px) {
  .modal__footer-row-fix {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .modal__footer-row-fix .modal-btn:nth-last-child(1) {
    grid-column: initial;
  }
}
@media screen and (max-width: 767px) {
  .btn-dark,
  .btn-red,
  .btn-full {
    min-height: 33px;
  }
}
.--is-remove-icon-checkbox::after, .--is-remove-icon-checkbox::before {
  opacity: 0;
}

input:checked ~ .--is-remove-icon-checkbox::after, input:checked ~ .--is-remove-icon-checkbox::before {
  opacity: 0;
}

.trud__tb-hd1 {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 25px 1fr 25px auto 25px auto 25px auto 25px auto;
  grid-template-columns: auto 1fr repeat(5, auto);
      grid-template-areas: "trud__tb-hd-tl trud__tb-hd-num trud__tb-hd-dw trud__tb-hd-exp trud__tb-hd-btn-dw trud__tb-hd-btn-fr";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 25px;
}

@media screen and (max-width: 992px) {
  .trud__tb-hd1 {
    -ms-grid-columns: auto 12px 1fr 12px auto 12px auto;
    grid-template-columns: auto 1fr auto auto;
    -ms-grid-rows: auto 12px auto;
        grid-template-areas: "trud__tb-hd-tl  trud__tb-hd-tl trud__tb-hd-btn-fr trud__tb-hd-btn-fr" "trud__tb-hd-btn-dw trud__tb-hd-num trud__tb-hd-exp trud__tb-hd-dw";
    gap: 12px;
  }
}
@media (max-width: 600px) {
  .trud__tb-hd1 {
    -ms-grid-columns: auto 15px auto 15px 1fr;
    grid-template-columns: auto auto 1fr;
    -ms-grid-rows: auto 12px auto 12px auto 12px auto;
        grid-template-areas: "trud__tb-hd-tl trud__tb-hd-tl trud__tb-hd-tl" "trud__tb-hd-btn-fr trud__tb-hd-btn-fr trud__tb-hd-btn-fr" "trud__tb-hd-num  trud__tb-hd-btn-dw  trud__tb-hd-btn-dw" "trud__tb-hd-dw  trud__tb-hd-exp  trud__tb-hd-exp ";
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 12px 15px;
  }
}
/*-new pages -*/
.button-blue-light,
.button-red,
.button,
.button-color-blue,
.button-color-red,
.button-steel,
.button-blue-green {
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 12px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #f0f4f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
}
.button-blue-light svg,
.button-blue-light img,
.button-red svg,
.button-red img,
.button svg,
.button img,
.button-color-blue svg,
.button-color-blue img,
.button-color-red svg,
.button-color-red img,
.button-steel svg,
.button-steel img,
.button-blue-green svg,
.button-blue-green img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1680px) {
  .button-blue-light svg,
  .button-blue-light img,
  .button-red svg,
  .button-red img,
  .button svg,
  .button img,
  .button-color-blue svg,
  .button-color-blue img,
  .button-color-red svg,
  .button-color-red img,
  .button-steel svg,
  .button-steel img,
  .button-blue-green svg,
  .button-blue-green img {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 1680px) {
  .button-blue-light,
  .button-red,
  .button,
  .button-color-blue,
  .button-color-red,
  .button-steel,
  .button-blue-green {
    min-height: 44px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .button-blue-light,
  .button-red,
  .button,
  .button-color-blue,
  .button-color-red,
  .button-steel,
  .button-blue-green {
    min-height: 36px;
    padding: 8px 24px;
    border-radius: 8px;
    font-size: 14px;
  }
}
.button-blue-light:disabled, .button-blue-light.-is-disabled,
.button-red:disabled,
.button-red.-is-disabled,
.button:disabled,
.button.-is-disabled,
.button-color-blue:disabled,
.button-color-blue.-is-disabled,
.button-color-red:disabled,
.button-color-red.-is-disabled,
.button-steel:disabled,
.button-steel.-is-disabled,
.button-blue-green:disabled,
.button-blue-green.-is-disabled {
  background: #bcbcbc;
  color: #f0f4f8;
  border-color: #bcbcbc;
  pointer-events: none;
}

.button {
  background: #6b6ee8;
  color: #f0f4f8;
  fill: #f0f4f8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .button:hover {
    background: #2e307f;
  }
}
.button:focus-visible {
  background: #2e307f;
}
.button:active {
  background: #bcbcbc;
}

.btn-blue {
  border-color: #6b6ee8;
  background: #6b6ee8;
  color: #ffffff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .btn-blue:hover {
    background: none;
  }
}
.btn-blue:focus-visible {
  background: none;
}
.btn-blue:active {
  background: none;
}
@media (hover: hover) {
  .btn-blue:hover {
    border-color: #6b6ee8;
  }
}
.btn-blue:focus-visible {
  border-color: #6b6ee8;
}
.btn-blue:active {
  border-color: #5c5fe6;
}
@media (hover: hover) {
  .btn-blue:hover {
    color: #6b6ee8;
  }
}
.btn-blue:focus-visible {
  color: #6b6ee8;
}
.btn-blue:active {
  color: #5c5fe6;
}

.button-red {
  background: #ef4e4e;
  color: #f0f4f8;
  fill: #f0f4f8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .button-red:hover {
    background: #cf1124;
  }
}
.button-red:focus-visible {
  background: #cf1124;
}
.button-red:active {
  background: #bcbcbc;
}

.button-blue-light,
.button-more {
  border: 1px solid rgba(196, 198, 255, 0.4);
  background: rgba(196, 198, 255, 0.4);
  color: #6b6ee8;
  fill: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .button-blue-light:hover,
  .button-more:hover {
    background: rgba(196, 198, 255, 0.4);
  }
}
.button-blue-light:focus-visible,
.button-more:focus-visible {
  background: rgba(196, 198, 255, 0.4);
}
.button-blue-light:active,
.button-more:active {
  background: #e7ecf3;
}
@media (hover: hover) {
  .button-blue-light:hover,
  .button-more:hover {
    border-color: #6b6ee8;
  }
}
.button-blue-light:focus-visible,
.button-more:focus-visible {
  border-color: #6b6ee8;
}
.button-blue-light:active,
.button-more:active {
  border-color: #e7ecf3;
}
@media (hover: hover) {
  .button-blue-light:hover,
  .button-more:hover {
    fill: #6b6ee8;
  }
}
.button-blue-light:focus-visible,
.button-more:focus-visible {
  fill: #6b6ee8;
}
.button-blue-light:active,
.button-more:active {
  fill: #bcbcbc;
}
@media (hover: hover) {
  .button-blue-light:hover,
  .button-more:hover {
    color: #6b6ee8;
  }
}
.button-blue-light:focus-visible,
.button-more:focus-visible {
  color: #6b6ee8;
}
.button-blue-light:active,
.button-more:active {
  color: #bcbcbc;
}

.button-blue-green {
  border: 1px solid rgba(196, 198, 255, 0.4);
  background: rgba(39, 171, 131, 0.2);
  color: #27ab83;
  fill: #27ab83;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .button-blue-green:hover {
    background: rgba(39, 171, 131, 0.2);
  }
}
.button-blue-green:focus-visible {
  background: rgba(39, 171, 131, 0.2);
}
.button-blue-green:active {
  background: #e7ecf3;
}
@media (hover: hover) {
  .button-blue-green:hover {
    border-color: #27ab83;
  }
}
.button-blue-green:focus-visible {
  border-color: #27ab83;
}
.button-blue-green:active {
  border-color: #e7ecf3;
}
@media (hover: hover) {
  .button-blue-green:hover {
    fill: #27ab83;
  }
}
.button-blue-green:focus-visible {
  fill: #27ab83;
}
.button-blue-green:active {
  fill: #bcbcbc;
}
@media (hover: hover) {
  .button-blue-green:hover {
    color: #27ab83;
  }
}
.button-blue-green:focus-visible {
  color: #27ab83;
}
.button-blue-green:active {
  color: #bcbcbc;
}
.button-blue-green:disabled, .button-blue-green.-is-disabled {
  background: #e7ecf3;
  color: #bcbcbc;
  border-color: #e7ecf3;
  pointer-events: none;
}

.button-color-blue {
  color: #6b6ee8;
  fill: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .button-color-blue:hover {
    background: rgba(196, 198, 255, 0.4);
  }
}
.button-color-blue:focus-visible {
  background: rgba(196, 198, 255, 0.4);
}
.button-color-blue:active {
  background: none;
}
@media (hover: hover) {
  .button-color-blue:hover {
    color: #2e307f;
  }
}
.button-color-blue:focus-visible {
  color: #2e307f;
}
.button-color-blue:active {
  color: #bcbcbc;
}
@media (hover: hover) {
  .button-color-blue:hover {
    fill: #2e307f;
  }
}
.button-color-blue:focus-visible {
  fill: #2e307f;
}
.button-color-blue:active {
  fill: #bcbcbc;
}
.button-color-blue.-is-disabled {
  background: none;
  color: #bcbcbc;
  border-color: none;
  pointer-events: none;
  fill: #bcbcbc;
}

.button-color-red {
  color: #ef4e4e;
  fill: #ef4e4e;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .button-color-red:hover {
    background: rgba(239, 78, 78, 0.1);
  }
}
.button-color-red:focus-visible {
  background: rgba(239, 78, 78, 0.1);
}
.button-color-red:active {
  background: none;
}
@media (hover: hover) {
  .button-color-red:hover {
    color: #cf1124;
  }
}
.button-color-red:focus-visible {
  color: #cf1124;
}
.button-color-red:active {
  color: #bcbcbc;
}
@media (hover: hover) {
  .button-color-red:hover {
    fill: #cf1124;
  }
}
.button-color-red:focus-visible {
  fill: #cf1124;
}
.button-color-red:active {
  fill: #bcbcbc;
}
.button-color-red.-is-disabled {
  background: none;
  color: #bcbcbc;
  border-color: none;
  pointer-events: none;
  fill: #bcbcbc;
}

.button-steel {
  color: #486581;
  fill: #486581;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .button-steel:hover {
    color: #2e307f;
  }
}
.button-steel:focus-visible {
  color: #2e307f;
}
.button-steel:active {
  color: #bcbcbc;
}
@media (hover: hover) {
  .button-steel:hover {
    fill: #2e307f;
  }
}
.button-steel:focus-visible {
  fill: #2e307f;
}
.button-steel:active {
  fill: #bcbcbc;
}
.button-steel.-is-disabled {
  background: none;
  color: #bcbcbc;
  border-color: none;
  pointer-events: none;
  fill: #bcbcbc;
}

.button__back {
  gap: 12px;
  padding: 12px;
  fill: #486581;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #486581;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .button__back:hover {
    fill: #2e307f;
  }
}
.button__back:focus-visible {
  fill: #2e307f;
}
.button__back:active {
  fill: #2e307f;
}
@media (hover: hover) {
  .button__back:hover {
    color: #2e307f;
  }
}
.button__back:focus-visible {
  color: #2e307f;
}
.button__back:active {
  color: #2e307f;
}
@media screen and (max-width: 1680px) {
  .button__back {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .button__back {
    padding: 10px 12px;
    gap: 0;
  }
  .button__back span {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .button__back {
    padding: 8px;
  }
}
.button__back svg,
.button__back img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1680px) {
  .button__back svg,
  .button__back img {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .button__back svg,
  .button__back img {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .button__back svg,
  .button__back img {
    width: 20px;
    height: 20px;
  }
}

.button-price {
  fill: #6b6ee8;
  padding: 12px;
  border-radius: 12px;
  gap: 12px;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  color: #27ab83;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  fill: #27ab83;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (hover: hover) {
  .button-price:hover {
    background: rgba(39, 171, 131, 0.2);
  }
}
.button-price:focus-visible {
  background: rgba(39, 171, 131, 0.2);
}
.button-price:active {
  background: rgba(39, 171, 131, 0.2);
}
@media screen and (max-width: 1680px) {
  .button-price {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .button-price {
    padding: 10px 12px;
  }
  .button-price span {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .button-price {
    padding: 8px;
  }
}
.button-price img,
.button-price svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1680px) {
  .button-price img,
  .button-price svg {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .button-price img,
  .button-price svg {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .button-price img,
  .button-price svg {
    width: 20px;
    height: 20px;
  }
}

.link-blue {
  color: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .link-blue:hover {
    text-decoration: underline;
  }
}
.link-blue:focus-visible {
  text-decoration: underline;
}
.link-blue:active {
  text-decoration: none;
}
@media (hover: hover) {
  .link-blue:hover {
    color: #2e307f;
  }
}
.link-blue:focus-visible {
  color: #2e307f;
}
.link-blue:active {
  color: #bcbcbc;
}

.link-red {
  color: #ef4e4e;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .link-red:hover {
    text-decoration: underline;
  }
}
.link-red:focus-visible {
  text-decoration: underline;
}
.link-red:active {
  text-decoration: none;
}
@media (hover: hover) {
  .link-red:hover {
    color: #cf1124;
  }
}
.link-red:focus-visible {
  color: #cf1124;
}
.link-red:active {
  color: #bcbcbc;
}

.button-more {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 44px;
  border-radius: 12px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1240px) {
  .button-more {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .button-more {
    padding: 8px 24px;
    font-size: 14px;
    border-radius: 8px;
    min-height: 33px;
  }
}

.btn-primary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color-white);
  background: var(--color-blue-primary);
  border-radius: 50px;
  text-align: center;
  font-weight: 600;
  line-height: 110%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid transparent;
}
@media (min-width: 1920px) {
  .btn-primary {
    padding-top: 11px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .btn-primary {
    padding-top: calc(
				8px + 3 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .btn-primary {
    padding-top: 8px;
  }
}
@media (min-width: 1920px) {
  .btn-primary {
    padding-bottom: 11px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .btn-primary {
    padding-bottom: calc(
				8px + 3 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .btn-primary {
    padding-bottom: 8px;
  }
}
@media (min-width: 1920px) {
  .btn-primary {
    padding-left: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .btn-primary {
    padding-left: calc(
				16px + 8 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .btn-primary {
    padding-left: 16px;
  }
}
@media (min-width: 1920px) {
  .btn-primary {
    padding-right: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .btn-primary {
    padding-right: calc(
				16px + 8 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .btn-primary {
    padding-right: 16px;
  }
}
@media (min-width: 1920px) {
  .btn-primary {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .btn-primary {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .btn-primary {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .btn-primary {
    min-height: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .btn-primary {
    min-height: calc(
				36px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .btn-primary {
    min-height: 36px;
  }
}
.btn-primary svg path {
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}
@media screen and (hover: hover) {
  .btn-primary:hover {
    color: var(--color-blue-primary);
    border-color: var(--color-blue-primary);
    background-color: transparent;
  }
  .btn-primary:hover svg path {
    fill: var(--color-blue-primary);
  }
}
.btn-primary:active {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}

.btn-secondary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color-blue-primary);
  background: var(--color-light-periwinkle-40);
  border-radius: 50px;
  text-align: center;
  font-weight: 600;
  line-height: 110%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1920px) {
  .btn-secondary {
    padding-top: 11px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .btn-secondary {
    padding-top: calc(
				8px + 3 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .btn-secondary {
    padding-top: 8px;
  }
}
@media (min-width: 1920px) {
  .btn-secondary {
    padding-bottom: 11px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .btn-secondary {
    padding-bottom: calc(
				8px + 3 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .btn-secondary {
    padding-bottom: 8px;
  }
}
@media (min-width: 1920px) {
  .btn-secondary {
    padding-left: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .btn-secondary {
    padding-left: calc(
				16px + 8 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .btn-secondary {
    padding-left: 16px;
  }
}
@media (min-width: 1920px) {
  .btn-secondary {
    padding-right: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .btn-secondary {
    padding-right: calc(
				16px + 8 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .btn-secondary {
    padding-right: 16px;
  }
}
@media (min-width: 1920px) {
  .btn-secondary {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .btn-secondary {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .btn-secondary {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .btn-secondary {
    min-height: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .btn-secondary {
    min-height: calc(
				36px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .btn-secondary {
    min-height: 36px;
  }
}
@media screen and (hover: hover) {
  .btn-secondary:hover {
    color: var(--color-white);
    background-color: var(--color-blue-primary);
  }
}
.btn-secondary:active {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}

.fw-800 {
  font-weight: 600;
}

.extrabold {
  font-weight: 800 !important;
}

.semibold {
  font-weight: 600 !important;
}

.medium {
  font-weight: 500 !important;
}

.regular {
  font-weight: 400 !important;
}

.light {
  font-weight: 300 !important;
}

.tab__label-span {
  font-weight: 600;
}

@media (min-width: 1920px) {
  .font-size-50 {
    font-size: 50px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .font-size-50 {
    font-size: calc(
				40px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .font-size-50 {
    font-size: 40px;
  }
}
@media (max-width: 1240px) and (min-width: 1240px) {
  .font-size-50 {
    font-size: 40px;
  }
}
@media (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .font-size-50 {
    font-size: calc(
				32px + 8 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media (max-width: 1240px) and (max-width: 768px) {
  .font-size-50 {
    font-size: 32px;
  }
}
@media (max-width: 767px) and (min-width: 768px) {
  .font-size-50 {
    font-size: 32px;
  }
}
@media (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .font-size-50 {
    font-size: calc(
				24px + 8 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media (max-width: 767px) and (max-width: 360px) {
  .font-size-50 {
    font-size: 24px;
  }
}

.font-size-42 {
  font-size: 42px;
}
@media (max-width: 1680px) {
  .font-size-42 {
    font-size: 36px;
  }
}
@media (max-width: 1240px) {
  .font-size-42 {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .font-size-42 {
    font-size: 22px;
  }
}

.font-size-32 {
  font-size: 32px;
}
@media (max-width: 1680px) {
  .font-size-32 {
    font-size: 26px;
  }
}
@media (max-width: 1240px) {
  .font-size-32 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .font-size-32 {
    font-size: 20px;
  }
}

.font-size-24 {
  font-size: 24px;
}
@media (max-width: 1680px) {
  .font-size-24 {
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .font-size-24 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .font-size-24 {
    font-size: 16px;
  }
}

.font-size-20 {
  font-size: 20px;
}
@media screen and (max-width: 1680px) {
  .font-size-20 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .font-size-20 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .font-size-20 {
    font-size: 14px;
  }
}

.font-size-18 {
  font-size: 18px;
}
@media (max-width: 1680px) {
  .font-size-18 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .font-size-18 {
    font-size: 14px;
  }
}

.font-size-16 {
  font-size: 16px;
}
@media (max-width: 1680px) {
  .font-size-16 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .font-size-16 {
    font-size: 12px;
  }
}

.link {
  font-size: inherit;
  font-weight: inherit;
  color: var(--color-blue-primary);
}
@media screen and (hover: hover) {
  .link:hover {
    color: var(--color-golden);
  }
}
.link:active {
  opacity: 0.5;
}

.text-20 {
  line-height: var(--line-height-text);
  font-weight: 500;
}
@media (min-width: 1920px) {
  .text-20 {
    font-size: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .text-20 {
    font-size: calc(
				14px + 6 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .text-20 {
    font-size: 14px;
  }
}

.text-18 {
  line-height: var(--line-height-text);
  font-weight: 500;
}
@media (min-width: 1920px) {
  .text-18 {
    font-size: 18px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .text-18 {
    font-size: calc(
				14px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .text-18 {
    font-size: 14px;
  }
}

.search {
  position: relative;
  width: 100%;
}
.search.-is-active .search__list {
  display: block;
}

.search__list {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 106%;
  z-index: 2;
  background: #F0F4F8;
  border-radius: 12px;
  overflow: auto;
  max-height: 300px;
}
@media screen and (max-width: 767px) {
  .search__list {
    max-height: 260;
  }
}

.search__list-inner {
  padding: 12px 20px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .search__list-inner:hover {
    background: rgba(107, 110, 232, 0.1);
  }
}
.search__list-inner:focus-visible {
  background: rgba(107, 110, 232, 0.1);
}
.search__list-inner:active {
  background: rgba(107, 110, 232, 0.1);
}
@media screen and (max-width: 1680px) {
  .search__list-inner {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .search__list-inner {
    font-size: 12px;
  }
}

.search__wrapp {
  width: 100%;
}

@-webkit-keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}
@-webkit-keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes plyr-popup {
  0% {
    opacity: 0.5;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes plyr-fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  direction: ltr;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  max-width: 100%;
  min-width: 200px;
  position: relative;
  text-shadow: none;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  z-index: 0;
}

.plyr audio,
.plyr iframe,
.plyr video {
  display: block;
  height: 100%;
  width: 100%;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.plyr--full-ui a,
.plyr--full-ui button,
.plyr--full-ui input,
.plyr--full-ui label {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: #fff;
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  line-height: 1;
  padding: 3px 4px;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  -webkit-animation: plyr-fade-in 0.3s ease;
          animation: plyr-fade-in 0.3s ease;
  bottom: 0;
  display: none;
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  left: 0;
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  position: absolute;
  text-align: center;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  transition: -webkit-transform 0.4s ease-in-out;
  -o-transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  width: 100%;
}

.plyr__captions span:empty {
  display: none;
}

@media (min-width: 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}
@media (min-width: 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}
.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
  -webkit-transform: translateY(-40px);
      -ms-transform: translateY(-40px);
          transform: translateY(-40px);
  -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
      -ms-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
          transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: rgba(0, 0, 0, 0.8);
  background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
  border-radius: 2px;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: #fff;
  color: var(--plyr-captions-text-color, #fff);
  line-height: 185%;
  padding: 0.2em 0.5em;
  white-space: pre-wrap;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 4px;
  border-radius: var(--plyr-control-radius, 4px);
  color: inherit;
  cursor: pointer;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: visible;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
  position: relative;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.plyr__control svg {
  fill: currentColor;
  display: block;
  height: 18px;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: 18px;
  width: var(--plyr-control-icon-size, 18px);
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control:focus-visible {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

a.plyr__control {
  text-decoration: none;
}

.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: center;
}

.plyr__controls .plyr__progress__container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr [data-plyr=airplay],
.plyr [data-plyr=captions],
.plyr [data-plyr=fullscreen],
.plyr [data-plyr=pip],
.plyr__controls:empty {
  display: none;
}

.plyr--airplay-supported [data-plyr=airplay],
.plyr--captions-enabled [data-plyr=captions],
.plyr--fullscreen-enabled [data-plyr=fullscreen],
.plyr--pip-supported [data-plyr=pip] {
  display: inline-block;
}

.plyr__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.plyr__menu .plyr__control[aria-expanded=true] svg {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  -webkit-animation: plyr-popup 0.2s ease;
          animation: plyr-popup 0.2s ease;
  background: rgba(255, 255, 255, 0.9019607843);
  background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
          box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  margin-bottom: 10px;
  position: absolute;
  right: -3px;
  text-align: left;
  white-space: nowrap;
  z-index: 3;
}

.plyr__menu__container > div {
  overflow: hidden;
  -webkit-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.plyr__menu__container:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border-top-color: rgba(255, 255, 255, 0.9019607843);
  border: var(--plyr-menu-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, 0.9019607843));
  content: "";
  height: 0;
  position: absolute;
  right: 14px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7 - var(--plyr-menu-arrow-size, 4px) / 2);
  top: 100%;
  width: 0;
}

.plyr__menu__container [role=menu] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container [role=menuitem],
.plyr__menu__container [role=menuitemradio] {
  margin-top: 2px;
}

.plyr__menu__container [role=menuitem]:first-child,
.plyr__menu__container [role=menuitemradio]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #4a5464;
  color: var(--plyr-menu-color, #4a5464);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding: 4.66667px 10.5px;
  padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5);
  -webkit-user-select: none;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  width: 100%;
}

.plyr__menu__container .plyr__control > span {
  -webkit-box-align: inherit;
      -ms-flex-align: inherit;
          align-items: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid rgba(0, 0, 0, 0);
  border: var(--plyr-menu-item-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: initial;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
  margin-bottom: 3.5px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  padding-left: 28px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
  position: relative;
  width: calc(100% - 14px);
  width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  -webkit-box-shadow: 0 1px 0 #fff;
          box-shadow: 0 1px 0 #fff;
  -webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
          box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  height: 1px;
  left: 0;
  margin-top: 3.5px;
  margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
}

.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: initial;
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after,
.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:before {
  background: rgba(0, 0, 0, 0.1019607843);
  content: "";
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 16px;
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 16px;
}

.plyr__menu__container .plyr__control[role=menuitemradio]:after {
  background: #fff;
  border: 0;
  height: 6px;
  left: 12px;
  opacity: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(0);
      -ms-transform: translateY(-50%) scale(0);
          transform: translateY(-50%) scale(0);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease;
  transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
  width: 6px;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before {
  background: #00b2ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
      -ms-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}

.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,
.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before {
  background: rgba(35, 40, 47, 0.1019607843);
}

.plyr__menu__container .plyr__menu__value {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: -5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2px);
  overflow: hidden;
  padding-left: 24.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
  pointer-events: none;
}

.plyr--full-ui input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: #00b2ff;
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  display: block;
  height: 19px;
  height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
  margin: 0;
  min-width: 0;
  padding: 0;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  width: 100%;
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), color-stop(0, rgba(0, 0, 0, 0)));
  background-image: linear-gradient(90deg, currentColor 0, rgba(0, 0, 0, 0) 0);
  background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, currentColor var(--value, 0), rgba(0, 0, 0, 0) var(--value, 0));
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -webkit-transition: box-shadow 0.3s ease;
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
}

.plyr--full-ui input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
          box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
          box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: -4px;
  margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px)) / 2 * -1);
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -moz-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -moz-user-select: none;
       user-select: none;
}

.plyr--full-ui input[type=range]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  position: relative;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-moz-range-progress {
  background: currentColor;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
}

.plyr--full-ui input[type=range]::-ms-track {
  color: rgba(0, 0, 0, 0);
}

.plyr--full-ui input[type=range]::-ms-fill-upper,
.plyr--full-ui input[type=range]::-ms-track {
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
}

.plyr--full-ui input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0);
  background: currentColor;
  border: 0;
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  -ms-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  -ms-user-select: none;
      user-select: none;
}

.plyr--full-ui input[type=range]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  border: 0;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2));
  height: 13px;
  height: var(--plyr-range-thumb-height, 13px);
  margin-top: 0;
  position: relative;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  width: 13px;
  width: var(--plyr-range-thumb-height, 13px);
}

.plyr--full-ui input[type=range]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type=range]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type=range]:focus {
  outline: 0;
}

.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr--full-ui input[type=range]:focus-visible::-ms-track {
  outline: 2px dashed #00b2ff;
  outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  outline-offset: 2px;
}

.plyr__poster {
  background-color: #000;
  background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: 1;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
  display: none;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}

@media (max-width: 767px) {
  .plyr__time + .plyr__time {
    display: none;
  }
}
.plyr__tooltip {
  background: #fff;
  background: var(--plyr-tooltip-background, #fff);
  border-radius: 5px;
  border-radius: var(--plyr-tooltip-radius, 5px);
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
          box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  color: #4a5464;
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  left: 50%;
  line-height: 1.3;
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(var(--plyr-control-spacing, 10px) / 2 * 1.5);
  pointer-events: none;
  position: absolute;
  -webkit-transform: translate(-50%, 10px) scale(0.8);
      -ms-transform: translate(-50%, 10px) scale(0.8);
          transform: translate(-50%, 10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  -o-transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  white-space: nowrap;
  z-index: 2;
}

.plyr__tooltip:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr .plyr__control:hover .plyr__tooltip,
.plyr__tooltip--visible {
  opacity: 1;
  -webkit-transform: translate(-50%) scale(1);
      -ms-transform: translate(-50%) scale(1);
          transform: translate(-50%) scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  left: 0;
  -webkit-transform: translateY(10px) scale(0.8);
      -ms-transform: translateY(10px) scale(0.8);
          transform: translateY(10px) scale(0.8);
  -webkit-transform-origin: 0 100%;
      -ms-transform-origin: 0 100%;
          transform-origin: 0 100%;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip:before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  left: auto;
  right: 0;
  -webkit-transform: translateY(10px) scale(0.8);
      -ms-transform: translateY(10px) scale(0.8);
          transform: translateY(10px) scale(0.8);
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7);
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  -webkit-transform: translate(0) scale(1);
      -ms-transform: translate(0) scale(1);
          transform: translate(0) scale(1);
}

.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress input[type=range],
.plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
  width: calc(100% + 13px);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
}

.plyr__progress input[type=range] {
  position: relative;
  z-index: 2;
}

.plyr__progress .plyr__tooltip {
  left: 0;
  max-width: 120px;
  overflow-wrap: break-word;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 100px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  margin-top: -2.5px;
  margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
  padding: 0;
  position: absolute;
  top: 50%;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: rgba(0, 0, 0, 0);
}

.plyr__progress__buffer::-webkit-progress-value {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -webkit-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-moz-progress-bar {
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  min-width: var(--plyr-range-track-height, 5px);
  -moz-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  -ms-transition: width 0.2s ease;
  transition: width 0.2s ease;
}

.plyr--loading .plyr__progress__buffer {
  -webkit-animation: plyr-progress 1s linear infinite;
          animation: plyr-progress 1s linear infinite;
  background-image: -o-linear-gradient(135deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
  background-image: linear-gradient(-45deg, rgba(35, 40, 47, 0.6) 25%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%, rgba(35, 40, 47, 0.6) 0, rgba(35, 40, 47, 0.6) 75%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(135deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, 0.6)) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: rgba(0, 0, 0, 0);
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr__progress__marker {
  background-color: #fff;
  background-color: var(--plyr-progress-marker-background, #fff);
  border-radius: 1px;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 3px;
  width: var(--plyr-progress-marker-width, 3px);
  z-index: 3;
}

.plyr__volume {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.plyr__volume input[type=range] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  max-width: 90px;
  min-width: 60px;
  position: relative;
  z-index: 2;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: #4a5464;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
  background-color: rgba(193, 200, 209, 0.6);
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
          box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
          box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1019607843));
}

.plyr--audio .plyr__progress__buffer {
  color: rgba(193, 200, 209, 0.6);
  color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6));
}

.plyr--video {
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  background: var(--plyr-video-background, var(--plyr-video-background, #000));
  border-radius: inherit;
  height: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.plyr__video-embed,
.plyr__video-wrapper--fixed-ratio {
  aspect-ratio: 16/9;
}

@supports not (aspect-ratio: 16/9) {
  .plyr__video-embed,
  .plyr__video-wrapper--fixed-ratio {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
  }
}
.plyr__video-embed iframe,
.plyr__video-wrapper--fixed-ratio video {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  -webkit-transform: translateY(-38.28125%);
      -ms-transform: translateY(-38.28125%);
          transform: translateY(-38.28125%);
}

.plyr--video .plyr__controls {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7490196078)));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  bottom: 0;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  left: 0;
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  position: absolute;
  right: 0;
  -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
  z-index: 3;
}

@media (min-width: 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}
.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
}

.plyr--video .plyr__control:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  color: #fff;
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: #00b2ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
  border: 0;
  border-radius: 100%;
  color: #fff;
  color: var(--plyr-video-control-color, #fff);
  display: none;
  left: 50%;
  opacity: 0.9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  z-index: 2;
}

.plyr__control--overlaid svg {
  left: 2px;
  position: relative;
}

.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
  background-color: rgba(255, 255, 255, 0.2509803922);
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922)));
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
  -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
          box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
          box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
  box-shadow: 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(255, 255, 255, 0.5019607843);
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.1490196078), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(255, 255, 255, 0.5019607843));
}

.plyr--video .plyr__progress__buffer {
  color: rgba(255, 255, 255, 0.2509803922);
  color: var(--plyr-video-progress-buffered-background, rgba(255, 255, 255, 0.2509803922));
}

.plyr:-webkit-full-screen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-ms-fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:fullscreen {
  background: #000;
  border-radius: 0 !important;
  height: 100%;
  margin: 0;
  width: 100%;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:fullscreen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

.plyr:fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr--fullscreen-fallback {
  background: #000;
  border-radius: 0 !important;
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10000000;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (min-width: 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}
.plyr__ads {
  border-radius: inherit;
  bottom: 0;
  cursor: pointer;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.plyr__ads > div,
.plyr__ads > div iframe {
  height: 100%;
  position: absolute;
  width: 100%;
}

.plyr__ads:after {
  background: #23282f;
  border-radius: 2px;
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  font-size: 11px;
  padding: 2px 6px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
}

.plyr__ads:empty:after {
  display: none;
}

.plyr__cues {
  background: currentColor;
  display: block;
  height: 5px;
  height: var(--plyr-range-track-height, 5px);
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 3px;
  z-index: 3;
}

.plyr__preview-thumb {
  background-color: #fff;
  background-color: var(--plyr-tooltip-background, #fff);
  border-radius: 8px;
  border-radius: var(--plyr-menu-radius, 8px);
  bottom: 100%;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
          box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.1490196078));
  margin-bottom: 10px;
  margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
  opacity: 0;
  padding: 3px;
  pointer-events: none;
  position: absolute;
  -webkit-transform: translateY(10px) scale(0.8);
      -ms-transform: translateY(10px) scale(0.8);
          transform: translateY(10px) scale(0.8);
  -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  -o-transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
  transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
  z-index: 2;
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  -webkit-transform: translate(0) scale(1);
      -ms-transform: translate(0) scale(1);
          transform: translate(0) scale(1);
}

.plyr__preview-thumb:before {
  border-left: 4px solid rgba(0, 0, 0, 0);
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-right: 4px solid rgba(0, 0, 0, 0);
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid rgba(0, 0, 0, 0);
  border-top: 4px solid #fff;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  height: 0;
  left: calc(50% + var(--preview-arrow-offset));
  position: absolute;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  z-index: 2;
}

.plyr__preview-thumb__image-container {
  background: #c1c8d1;
  border-radius: 7px;
  border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.plyr__preview-thumb__image-container img,
.plyr__preview-thumb__image-container:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr__preview-thumb__image-container:after {
  border-radius: inherit;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1490196078);
  content: "";
  pointer-events: none;
}

.plyr__preview-thumb__image-container img {
  max-height: none;
  max-width: none;
}

.plyr__preview-thumb__time-container {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7490196078)));
  background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078));
  background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7490196078)));
  border-bottom-left-radius: 7px;
  border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  border-bottom-right-radius: 7px;
  border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
  bottom: 0;
  left: 0;
  line-height: 1.1;
  padding: 20px 6px 6px;
  position: absolute;
  right: 0;
  z-index: 3;
}

.plyr__preview-thumb__time-container span {
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__preview-scrubbing {
  bottom: 0;
  -webkit-filter: blur(1px);
          filter: blur(1px);
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  width: 100%;
  z-index: 1;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  height: 100%;
  left: 0;
  max-height: none;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.plyr--no-transition {
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}

.plyr__sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  border: 0 !important;
  height: 1px !important;
  overflow: hidden;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.plyr [hidden] {
  display: none !important;
}

.glightbox-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999 !important;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  outline: 0;
}

.glightbox-container.inactive {
  display: none;
}

.glightbox-container .gcontainer {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: hidden;
}

.glightbox-container .gslider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.glightbox-container .gslide {
  width: 100%;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
}

.glightbox-container .gslide.current {
  opacity: 1;
  z-index: 99999;
  position: relative;
}

.glightbox-container .gslide.prev {
  opacity: 1;
  z-index: 9999;
}

.glightbox-container .gslide-inner-content {
  width: 100%;
}

.glightbox-container .ginner-container {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 100%;
  margin: auto;
  height: 100vh;
}

.glightbox-container .ginner-container.gvideo-container {
  width: 100%;
}

.glightbox-container .ginner-container.desc-bottom, .glightbox-container .ginner-container.desc-top {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.glightbox-container .ginner-container.desc-left, .glightbox-container .ginner-container.desc-right {
  max-width: 100% !important;
}

.gslide iframe, .gslide video {
  outline: 0 !important;
  border: none;
  min-height: 165px;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: auto;
  touch-action: auto;
}

.gslide:not(.current) {
  pointer-events: none;
}

.gslide-image {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.gslide-image img {
  max-height: 100vh;
  display: block;
  padding: 0;
  float: none;
  outline: 0;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 100vw;
  width: auto;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-touch-action: none;
  touch-action: none;
  margin: auto;
  min-width: 200px;
}

.desc-bottom .gslide-image img, .desc-top .gslide-image img {
  width: auto;
}

.desc-left .gslide-image img, .desc-right .gslide-image img {
  width: auto;
  max-width: 100%;
}

.gslide-image img.zoomable {
  position: relative;
}

.gslide-image img.dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.gslide-video {
  position: relative;
  max-width: 100vh;
  width: 100% !important;
}

.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster {
  display: none;
}

.gslide-video .gvideo-wrapper {
  width: 100%;
  margin: auto;
}

.gslide-video::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 0, 0, 0.34);
  display: none;
}

.gslide-video.playing::before {
  display: none;
}

.gslide-video.fullscreen {
  max-width: 100% !important;
  min-width: 100%;
  height: 75vh;
}

.gslide-video.fullscreen video {
  max-width: 100% !important;
  width: 100% !important;
}

.gslide-inline {
  background: #fff;
  text-align: left;
  max-height: calc(100vh - 40px);
  overflow: auto;
  max-width: 100%;
  margin: auto;
}

.gslide-inline .ginlined-content {
  padding: 20px;
  width: 100%;
}

.gslide-inline .dragging {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

.ginlined-content {
  overflow: auto;
  display: block !important;
  opacity: 1;
}

.gslide-external {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-width: 100%;
  background: #fff;
  padding: 0;
  overflow: auto;
  max-height: 75vh;
  height: 100%;
}

.gslide-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}

.zoomed .gslide-media {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.desc-bottom .gslide-media, .desc-top .gslide-media {
  margin: 0 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gslide-description {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
}

.gslide-description.description-left, .gslide-description.description-right {
  max-width: 100%;
}

.gslide-description.description-bottom, .gslide-description.description-top {
  margin: 0 auto;
  width: 100%;
}

.gslide-description p {
  margin-bottom: 12px;
}

.gslide-description p:last-child {
  margin-bottom: 0;
}

.zoomed .gslide-description {
  display: none;
}

.glightbox-button-hidden {
  display: none;
}

.glightbox-mobile .glightbox-container .gslide-description {
  height: auto !important;
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 19px 11px;
  max-width: 100vw !important;
  -webkit-box-ordinal-group: 3 !important;
  -ms-flex-order: 2 !important;
  order: 2 !important;
  max-height: 78vh;
  overflow: auto !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.75) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.75) 100%);
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
  padding-bottom: 50px;
}

.glightbox-mobile .glightbox-container .gslide-title {
  color: #fff;
  font-size: 1em;
}

.glightbox-mobile .glightbox-container .gslide-desc {
  color: #a1a1a1;
}

.glightbox-mobile .glightbox-container .gslide-desc a {
  color: #fff;
  font-weight: 700;
}

.glightbox-mobile .glightbox-container .gslide-desc * {
  color: inherit;
}

.glightbox-mobile .glightbox-container .gslide-desc .desc-more {
  color: #fff;
  opacity: 0.4;
}

.gdesc-open .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 0.4;
}

.gdesc-open .gdesc-inner {
  padding-bottom: 30px;
}

.gdesc-closed .gslide-media {
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  opacity: 1;
}

.greset {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.gabsolute {
  position: absolute;
}

.grelative {
  position: relative;
}

.glightbox-desc {
  display: none !important;
}

.glightbox-open {
  overflow: hidden;
}

.gloader {
  height: 25px;
  width: 25px;
  -webkit-animation: lightboxLoader 0.8s infinite linear;
  animation: lightboxLoader 0.8s infinite linear;
  border: 2px solid #fff;
  border-right-color: transparent;
  border-radius: 50%;
  position: absolute;
  display: block;
  z-index: 9999;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 47%;
}

.goverlay {
  width: 100%;
  height: calc(100vh + 1px);
  position: fixed;
  top: -1px;
  left: 0;
  background: #000;
  will-change: opacity;
}

.glightbox-mobile .goverlay {
  background: #000;
}

.gclose, .gnext, .gprev {
  z-index: 99999;
  cursor: pointer;
  width: 26px;
  height: 44px;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.gclose svg, .gnext svg, .gprev svg {
  display: block;
  width: 25px;
  height: auto;
  margin: 0;
  padding: 0;
}

.gclose.disabled, .gnext.disabled, .gprev.disabled {
  opacity: 0.1;
}

.gclose .garrow, .gnext .garrow, .gprev .garrow {
  stroke: #fff;
}

.gbtn.focused {
  outline: 2px solid #0f3d81;
}

iframe.wait-autoplay {
  opacity: 0;
}

.glightbox-closing .gclose, .glightbox-closing .gnext, .glightbox-closing .gprev {
  opacity: 0 !important;
}

.glightbox-clean .gslide-description {
  background: #fff;
}

.glightbox-clean .gdesc-inner {
  padding: 22px 20px;
}

.glightbox-clean .gslide-title {
  font-size: 1em;
  font-weight: 400;
  font-family: arial;
  color: #000;
  margin-bottom: 19px;
  line-height: 1.4em;
}

.glightbox-clean .gslide-desc {
  font-size: 0.86em;
  margin-bottom: 0;
  font-family: arial;
  line-height: 1.4em;
}

.glightbox-clean .gslide-video {
  background: #000;
}

.glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
}

.glightbox-clean .gclose path, .glightbox-clean .gnext path, .glightbox-clean .gprev path {
  fill: #fff;
}

.glightbox-clean .gprev {
  position: absolute;
  top: -100%;
  left: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gnext {
  position: absolute;
  top: -100%;
  right: 30px;
  width: 40px;
  height: 50px;
}

.glightbox-clean .gclose {
  width: 35px;
  height: 35px;
  top: 15px;
  right: 10px;
  position: absolute;
}

.glightbox-clean .gclose svg {
  width: 18px;
  height: auto;
}

.glightbox-clean .gclose:hover {
  opacity: 1;
}

.gfadeIn {
  -webkit-animation: gfadeIn 0.5s ease;
  animation: gfadeIn 0.5s ease;
}

.gfadeOut {
  -webkit-animation: gfadeOut 0.5s ease;
  animation: gfadeOut 0.5s ease;
}

.gslideOutLeft {
  -webkit-animation: gslideOutLeft 0.3s ease;
  animation: gslideOutLeft 0.3s ease;
}

.gslideInLeft {
  -webkit-animation: gslideInLeft 0.3s ease;
  animation: gslideInLeft 0.3s ease;
}

.gslideOutRight {
  -webkit-animation: gslideOutRight 0.3s ease;
  animation: gslideOutRight 0.3s ease;
}

.gslideInRight {
  -webkit-animation: gslideInRight 0.3s ease;
  animation: gslideInRight 0.3s ease;
}

.gzoomIn {
  -webkit-animation: gzoomIn 0.5s ease;
  animation: gzoomIn 0.5s ease;
}

.gzoomOut {
  -webkit-animation: gzoomOut 0.5s ease;
  animation: gzoomOut 0.5s ease;
}

@-webkit-keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes lightboxLoader {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes gfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes gfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
  }
  to {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes gslideOutLeft {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
    opacity: 0;
    visibility: hidden;
  }
}
@-webkit-keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes gslideInRight {
  from {
    opacity: 0;
    visibility: visible;
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@keyframes gslideOutRight {
  from {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    opacity: 0;
  }
}
@-webkit-keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@keyframes gzoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes gzoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@media (min-width: 769px) {
  .glightbox-container .ginner-container {
    width: auto;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .glightbox-container .ginner-container.desc-top .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-top .gslide-image, .glightbox-container .ginner-container.desc-top .gslide-image img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .glightbox-container .ginner-container.desc-left .gslide-description {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }
  .glightbox-container .ginner-container.desc-left .gslide-image {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .gslide-image img {
    max-height: 97vh;
    max-width: 100%;
  }
  .gslide-image img.zoomable {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
  .zoomed .gslide-image img.zoomable {
    cursor: -webkit-grab;
    cursor: grab;
  }
  .gslide-inline {
    max-height: 95vh;
  }
  .gslide-external {
    max-height: 100vh;
  }
  .gslide-description.description-left, .gslide-description.description-right {
    max-width: 275px;
  }
  .glightbox-open {
    height: auto;
  }
  .goverlay {
    background: rgba(0, 0, 0, 0.92);
  }
  .glightbox-clean .gslide-media {
    -webkit-box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
    box-shadow: 1px 2px 9px 0 rgba(0, 0, 0, 0.65);
  }
  .glightbox-clean .description-left .gdesc-inner, .glightbox-clean .description-right .gdesc-inner {
    position: absolute;
    height: 100%;
    overflow-y: auto;
  }
  .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev {
    background-color: rgba(0, 0, 0, 0.32);
  }
  .glightbox-clean .gclose:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gprev:hover {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .glightbox-clean .gprev {
    top: 45%;
  }
  .glightbox-clean .gnext {
    top: 45%;
  }
}
@media (min-width: 992px) {
  .glightbox-clean .gclose {
    opacity: 0.7;
    right: 20px;
  }
}
@media screen and (max-height: 420px) {
  .goverlay {
    background: #000;
  }
} /**
 * Swiper 8.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2022 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 15, 2022
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff ;
}

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

.swiper-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  -ms-touch-action: pan-y;
      touch-action: pan-y;
}

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

.swiper-slide {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

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

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

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

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

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

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.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,
.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.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 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.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-horizontal.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
      -ms-flex-order: 9999;
          order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
          margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
          margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

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

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

.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 {
  width: 1px;
  height: var(--swiper-virtual-size);
}

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

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}

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

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.3s opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
      -ms-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

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

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-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;
  -webkit-transition: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.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%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-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 {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

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

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
      -ms-transform-origin: right top;
          transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

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

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

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

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

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

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

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

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

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

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

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

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

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

.swiper-grid-column > .swiper-wrapper {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
       -o-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
      -ms-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          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-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

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

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
          filter: blur(50px);
}

.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  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-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.swiper-cards {
  overflow: visible;
}

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

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  -webkit-transition-property: visibility, opacity, -webkit-transform;
  transition-property: visibility, opacity, -webkit-transform;
  -o-transition-property: transform, visibility, opacity;
  transition-property: transform, visibility, opacity;
  transition-property: transform, visibility, opacity, -webkit-transform;
}

.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
          transform-origin: center top;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  -webkit-transform-origin: center left;
      -ms-transform-origin: center left;
          transform-origin: center left;
}

.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
}

.tippy-box[data-inertia][data-state=visible] {
  -webkit-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
       -o-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
          transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

.section-container {
  width: 100%;
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 1240px) {
  .section-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.section-padding {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 1680px) {
  .section-padding {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 1240px) {
  .section-padding {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.section-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
}

.section__hd-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  line-height: 39px;
  letter-spacing: 0.02em;
  color: #181830;
}
@media (max-width: 1680px) {
  .section__hd-title {
    font-size: 26px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .section__hd-title {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
  }
}

.section__coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 24px;
}
@media (max-width: 767px) {
  .section__coll {
    gap: 10px;
  }
}

.section__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  border: 2px solid #5C5FE6;
  background: #5C5FE6;
  fill: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
.section__btn img,
.section__btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .section__btn:hover {
    background: none;
  }
}
.section__btn:focus-visible {
  background: none;
}
.section__btn:active {
  background: none;
}
@media (hover: hover) {
  .section__btn:hover {
    fill: #5C5FE6;
  }
}
.section__btn:focus-visible {
  fill: #5C5FE6;
}
.section__btn:active {
  fill: #5C5FE6;
}
@media screen and (max-width: 1680px) {
  .section__btn {
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 767px) {
  .section__btn {
    width: 24px;
    height: 24px;
  }
}
.section__btn img,
.section__btn svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
  height: 20px;
  fill: inherit;
}
@media screen and (max-width: 1680px) {
  .section__btn img,
  .section__btn svg {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 767px) {
  .section__btn img,
  .section__btn svg {
    width: 14;
    height: 14px;
  }
}

.section-body {
  padding-top: 32px;
}
@media screen and (max-width: 767px) {
  .section-body {
    padding-top: 16px;
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.in-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.grid {
  display: -ms-grid;
  display: grid;
}

.block {
  display: block;
}

.block-none {
  display: none;
}

.in-block {
  display: inline-block;
}

.ai-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ai-fs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.ai-fe {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.ai-bs {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.jc-c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.jc-fs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.jc-fe {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.jc-sb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.jc-se {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.jc-sa {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.jc-s {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.jc-e {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}

.jc-c {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.jc-l {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.jc-r {
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
}

.flex-row-rever {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.f-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.w-fit-cont {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.deactive {
  pointer-events: none;
  cursor: none;
}

/*- text position -*/
.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.br-20 {
  border-radius: 20px;
}

.overflow-hidden {
  overflow: hidden;
}

/*-text color -*/
.text-dark-blue {
  color: #102a43;
}

.text-steel-blue {
  color: #486581;
}

.text-jungle-green {
  color: #27ab83;
}

.text-blue-primary {
  color: #6b6ee8;
}

.text-middle-blue {
  color: #829ab1;
}

.text-red {
  color: #ef4e4e;
}

.text-golden {
  color: #e7a714;
}

@media screen and (max-width: 767px) {
  .-is-fixed-page {
    overflow: hidden;
  }
}

.page-padding-bottom {
  padding-bottom: 45px;
}

.navigation {
  padding-top: 12px;
  border-bottom: 1px solid #d9e2ec;
}
@media screen and (max-width: 1680px) {
  .navigation {
    padding-top: 6px;
  }
}
@media screen and (max-width: 1240px) {
  .navigation {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .navigation {
    padding-top: 7px;
    padding-bottom: 7px;
  }
}

.glightbox-clean .gnext,
.glightbox-clean .gprev {
  position: relative;
  left: 0;
  top: 0;
  width: 42px;
  height: 42px;
  background: none;
  padding: 0;
  border-radius: 0;
}
.glightbox-clean .gnext.disabled,
.glightbox-clean .gprev.disabled {
  display: none;
}
.glightbox-clean .gnext svg,
.glightbox-clean .gnext img,
.glightbox-clean .gprev svg,
.glightbox-clean .gprev img {
  width: 42px;
  height: 42px;
}

.glightbox-clean .gclose {
  background: none;
  padding: 0;
  width: 48px;
  height: 48px;
  position: static;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  padding: 0;
  margin-bottom: 2px;
}
@media (hover: hover) {
  .glightbox-clean .gclose:hover {
    background: none;
  }
}
.glightbox-clean .gclose:focus-visible {
  background: none;
}
.glightbox-clean .gclose:active {
  background: none;
}
@media screen and (max-width: 1680px) {
  .glightbox-clean .gclose {
    width: 32px;
    height: 32px;
  }
}
@media screen and (max-width: 767px) {
  .glightbox-clean .gclose {
    width: 24px;
    height: 24px;
  }
}
.glightbox-clean .gclose svg,
.glightbox-clean .gclose img {
  width: 100%;
  height: 100%;
}
.glightbox-clean .gclose path {
  fill: #ef4e4e;
}

.gslide-media {
  border-radius: 20px;
  overflow: hidden;
}

.gslider {
  height: auto !important;
}

.glightbox-container .gslider {
  overflow: visible;
}

.gallary-modal-row {
  margin: 10px auto 0;
  padding: 10px;
  border-radius: 50px;
  background: var(--color-background);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1920px) {
  .gallary-modal-row {
    gap: 50px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .gallary-modal-row {
    gap: calc(
				24px + 26 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .gallary-modal-row {
    gap: 24px;
  }
}
.gallary-modal-row.is-hidden {
  background: transparent;
  padding: 0;
}
.gallary-modal-row.is-hidden .gallary-modal-controll {
  display: none;
}

.gallary-modal-controll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.gcontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
}

.glightbox-container .gcontainer {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1680px) {
  .glightbox-container .gcontainer {
    width: 990px;
  }
}
@media screen and (max-width: 992px) {
  .glightbox-container .gcontainer {
    width: 100%;
  }
}
@media screen and (max-width: 1680px) {
  .glightbox-container .gcontainer .gslider {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .glightbox-container .gcontainer .gslider {
    padding-left: 0;
    padding-right: 0;
  }
}

.glightbox-clean .gdesc-inner {
  padding: 15px 0;
}

.glightbox-clean .gslide-description {
  background: none;
}

.glightbox-mobile .goverlay {
  background: rgba(16, 42, 67, 0.2);
}

.goverlay {
  background: rgba(16, 42, 67, 0.2);
}

.glightbox-container .ginner-container {
  height: auto;
}

.glightbox-mobile .glightbox-container .gslide-description {
  width: 90vw;
  position: relative;
  background: none;
  padding-bottom: 0;
}

.glightbox-clean .gnext,
.glightbox-clean .gprev {
  border-radius: 50%;
  overflow: hidden;
}

.goverlay {
  background: var(--color-charcoal-20);
}

.gslide-media {
  border-radius: 0;
}

.glightbox-clean .gnext.disabled,
.glightbox-clean .gprev.disabled {
  display: block;
  opacity: 0.5;
}

.glightbox-clean .gclose {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color-blue-primary);
  background: var(--color-light-periwinkle-40);
  border-radius: 50px;
  text-align: center;
  font-weight: 600;
  line-height: 110%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 1920px) {
  .glightbox-clean .gclose {
    padding-top: 11px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .glightbox-clean .gclose {
    padding-top: calc(
				8px + 3 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .glightbox-clean .gclose {
    padding-top: 8px;
  }
}
@media (min-width: 1920px) {
  .glightbox-clean .gclose {
    padding-bottom: 11px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .glightbox-clean .gclose {
    padding-bottom: calc(
				8px + 3 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .glightbox-clean .gclose {
    padding-bottom: 8px;
  }
}
@media (min-width: 1920px) {
  .glightbox-clean .gclose {
    padding-left: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .glightbox-clean .gclose {
    padding-left: calc(
				16px + 8 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .glightbox-clean .gclose {
    padding-left: 16px;
  }
}
@media (min-width: 1920px) {
  .glightbox-clean .gclose {
    padding-right: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .glightbox-clean .gclose {
    padding-right: calc(
				16px + 8 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .glightbox-clean .gclose {
    padding-right: 16px;
  }
}
@media (min-width: 1920px) {
  .glightbox-clean .gclose {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .glightbox-clean .gclose {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .glightbox-clean .gclose {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .glightbox-clean .gclose {
    min-height: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .glightbox-clean .gclose {
    min-height: calc(
				36px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .glightbox-clean .gclose {
    min-height: 36px;
  }
}
@media screen and (hover: hover) {
  .glightbox-clean .gclose:hover {
    color: var(--color-white);
    background-color: var(--color-blue-primary);
  }
}
.glightbox-clean .gclose:active {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}

@media (min-width: 1920px) {
  .gslide-video {
    border-radius: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .gslide-video {
    border-radius: calc(
				10px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .gslide-video {
    border-radius: 10px;
  }
}

.glightbox-clean .gslide-media {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.modal-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.25);
  z-index: 5;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -33333333333;
  opacity: 0;
  padding: 32px;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
@media screen and (max-width: 1240px) {
  .modal-background {
    padding: 20px;
  }
}

.modal-background.--active {
  opacity: 1;
  z-index: 777;
}
.modal-background.--active .modal__container {
  -webkit-transform: translateY(0) !important;
      -ms-transform: translateY(0) !important;
          transform: translateY(0) !important;
}

.modal__container {
  -webkit-transform: translateY(100%) !important;
      -ms-transform: translateY(100%) !important;
          transform: translateY(100%) !important;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin: auto;
  width: 593px;
  background: #ffffff;
  border-radius: 24px;
  padding: 25px;
}
@media (max-width: 1680px) {
  .modal__container {
    width: 550px;
  }
}
@media (max-width: 1240px) {
  .modal__container {
    width: 478px;
    border-radius: 18px;
  }
}
@media (max-width: 767px) {
  .modal__container {
    width: 320px;
    padding: 16px;
    border-radius: 16px;
  }
}
@media (max-width: 380px) {
  .modal__container {
    width: 100%;
  }
}

.modal-background-new {
  background: rgba(16, 42, 67, 0.2);
}
@media screen and (max-width: 767px) {
  .modal-background-new {
    padding: 20px 0 0 0;
  }
}

.modal__container-new {
  width: 100%;
  max-width: 555px;
  padding: 24px;
  border-radius: 24px;
  background: #f0f4f8;
  gap: 16px;
}
@media screen and (max-width: 1680px) {
  .modal__container-new {
    border-radius: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__container-new {
    padding: 15px;
    gap: 12px;
    max-width: 420px;
  }
}
@media screen and (max-width: 767px) {
  .modal__container-new {
    margin-top: auto;
    margin-bottom: 0;
    max-width: 100%;
    border-radius: 15px 15px 0px 0px;
  }
}

.modal__container-new-two {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 395px;
  padding: 24px;
  border-radius: 15px;
  background: #f0f4f8;
  gap: 16px;
}
@media screen and (max-width: 1680px) {
  .modal__container-new-two {
    padding: 20px;
    gap: 14px;
  }
}
@media screen and (max-width: 767px) {
  .modal__container-new-two {
    max-width: 340px;
  }
}

.modal__bid {
  border-radius: 15px;
  width: 100%;
  max-width: 555px;
  padding: 24px;
  background: #f0f4f8;
  gap: 16px;
}
@media screen and (max-width: 1680px) {
  .modal__bid {
    max-width: 455px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__bid {
    padding: 20px;
    gap: 10px;
  }
}
.modal__bid-text {
  color: #486581;
}
.modal__bid-hours {
  padding: 15px;
  background: rgba(39, 171, 131, 0.2);
  border-radius: 12px;
}
@media screen and (max-width: 1240px) {
  .modal__bid-hours {
    padding: 10px;
  }
}
.modal__bid-hours-text {
  position: relative;
  color: #27ab83;
  padding-left: 40px;
}
@media screen and (max-width: 1680px) {
  .modal__bid-hours-text {
    padding-left: 35px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__bid-hours-text {
    padding-left: 30px;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .modal__bid-hours-text {
    padding-left: 25px;
  }
}
.modal__bid-hours-text::before {
  content: "";
  background: url("../../assets/img/new-page/allert.svg") no-repeat center center/contain;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1680px) {
  .modal__bid-hours-text::before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .modal__bid-hours-text::before {
    width: 16px;
    height: 16px;
  }
}
.modal__bid-input .input__wrapp-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  color: #102a43;
  padding-bottom: 10px;
  padding-left: 0;
}
@media (max-width: 1680px) {
  .modal__bid-input .input__wrapp-title {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .modal__bid-input .input__wrapp-title {
    font-size: 14px;
  }
}
.modal__bid-input .input {
  background: #e7ecf3;
  border: 1px solid #d9e2ec;
  padding: 10px 12px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  min-height: 42px;
}
@media screen and (max-width: 1680px) {
  .modal__bid-input .input {
    font-size: 16px;
    min-height: 39px;
  }
}
@media screen and (max-width: 767px) {
  .modal__bid-input .input {
    font-size: 14px;
    min-height: 37px;
  }
}
.modal__bid-input .input::-webkit-input-placeholder {
  font-weight: 500;
  font-size: 18px;
  color: #829ab1;
}
.modal__bid-input .input::-moz-placeholder {
  font-weight: 500;
  font-size: 18px;
  color: #829ab1;
}
.modal__bid-input .input:-ms-input-placeholder {
  font-weight: 500;
  font-size: 18px;
  color: #829ab1;
}
.modal__bid-input .input::-ms-input-placeholder {
  font-weight: 500;
  font-size: 18px;
  color: #829ab1;
}
.modal__bid-input .input::placeholder {
  font-weight: 500;
  font-size: 18px;
  color: #829ab1;
}
@media screen and (max-width: 1680px) {
  .modal__bid-input .input::-webkit-input-placeholder {
    font-size: 16px;
  }
  .modal__bid-input .input::-moz-placeholder {
    font-size: 16px;
  }
  .modal__bid-input .input:-ms-input-placeholder {
    font-size: 16px;
  }
  .modal__bid-input .input::-ms-input-placeholder {
    font-size: 16px;
  }
  .modal__bid-input .input::placeholder {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .modal__bid-input .input::-webkit-input-placeholder {
    font-size: 14px;
  }
  .modal__bid-input .input::-moz-placeholder {
    font-size: 14px;
  }
  .modal__bid-input .input:-ms-input-placeholder {
    font-size: 14px;
  }
  .modal__bid-input .input::-ms-input-placeholder {
    font-size: 14px;
  }
  .modal__bid-input .input::placeholder {
    font-size: 14px;
  }
}
.modal__bid-input textarea {
  height: 100px;
}
@media screen and (max-width: 767px) {
  .modal__bid-input textarea {
    height: 80px;
  }
}
.modal__bid-check .label-check-span {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 1680px) {
  .modal__bid-check .label-check-span {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .modal__bid-check .label-check-span {
    font-size: 14px;
  }
}
.modal__bid-check .label-check-span::after, .modal__bid-check .label-check-span::before {
  top: 2px;
}
@media screen and (max-width: 1680px) {
  .modal__bid-check .label-check-span::after, .modal__bid-check .label-check-span::before {
    width: 20px;
    height: 20px;
    top: 3px;
  }
}
@media screen and (max-width: 767px) {
  .modal__bid-check .label-check-span::after, .modal__bid-check .label-check-span::before {
    top: 2px;
  }
}
.modal__bid-check .label-check-span a {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #6b6ee8;
}
.modal__bid-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 8px;
}
@media screen and (max-width: 1240px) {
  .modal__bid-row {
    padding-top: 6px;
  }
}
@media screen and (max-width: 767px) {
  .modal__bid-row {
    padding-top: 14px;
  }
}
.modal__bid-btn {
  font-weight: 600;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
@media screen and (max-width: 767px) {
  .modal__bid-btn {
    font-size: 14px;
  }
}

.modal__org-hd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}

.modal__org-hd-btn {
  position: static;
  width: 32px;
  height: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
  .modal__org-hd-btn {
    width: 27px;
    height: 27px;
  }
}
@media screen and (max-width: 767px) {
  .modal__org-hd-btn {
    width: 25px;
    height: 25px;
  }
}
.modal__org-hd-btn svg,
.modal__org-hd-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.modal__org-background {
  padding: 20px 0 0 0;
}

.modal__org {
  width: 100%;
  max-width: 600px;
  padding: 24px;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .modal__org {
    margin-top: auto;
    margin-bottom: 0;
    max-width: 100%;
    padding: 20px;
    border-radius: 24px 24px 0px 0px;
  }
}

.modal__org-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 24px;
  margin-top: 16px;
  border-top: 1px solid rgba(24, 24, 48, 0.1);
  gap: 12px;
}
@media screen and (max-width: 767px) {
  .modal__org-list {
    margin-top: 16px;
    padding-top: 16px;
  }
}
.modal__org-list .input__wrapp-title {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .modal__org-list .input__wrapp-title {
    font-size: 12px;
  }
}

.modal__org-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 24px;
  gap: 12px;
}
@media screen and (max-width: 767px) {
  .modal__org-footer {
    gap: 8px;
    padding-top: 16px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.modal__org-button {
  width: 150px;
  min-height: 46px;
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .modal__org-button {
    min-height: 33px;
    width: 100%;
    font-size: 12px;
  }
}

.modal__org-button-rezet {
  width: 200px;
}
@media screen and (max-width: 767px) {
  .modal__org-button-rezet {
    width: 100%;
  }
}

.modal__org-title {
  font-size: 24px;
}
@media screen and (max-width: 1680px) {
  .modal__org-title {
    font-size: 21px;
  }
}
@media screen and (max-width: 767px) {
  .modal__org-title {
    font-size: 20px;
  }
}

.modal__general-text {
  color: #486581;
}
.modal__general-input .input__wrapp-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  color: #102a43;
  padding-bottom: 10px;
  padding-left: 0;
}
@media screen and (max-width: 1240px) {
  .modal__general-input .input__wrapp-title {
    font-size: 14px;
  }
}
.modal__general-input .input {
  background: #e7ecf3;
  border: 1px solid #d9e2ec;
  padding: 10px 12px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  min-height: 42px;
}
@media screen and (max-width: 1240px) {
  .modal__general-input .input {
    font-size: 14px;
    min-height: 37px;
  }
}
.modal__general-input .input::-webkit-input-placeholder {
  font-weight: 500;
  font-size: 18px;
  color: #829ab1;
}
.modal__general-input .input::-moz-placeholder {
  font-weight: 500;
  font-size: 18px;
  color: #829ab1;
}
.modal__general-input .input:-ms-input-placeholder {
  font-weight: 500;
  font-size: 18px;
  color: #829ab1;
}
.modal__general-input .input::-ms-input-placeholder {
  font-weight: 500;
  font-size: 18px;
  color: #829ab1;
}
.modal__general-input .input::placeholder {
  font-weight: 500;
  font-size: 18px;
  color: #829ab1;
}
@media screen and (max-width: 1240px) {
  .modal__general-input .input::-webkit-input-placeholder {
    font-size: 14px;
  }
  .modal__general-input .input::-moz-placeholder {
    font-size: 14px;
  }
  .modal__general-input .input:-ms-input-placeholder {
    font-size: 14px;
  }
  .modal__general-input .input::-ms-input-placeholder {
    font-size: 14px;
  }
  .modal__general-input .input::placeholder {
    font-size: 14px;
  }
}
.modal__general-check .label-check-span {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 1680px) {
  .modal__general-check .label-check-span {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__general-check .label-check-span {
    font-size: 14px;
  }
}
.modal__general-check .label-check-span::after, .modal__general-check .label-check-span::before {
  top: 3px;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 767px) {
  .modal__general-check .label-check-span::after, .modal__general-check .label-check-span::before {
    top: 2px;
  }
}
.modal__general-check .label-check-span::after {
  background: url("../../assets/img/new-page/icons/square-new.svg") no-repeat center center/contain;
}
@media (hover: hover) {
  .modal__general-check .label-check-span:hover::after {
    background: url("../../assets/img/new-page/icons/square-new-hover.svg") no-repeat center center/contain;
  }
}
.modal__general-check .label-check-span:focus-visible::after {
  background: url("../../assets/img/new-page/icons/square-new-hover.svg") no-repeat center center/contain;
}
.modal__general-check .label-check-span:active::after {
  background: url("../../assets/img/new-page/icons/square-new-hover.svg") no-repeat center center/contain;
}
.modal__general-check .label-check-span a {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .modal__general-check .label-check-span a:hover {
    text-decoration: underline;
  }
}
.modal__general-check .label-check-span a:focus-visible {
  text-decoration: underline;
}
.modal__general-check .label-check-span a:active {
  text-decoration: none;
}
@media (hover: hover) {
  .modal__general-check .label-check-span a:hover {
    color: #2e307f;
  }
}
.modal__general-check .label-check-span a:focus-visible {
  color: #2e307f;
}
.modal__general-check .label-check-span a:active {
  color: #bcbcbc;
}
.modal__general-btn {
  margin-top: 8px;
  width: 100%;
  border: none;
  background: #6b6ee8;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 12px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #f0f4f8;
  fill: #f0f4f8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .modal__general-btn:hover {
    background: #2e307f;
  }
}
.modal__general-btn:focus-visible {
  background: #2e307f;
}
.modal__general-btn:active {
  background: #bcbcbc;
}
@media (hover: hover) {
  .modal__general-btn:hover {
    color: #f0f4f8;
  }
}
.modal__general-btn:focus-visible {
  color: #f0f4f8;
}
.modal__general-btn:active {
  color: #f0f4f8;
}
@media screen and (max-width: 1680px) {
  .modal__general-btn {
    min-height: 44px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__general-btn {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .modal__general-btn {
    min-height: 36px;
    padding: 8px 24px;
    border-radius: 8px;
    font-size: 14px;
  }
}
.modal__general-btn:disabled, .modal__general-btn.-is-disabled {
  background: #bcbcbc;
  color: #f0f4f8;
  border-color: #bcbcbc;
  pointer-events: none;
}

.modal__purchase {
  max-width: 1000px;
  padding: 24px 0;
  gap: 0;
}
@media screen and (max-width: 1680px) {
  .modal__purchase {
    max-width: 900px;
  }
}
@media screen and (max-width: 767px) {
  .modal__purchase {
    max-width: 100%;
  }
}
.modal__purchase-hd, .modal__purchase-list, .modal__purchase-footer {
  padding-left: 24px;
  padding-right: 24px;
}
.modal__purchase-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 32px;
  height: 32px;
}
.modal__purchase-close img,
.modal__purchase-close svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .modal__purchase-close {
    width: 24px;
    height: 24px;
  }
}
.modal__purchase-close svg,
.modal__purchase-close img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .modal__purchase-title {
    font-size: 18px;
  }
}
.modal__purchase-list {
  margin-top: 16px;
  height: calc(100dvh - 265px);
  overflow: auto;
}
@media screen and (max-width: 767px) {
  .modal__purchase-list {
    height: calc(100dvh - 205px);
  }
}
.modal__purchase-subtitle {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 1680px) {
  .modal__purchase-subtitle {
    font-size: 14px;
  }
}
.modal__purchase-inner {
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .modal__purchase-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.modal__purchase-inner:nth-last-child(1) {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(16, 42, 67, 0.2);
}
@media screen and (max-width: 1680px) {
  .modal__purchase-inner:nth-last-child(1) {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
.modal__purchase-inner + .modal__purchase-inner {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid rgba(16, 42, 67, 0.2);
}
@media screen and (max-width: 1680px) {
  .modal__purchase-inner + .modal__purchase-inner {
    padding-top: 8px;
    margin-top: 8px;
  }
}
.modal__purchase-input {
  width: 200px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
@media screen and (max-width: 767px) {
  .modal__purchase-input {
    width: 100%;
  }
}
.modal__purchase-input input {
  width: 100%;
  min-height: 39px;
  padding: 12px 16px;
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #d9e2ec;
  border-radius: 12px;
}
@media screen and (max-width: 1680px) {
  .modal__purchase-input input {
    min-height: 35px;
    padding: 10px 16px;
  }
}
.modal__purchase-input input::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 14px;
}
.modal__purchase-input input::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
}
.modal__purchase-input input:-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
}
.modal__purchase-input input::-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
}
.modal__purchase-input input::placeholder {
  font-weight: 400;
  font-size: 14px;
}
.modal__purchase-error {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #ef4e4e;
  padding-top: 4px;
  padding-left: 16px;
}
.modal__purchase-footer {
  gap: 12px;
  padding-top: 24px;
}
.modal__purchase-btn {
  border: none;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 12px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #f0f4f8;
  fill: #f0f4f8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .modal__purchase-btn:hover {
    background: #2e307f;
  }
}
.modal__purchase-btn:focus-visible {
  background: #2e307f;
}
.modal__purchase-btn:active {
  background: #bcbcbc;
}
@media (hover: hover) {
  .modal__purchase-btn:hover {
    color: #f0f4f8;
  }
}
.modal__purchase-btn:focus-visible {
  color: #f0f4f8;
}
.modal__purchase-btn:active {
  color: #f0f4f8;
}
@media screen and (max-width: 1680px) {
  .modal__purchase-btn {
    min-height: 44px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__purchase-btn {
    margin-top: 12px;
  }
}
@media screen and (max-width: 767px) {
  .modal__purchase-btn {
    min-height: 36px;
    padding: 8px 24px;
    border-radius: 8px;
    font-size: 14px;
  }
}
.modal__purchase-btn.button-red {
  background: #ef4e4e;
  color: #f0f4f8;
  fill: #f0f4f8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .modal__purchase-btn.button-red:hover {
    background: #cf1124;
  }
}
.modal__purchase-btn.button-red:focus-visible {
  background: #cf1124;
}
.modal__purchase-btn.button-red:active {
  background: #bcbcbc;
}
.modal__purchase-btn:disabled, .modal__purchase-btn.-is-disabled {
  background: #bcbcbc;
  color: #f0f4f8;
  border-color: #bcbcbc;
  pointer-events: none;
}

.modal__price-link {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .modal__price-link:hover {
    color: #2e307f;
  }
}
.modal__price-link:focus-visible {
  color: #2e307f;
}
.modal__price-link:active {
  color: #bcbcbc;
}
@media screen and (max-width: 767px) {
  .modal__price-link {
    font-size: 12px;
  }
}

.modal__import {
  gap: 16px;
  max-width: 600px;
}
@media screen and (max-width: 1680px) {
  .modal__import {
    max-width: 500px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__import {
    max-width: 400px;
  }
}
@media screen and (max-width: 767px) {
  .modal__import {
    max-width: 100%;
  }
}
.modal__import-wrapp {
  gap: 24px;
}
.modal__import-container {
  gap: 12px;
}
.modal__import-drop {
  background: none;
  margin: 0;
  height: 250px;
  border: 1px dashed #d9e2ec;
  border-radius: 20px;
  gap: 10px;
}
@media screen and (max-width: 1240px) {
  .modal__import-drop {
    height: 193px;
  }
}
@media screen and (max-width: 767px) {
  .modal__import-drop {
    height: 205px;
  }
}
.modal__import-drop::after, .modal__import-drop::before {
  width: 0;
  height: 0;
  background: none;
  border: none;
}
.modal__import-btn {
  margin-left: auto;
  margin-right: 0;
}
.modal__import-btn:disabled {
  background: #bcbcbc;
  color: #f0f4f8;
  border-color: #bcbcbc;
  pointer-events: none;
}
.modal__import-text {
  display: contents;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #829ab1;
}
.modal__import-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.modal__import-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  fill: #6b6ee8;
  background: rgba(196, 198, 255, 0.4);
  padding: 12px;
  border-radius: 12px;
  gap: 12px;
  border: 1px solid rgba(196, 198, 255, 0.4);
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .modal__import-link:hover {
    border-color: #6b6ee8;
  }
}
.modal__import-link:focus-visible {
  border-color: #6b6ee8;
}
.modal__import-link:active {
  border-color: #e7ecf3;
}
@media (hover: hover) {
  .modal__import-link:hover {
    background: rgba(196, 198, 255, 0.4);
  }
}
.modal__import-link:focus-visible {
  background: rgba(196, 198, 255, 0.4);
}
.modal__import-link:active {
  background: #e7ecf3;
}
@media (hover: hover) {
  .modal__import-link:hover {
    fill: #6b6ee8;
  }
}
.modal__import-link:focus-visible {
  fill: #6b6ee8;
}
.modal__import-link:active {
  fill: #bcbcbc;
}
@media (hover: hover) {
  .modal__import-link:hover {
    color: #6b6ee8;
  }
}
.modal__import-link:focus-visible {
  color: #6b6ee8;
}
.modal__import-link:active {
  color: #bcbcbc;
}
@media screen and (max-width: 767px) {
  .modal__import-link {
    font-size: 14px;
    padding: 8px 12px;
  }
}
.modal__import-link img,
.modal__import-link svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1680px) {
  .modal__import-link img,
  .modal__import-link svg {
    width: 20px;
    height: 20px;
  }
}

.file-error-type .modal__import-edit,
.file-error-type .modal__import-rezet,
.file-error-type .modal__import-label,
.file-is-active .modal__import-edit,
.file-is-active .modal__import-rezet,
.file-is-active .modal__import-label {
  display: block;
}
.file-error-type .modal__import-subrow,
.file-error-type .modal__import-row,
.file-is-active .modal__import-subrow,
.file-is-active .modal__import-row {
  display: contents;
}
.file-error-type .modal__import-text,
.file-error-type .modal__import-button,
.file-is-active .modal__import-text,
.file-is-active .modal__import-button {
  display: none;
}
.file-error-type .file-row,
.file-is-active .file-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.file-error-type .modal__import-file-icons,
.file-is-active .modal__import-file-icons {
  display: none;
}

.file-error-type .modal__import-rezet {
  display: none;
}

.modal__import-edit {
  display: none;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .modal__import-edit:hover {
    color: #2e307f;
  }
}
.modal__import-edit:focus-visible {
  color: #2e307f;
}
.modal__import-edit:active {
  color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
  .modal__import-edit {
    font-size: 18px;
  }
}

.modal__import-rezet {
  display: none;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #ef4e4e;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .modal__import-rezet:hover {
    color: #cf1124;
  }
}
.modal__import-rezet:focus-visible {
  color: #cf1124;
}
.modal__import-rezet:active {
  color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
  .modal__import-rezet {
    font-size: 18px;
  }
}

.modal__import-label {
  display: inline;
}

.modal__import-button {
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .modal__import-button:hover {
    color: #2e307f;
  }
}
.modal__import-button:focus-visible {
  color: #2e307f;
}
.modal__import-button:active {
  color: #bcbcbc;
}

.modal__import-file-icons {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: url("../../assets/img/new-page/icons/plus.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1680px) {
  .modal__import-file-icons {
    width: 24px;
    height: 24px;
  }
}

.modal__delete-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 1680px) {
  .modal__delete-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__delete-title {
    font-size: 18px;
  }
}
.modal__delete-text {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #486581;
}
@media screen and (max-width: 1680px) {
  .modal__delete-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__delete-text {
    font-size: 14px;
  }
}
.modal__delete-footer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding-top: 8px;
}
@media screen and (max-width: 1680px) {
  .modal__delete-footer {
    padding-top: 0;
  }
}
.modal__delete-btn {
  padding-left: 5px;
  padding-right: 5px;
}

.modal__create {
  max-width: 600px;
  gap: 16px;
}
@media screen and (max-width: 1240px) {
  .modal__create {
    max-width: 585px;
  }
}
@media screen and (max-width: 767px) {
  .modal__create {
    max-width: 100%;
  }
}
.modal__create-btn {
  margin-left: auto;
  margin-right: 0;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .modal__create-btn {
    font-size: 14px;
    width: 100%;
    padding: 8px 14px;
  }
}
.modal__create-subhd {
  gap: 10px;
}
.modal__create-number {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #486581;
}
@media screen and (max-width: 1680px) {
  .modal__create-number {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .modal__create-number {
    font-size: 14px;
  }
}
.modal__create-number span {
  padding-left: 10px;
  color: #102a43;
}
.modal__create-label {
  width: 100%;
}
.modal__create-checked.label-checked-span {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #102a43;
  padding: 15px 15px 15px 35px;
  display: block;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .modal__create-checked.label-checked-span {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
  }
}
.modal__create-checked.label-checked-span::after, .modal__create-checked.label-checked-span::before {
  width: 24px;
  height: 24px;
}
.modal__create-wrapp {
  gap: 24px;
}
@media screen and (max-width: 1240px) {
  .modal__create-wrapp {
    gap: 15px;
  }
}
.modal__create-inner {
  border-bottom: 1px solid rgba(16, 42, 67, 0.2);
}
.modal__create-list {
  height: 325px;
  min-height: calc(100dvh - 405px);
  overflow: auto;
}
@media screen and (max-width: 1680px) {
  .modal__create-list {
    min-height: calc(100dvh - 385px);
  }
}
@media screen and (max-width: 1240px) {
  .modal__create-list {
    min-height: calc(100dvh - 315px);
  }
}
@media screen and (max-width: 767px) {
  .modal__create-list {
    min-height: calc(100dvh - 300px);
  }
}
.modal__create-input.field-input {
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 1680px) {
  .modal__create-input.field-input {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .modal__create-input.field-input {
    font-size: 14px;
    min-height: 36px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.modal__create-rezet {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1680px) {
  .modal__create-rezet {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .modal__create-rezet {
    font-size: 16px;
  }
}
.modal__create-gap {
  gap: 24px;
}
@media screen and (max-width: 1680px) {
  .modal__create-gap {
    gap: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__create-gap {
    gap: 15px;
  }
}
.modal__create-select.selected__header {
  min-height: 44px;
  padding-top: 11px;
  padding-bottom: 11px;
}
@media screen and (max-width: 767px) {
  .modal__create-select.selected__header {
    min-height: 36px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
}

.modal__make {
  width: 100%;
  max-width: 1400px;
}
@media screen and (max-width: 767px) {
  .modal__make {
    margin-top: auto;
    margin-bottom: 0;
    max-width: 100%;
    border-radius: 15px 15px 0px 0px;
  }
}
.modal__make-wrapp, .modal__make-subwrapp {
  gap: 24px;
}
@media screen and (max-width: 1240px) {
  .modal__make-wrapp, .modal__make-subwrapp {
    gap: 15px;
  }
}
.modal__make-subwrapp {
  padding-bottom: 24px;
  border-bottom: 1px solid #d9e2ec;
}
@media screen and (max-width: 1240px) {
  .modal__make-subwrapp {
    padding-bottom: 15px;
  }
}
.modal__make-acc-icon {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
}
.modal__make-acc-text {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.02em;
  color: #102a43;
}
.modal__make-acc-btn {
  gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9e2ec;
}
.modal__make-acc-btn.is-active .modal__make-acc-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.modal__make-tree-inner:nth-child(1) .modal__make-acc-btn {
  padding-top: 0;
}
.modal__make-subtree {
  display: none;
  padding-top: 12px;
  padding-left: 34px !important;
}
.modal__make-subtree-inner + .modal__make-subtree-inner {
  margin-top: 12px;
}
.modal__make-label.label-check {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1240px) {
  .modal__make-label.label-check {
    width: 20px;
    height: 20px;
  }
}
.modal__make-label.label-check .label-checked-box {
  width: 100%;
  height: 100%;
}
.modal__make-label.label-check .label-checked-box::after, .modal__make-label.label-check .label-checked-box::before {
  width: 100%;
  height: 100%;
}
.modal__make-subchecked.label-checked-span {
  padding-left: 35px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 1240px) {
  .modal__make-subchecked.label-checked-span {
    padding-left: 30px;
  }
}
.modal__make-subchecked.label-checked-span::after, .modal__make-subchecked.label-checked-span::before {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1240px) {
  .modal__make-subchecked.label-checked-span::after, .modal__make-subchecked.label-checked-span::before {
    width: 20px;
    height: 20px;
  }
}
.modal__make-input.field-input {
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .modal__make-input.field-input {
    min-height: 36px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.modal__make-tree-wrapp {
  max-height: 400px;
  overflow: auto;
  min-height: 200px;
}
@media screen and (max-width: 1680px) {
  .modal__make-tree-wrapp {
    max-height: 380px;
  }
}
@media screen and (max-width: 767px) {
  .modal__make-tree-wrapp {
    max-height: 100%;
    height: calc(100dvh - 280px);
  }
}
@media screen and (max-width: 767px) {
  .modal__make-tree-wrapp-2 {
    max-height: 100%;
    height: calc(100dvh - 375px);
  }
}

.modal__chosen-row {
  gap: 10px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #102a43;
}
.modal__chosen-inner {
  padding-bottom: 10px;
  margin-bottom: 12px;
}
.modal__chosen-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 24px;
  height: 24px;
  fill: #ef4e4e;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
.modal__chosen-btn img,
.modal__chosen-btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .modal__chosen-btn:hover {
    fill: #cf1124;
  }
}
.modal__chosen-btn:focus-visible {
  fill: #cf1124;
}
.modal__chosen-btn:active {
  fill: #bcbcbc;
}
@media screen and (max-width: 1680px) {
  .modal__chosen-btn {
    width: 20px;
    height: 20px;
  }
}
.modal__chosen-btn svg,
.modal__chosen-btn img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

.modal-courses-rows {
  gap: 5px;
}

.modal-courses-rows + .modal-courses-rows {
  margin-top: 10px;
}

.modal-program__search {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.modal-program__container {
  display: -ms-grid;
  display: grid;
  gap: 0;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  padding: 0;
  background: var(--color-background);
}
@media (min-width: 1920px) {
  .modal-program__container {
    max-width: 1468px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .modal-program__container {
    max-width: calc(
				1140px + 328 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .modal-program__container {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1240px) {
  .modal-program__container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.modal-program__head {
  position: relative;
  background: var(--color-light-periwinkle-40);
  overflow: hidden;
}
@media (min-width: 1920px) {
  .modal-program__head {
    width: 550px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .modal-program__head {
    width: calc(
				410px + 140 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .modal-program__head {
    width: 410px;
  }
}
@media (min-width: 1920px) {
  .modal-program__head {
    padding: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-program__head {
    padding: calc(
				15px + 9 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-program__head {
    padding: 15px;
  }
}
@media (min-width: 1920px) {
  .modal-program__head {
    padding-bottom: 550px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .modal-program__head {
    padding-bottom: calc(
				400px + 150 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .modal-program__head {
    padding-bottom: 400px;
  }
}
@media screen and (max-width: 1240px) {
  .modal-program__head {
    width: 100%;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .modal-program__head {
    padding-right: 260px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
  .modal-program__head {
    padding-right: calc(
				80px + 180 * (((100vw - 360px)) / ((880)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .modal-program__head {
    padding-right: 80px;
  }
}

.modal-program__title {
  color: var(--color-blue-primary);
}
@media (min-width: 1920px) {
  .modal-program__title {
    font-size: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .modal-program__title {
    font-size: calc(
				20px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .modal-program__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .modal-program__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .modal-program__title {
    font-size: calc(
				16px + 4 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .modal-program__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .modal-program__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .modal-program__title {
    font-size: calc(
				12px + 4 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .modal-program__title {
    font-size: 12px;
  }
}

@media (min-width: 1920px) {
  .modal-program__body {
    padding: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-program__body {
    padding: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-program__body {
    padding: 20px;
  }
}

.modal-program__top {
  border-bottom: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
  .modal-program__top {
    padding-bottom: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-program__top {
    padding-bottom: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-program__top {
    padding-bottom: 10px;
  }
}
@media (min-width: 1920px) {
  .modal-program__top {
    margin-bottom: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-program__top {
    margin-bottom: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-program__top {
    margin-bottom: 10px;
  }
}

.modal-program__list {
  display: -ms-grid;
  display: grid;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (min-width: 1920px) {
  .modal-program__list {
    padding-right: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-program__list {
    padding-right: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-program__list {
    padding-right: 5px;
  }
}
@media (min-width: 1920px) {
  .modal-program__list {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-program__list {
    grid-gap: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-program__list {
    grid-gap: 10px;
  }
}
@media (min-width: 1920px) {
  .modal-program__list {
    max-height: 680px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-program__list {
    max-height: calc(
				320px + 360 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-program__list {
    max-height: 320px;
  }
}

.modal-program__link {
  position: relative;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  color: var(--color-blue-primary);
  font-weight: 600;
}
@media (min-width: 1920px) {
  .modal-program__link {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-program__link {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-program__link {
    font-size: 14px;
  }
}
.modal-program__link::after {
  content: "";
  display: block;
  position: relative;
  background: url("../img/icon/arrow-right.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
  .modal-program__link::after {
    width: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-program__link::after {
    width: calc(
				24px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-program__link::after {
    width: 24px;
  }
}
@media (min-width: 1920px) {
  .modal-program__link::after {
    height: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-program__link::after {
    height: calc(
				24px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-program__link::after {
    height: 24px;
  }
}
@media screen and (hover: hover) {
  .modal-program__link:hover {
    color: var(--color-midnight-blue);
  }
}
.modal-program__link:active {
  opacity: 0.5;
}

.modal-program__image {
  position: absolute;
}
@media (min-width: 1920px) {
  .modal-program__image {
    width: 620px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .modal-program__image {
    width: calc(
				410px + 210 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .modal-program__image {
    width: 410px;
  }
}
@media (min-width: 1920px) {
  .modal-program__image {
    height: 620px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .modal-program__image {
    height: calc(
				410px + 210 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .modal-program__image {
    height: 410px;
  }
}
@media (min-width: 1920px) {
  .modal-program__image {
    bottom: -35px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .modal-program__image {
    bottom: calc(
				0px + -35 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .modal-program__image {
    bottom: 0px;
  }
}
@media (min-width: 1920px) {
  .modal-program__image {
    left: -45px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .modal-program__image {
    left: calc(
				0px + -45 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .modal-program__image {
    left: 0px;
  }
}
@media screen and (max-width: 1240px) {
  .modal-program__image {
    left: auto;
    bottom: auto;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .modal-program__image {
    width: 306px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
  .modal-program__image {
    width: calc(
				144px + 162 * (((100vw - 360px)) / ((880)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .modal-program__image {
    width: 144px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .modal-program__image {
    height: 306px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
  .modal-program__image {
    height: calc(
				144px + 162 * (((100vw - 360px)) / ((880)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .modal-program__image {
    height: 144px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .modal-program__image {
    right: -30px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
  .modal-program__image {
    right: calc(
				-50px + 20 * (((100vw - 360px)) / ((880)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .modal-program__image {
    right: -50px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .modal-program__image {
    top: -50px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
  .modal-program__image {
    top: calc(
				-8px + -42 * (((100vw - 360px)) / ((880)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .modal-program__image {
    top: -8px;
  }
}
.modal-program__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 767px) {
  #modal-get-program {
    padding: 0;
  }
}

.modal-get-program__container {
  width: 100%;
}
@media (min-width: 1920px) {
  .modal-get-program__container {
    max-width: 890px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-get-program__container {
    max-width: calc(
				360px + 530 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-get-program__container {
    max-width: 360px;
  }
}
@media screen and (max-width: 767px) {
  .modal-get-program__container {
    max-width: 100%;
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.modal-get-program__head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
}

.modal-get-program__title,
.modal-get-program__subtitle {
  text-align: center;
}

@media (min-width: 1920px) {
  .modal-get-program__title {
    padding-right: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-get-program__title {
    padding-right: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-get-program__title {
    padding-right: 20px;
  }
}
@media (min-width: 1920px) {
  .modal-get-program__title {
    padding-left: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-get-program__title {
    padding-left: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-get-program__title {
    padding-left: 20px;
  }
}

.modal-get-program__top {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .modal-get-program__top {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-get-program__top {
    grid-gap: calc(
				10px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-get-program__top {
    grid-gap: 10px;
  }
}

@media (min-width: 1920px) {
  .modal-get-program__head {
    margin-bottom: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-get-program__head {
    margin-bottom: calc(
				16px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-get-program__head {
    margin-bottom: 16px;
  }
}

.modal-get-program__form-fields {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .modal-get-program__form-fields {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-get-program__form-fields {
    grid-gap: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-get-program__form-fields {
    grid-gap: 10px;
  }
}

.modal-get-program__form {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .modal-get-program__form {
    grid-gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-get-program__form {
    grid-gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-get-program__form {
    grid-gap: 10px;
  }
}

.modal-get-program__submit {
  margin-left: auto;
}

.modal-get-program__close {
  position: absolute;
}
@media (min-width: 1920px) {
  .modal-get-program__close {
    width: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-get-program__close {
    width: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-get-program__close {
    width: 20px;
  }
}
@media (min-width: 1920px) {
  .modal-get-program__close {
    height: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-get-program__close {
    height: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-get-program__close {
    height: 20px;
  }
}
@media (min-width: 1920px) {
  .modal-get-program__close {
    top: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-get-program__close {
    top: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-get-program__close {
    top: 16px;
  }
}
@media (min-width: 1920px) {
  .modal-get-program__close {
    right: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .modal-get-program__close {
    right: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .modal-get-program__close {
    right: 16px;
  }
}
.modal-get-program__close svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.tab__btn-row {
  padding: 4px;
  border: 1px solid #d9e2ec;
  border-radius: 15px;
  gap: 4px;
}

.tab__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 15px;
  cursor: pointer;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  padding: 12px;
  min-height: 46px;
  letter-spacing: 0.02em;
  color: #486581;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .tab__btn:hover {
    color: #bcbcbc;
  }
}
.tab__btn:focus-visible {
  color: #bcbcbc;
}
.tab__btn:active {
  color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
  .tab__btn {
    font-size: 16px;
    min-height: 44px;
  }
}
@media screen and (max-width: 767px) {
  .tab__btn {
    font-size: 14px;
    padding: 8px;
    min-height: 32px;
  }
}

input:checked ~ .tab__btn {
  color: #6b6ee8;
  background: rgba(196, 198, 255, 0.4);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  input:checked ~ .tab__btn:hover {
    color: #486581;
  }
}
input:checked ~ .tab__btn:focus-visible {
  color: #486581;
}
input:checked ~ .tab__btn:active {
  color: #486581;
}

.header__about {
  position: relative;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 767px) {
  .header__about {
    -webkit-box-shadow: 0px 5px 20px rgba(101, 101, 101, 0.2);
            box-shadow: 0px 5px 20px rgba(101, 101, 101, 0.2);
  }
}

.header__about-wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 20px;
  position: relative;
}
@media (max-width: 992px) {
  .header__about-wrapp {
    gap: 10px;
  }
}

.header__about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  justify-content: flex-end;
  gap: 20px;
}
@media (max-width: 992px) {
  .header__about-list {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .header__about-list {
    display: none;
    position: absolute;
    right: 0;
    top: 130%;
    background: #F0F4F8;
    border-radius: 12px;
  }
  .header__about-list.-is-active {
    display: block;
  }
}

.header__about-link {
  white-space: nowrap;
}
@media (max-width: 767px) {
  .header__about-link {
    border: none;
    width: 100%;
    text-align: left;
    border-radius: 0;
    display: block;
    padding: 12px 20px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
  }
}
@media (max-width: 767px) and (hover: hover) {
  .header__about-link:hover {
    color: #5c5fe6;
    background: none;
  }
}
@media (max-width: 767px) and (hover: none) {
  .header__about-link:active {
    color: #5c5fe6;
    background: none;
    border-color: none;
  }
}
@media (max-width: 767px) {
  .header__about-link:active {
    color: #5c5fe6;
    background: none;
    border-color: none;
  }
}

.header__about-open {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 2px solid #6B6EE8;
  border-radius: 8px;
}
.header__about-open img,
.header__about-open svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .header__about-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__about-open.-is-active {
  background: rgba(196, 198, 255, 0.4);
}

.header__about-tell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 46px;
  height: 46px;
  border: 2px solid #47BE2C;
  border-radius: 16px;
}
@media (max-width: 1680px) {
  .header__about-tell {
    width: 44px;
    height: 44px;
  }
}
@media (max-width: 1240px) {
  .header__about-tell {
    width: 40px;
    height: 40px;
    border-radius: 13px;
  }
}
@media (max-width: 767px) {
  .header__about-tell {
    width: 36px;
    height: 36px;
    border-radius: 8px;
  }
}
.header__about-tell svg,
.header__about-tell img {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .header__about-tell svg,
  .header__about-tell img {
    width: 20px;
    height: 20px;
  }
}

.header__company {
  border-bottom: 1px solid #d9e2ec;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media screen and (max-width: 1680px) {
  .header__company {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.header__company-logo, .header__company-mob-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 285px;
  height: 50px;
}
.header__company-logo img,
.header__company-logo svg, .header__company-mob-logo img,
.header__company-mob-logo svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .header__company-logo, .header__company-mob-logo {
    width: 230px;
    height: 40px;
  }
}
@media screen and (max-width: 1240px) {
  .header__company-logo, .header__company-mob-logo {
    width: 44px;
    height: 44px;
  }
}
.header__company-logo picture, .header__company-mob-logo picture {
  display: contents;
}
.header__company-logo img,
.header__company-logo svg, .header__company-mob-logo img,
.header__company-mob-logo svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.header__company-mob-logo {
  width: 240px;
  height: 40px;
}
.header__company-link {
  gap: 8px;
}
.header__company-link img,
.header__company-link svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1680px) {
  .header__company-link img,
  .header__company-link svg {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .header__company-link {
    gap: 0;
  }
  .header__company-link span {
    display: none;
  }
}
.header__company-list {
  gap: 16px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 30px;
  border-right: 1px solid #d9e2ec;
}
@media screen and (max-width: 1680px) {
  .header__company-list {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 15px;
  }
}
.header__company-coll {
  gap: 30px;
}
@media screen and (max-width: 1680px) {
  .header__company-coll {
    gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  .header__company-time {
    display: none;
  }
}
.header__company-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 36px;
  height: 36px;
  background: rgba(196, 198, 255, 0.4);
  border-radius: 8px;
  display: none;
}
.header__company-btn img,
.header__company-btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .header__company-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__company-btn img,
.header__company-btn svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
  height: 20px;
}
.header__company-hd, .header__company-sublist {
  display: none;
}
@media screen and (max-width: 767px) {
  .header__company-hd, .header__company-sublist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__company-hd {
  padding: 12px 20px;
  border-bottom: 1px solid #d9e2ec;
}
.header__company-sublist {
  padding: 24px;
  gap: 16px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.header__company-exet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 44px;
  height: 44px;
  background: rgba(239, 78, 78, 0.1);
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0);
  fill: #ef4e4e;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
.header__company-exet img,
.header__company-exet svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .header__company-exet:hover {
    border-color: #ef4e4e;
  }
}
.header__company-exet:focus-visible {
  border-color: #ef4e4e;
}
.header__company-exet:active {
  border-color: #ffffff;
}
@media (hover: hover) {
  .header__company-exet:hover {
    background: rgba(239, 78, 78, 0.1);
  }
}
.header__company-exet:focus-visible {
  background: rgba(239, 78, 78, 0.1);
}
.header__company-exet:active {
  background: #ffffff;
}
@media (hover: hover) {
  .header__company-exet:hover {
    fill: #ef4e4e;
  }
}
.header__company-exet:focus-visible {
  fill: #ef4e4e;
}
.header__company-exet:active {
  fill: #bcbcbc;
}
@media screen and (max-width: 1680px) {
  .header__company-exet {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width: 1240px) {
  .header__company-exet {
    border-radius: 8px;
  }
}
.header__company-exet img,
.header__company-exet svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  .header__company-name {
    font-size: 14px;
  }
}
.header__company-user {
  gap: 10px;
}
.header__company-user-wrapp {
  gap: 4px;
}
.header__company-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 32px;
  height: 32px;
  background: url("../../assets/img/new-page/icons/user.svg") no-repeat center center/contain;
  background-size: 100% 100%;
}
.header__company-img img,
.header__company-img svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .header__company-img {
    width: 24px;
    height: 24px;
  }
}
.header__company-img img,
.header__company-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 50%;
  overflow: hidden;
}
.header__company-container {
  gap: 10px;
  padding: 8px 12px;
  background: #e7ecf3;
  border-radius: 12px;
}
@media screen and (max-width: 1680px) {
  .header__company-container {
    padding: 6px 10px;
  }
}
@media screen and (max-width: 767px) {
  .header__company-container {
    width: calc(100% - 48px);
    margin: auto 24px 24px 24px;
    background: none;
    border: 1px solid #d9e2ec;
  }
}
.header__company-sublink {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #486581;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .header__company-sublink:hover {
    color: #bcbcbc;
  }
}
.header__company-sublink:focus-visible {
  color: #bcbcbc;
}
.header__company-sublink:active {
  color: #bcbcbc;
}
.header__company-sublink.-is-active {
  color: #6b6ee8;
}
.header__company-mess {
  gap: 8px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #102a43;
}
.header__company-mess img,
.header__company-mess svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 767px) {
  .header__company-nav {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translateY(-110%);
        -ms-transform: translateY(-110%);
            transform: translateY(-110%);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 33;
    width: 100%;
    height: 100dvh;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #f0f4f8;
  }
  .header__company-nav.-is-active {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
  }
}

.header-index {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  background: var(--color-background);
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
  background: var(--color-background);
  position: static;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (min-width: 1920px) {
  .header-index {
    padding-top: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index {
    padding-top: calc(
				15px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index {
    padding-top: 15px;
  }
}
@media (min-width: 1920px) {
  .header-index {
    padding-bottom: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index {
    padding-bottom: calc(
				15px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index {
    padding-bottom: 15px;
  }
}
.header-index.--sticky {
  position: fixed;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-animation-name: show__header;
          animation-name: show__header;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-box-shadow: var(--shadow-primary);
          box-shadow: var(--shadow-primary);
}
.header-index.is-active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

@-webkit-keyframes show__header {
  from {
    opacity: 0;
    top: -100%;
  }
  to {
    opacity: 1;
    top: 0;
  }
}

@keyframes show__header {
  from {
    opacity: 0;
    top: -100%;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
.header-index__inner {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
}
@media (min-width: 1920px) {
  .header-index__inner {
    grid-gap: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__inner {
    grid-gap: calc(
				5px + 15 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__inner {
    grid-gap: 5px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__inner {
    grid-gap: 10px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}

@media screen and (max-width: 1240px) {
  .header-index__menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100dvh;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--color-background);
    padding: 80px var(--menu-padding-horizontal) 40px var(--menu-padding-horizontal);
    z-index: -1;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    opacity: 0;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .header-index__menu {
    --menu-padding-horizontal: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .header-index__menu {
    --menu-padding-horizontal: calc(
				20px + 20 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .header-index__menu {
    --menu-padding-horizontal: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__menu.is-active {
    opacity: 1;
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }
}

@media (min-width: 1920px) {
  .header-index__logo {
    max-width: 264px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__logo {
    max-width: calc(
				178px + 86 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__logo {
    max-width: 178px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
  .header-index__logo {
    max-width: 178px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1280px) {
  .header-index__logo {
    max-width: calc(
				214px + -36 * (((100vw - 768px)) / ((512)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .header-index__logo {
    max-width: 214px;
  }
}
@media screen and (max-width: 767px) {
  .header-index__logo {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width: 767px) {
  .header-index__logo .logo-full {
    display: none;
  }
}
.header-index__logo .logo-short {
  display: none;
}
@media screen and (max-width: 767px) {
  .header-index__logo .logo-short {
    display: block;
  }
}

.header-index__menu-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (min-width: 1920px) {
  .header-index__menu-inner {
    gap: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__menu-inner {
    gap: calc(
				10px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__menu-inner {
    gap: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__menu-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 20px;
  }
}

.header-index__nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1920px) {
  .header-index__nav-list {
    gap: 10px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-list {
    gap: calc(
				5px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-list {
    gap: 5px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 20px;
  }
}

.header-index__nav-item {
  position: relative;
}
@media screen and (max-width: 1240px) {
  .header-index__nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (hover: hover) {
  .header-index__nav-item:hover .header-index__nav-link:not(.header-index__nav-link--accent) {
    background: var(--color-light-periwinkle-40);
    color: var(--color-blue-primary);
  }
  .header-index__nav-item:hover .header-index__subnav-list {
    top: calc(100% + 10px);
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__nav-item.--dropdown .header-index__nav-link::after {
    content: "";
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    background: url("../img/icon/dropdown-arrow.svg") no-repeat center center/contain;
  }
}

.header-index__nav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--color-text);
  border-radius: 30px;
  border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
  .header-index__nav-link {
    gap: 10px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-link {
    gap: calc(
				5px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-link {
    gap: 5px;
  }
}
@media (min-width: 1920px) {
  .header-index__nav-link {
    padding-left: 18px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-link {
    padding-left: calc(
				8px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-link {
    padding-left: 8px;
  }
}
@media (min-width: 1920px) {
  .header-index__nav-link {
    padding-right: 18px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-link {
    padding-right: calc(
				8px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-link {
    padding-right: 8px;
  }
}
@media (min-width: 1920px) {
  .header-index__nav-link {
    padding-top: 13px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-link {
    padding-top: calc(
				6px + 7 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-link {
    padding-top: 6px;
  }
}
@media (min-width: 1920px) {
  .header-index__nav-link {
    padding-bottom: 13px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-link {
    padding-bottom: calc(
				6px + 7 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-link {
    padding-bottom: 6px;
  }
}
@media (min-width: 1920px) {
  .header-index__nav-link {
    font-size: 18px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-link {
    font-size: calc(
				14px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-link {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__nav-link {
    font-size: 18px;
    border-radius: 0;
    border: none;
    font-weight: 600;
    padding: 0;
    gap: 10px;
  }
}
.header-index__nav-link svg,
.header-index__nav-link img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .header-index__nav-link svg,
  .header-index__nav-link img {
    min-width: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-link svg,
  .header-index__nav-link img {
    min-width: calc(
				20px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-link svg,
  .header-index__nav-link img {
    min-width: 20px;
  }
}
@media (min-width: 1920px) {
  .header-index__nav-link svg,
  .header-index__nav-link img {
    max-width: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-link svg,
  .header-index__nav-link img {
    max-width: calc(
				20px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-link svg,
  .header-index__nav-link img {
    max-width: 20px;
  }
}
@media (min-width: 1920px) {
  .header-index__nav-link svg,
  .header-index__nav-link img {
    height: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-link svg,
  .header-index__nav-link img {
    height: calc(
				20px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-link svg,
  .header-index__nav-link img {
    height: 20px;
  }
}
.header-index__nav-link.is-active::after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
@media screen and (hover: hover) {
  .header-index__nav-link:hover {
    border-color: var(--color-golden);
    color: var(--color-golden);
    background: transparent;
  }
  .header-index__nav-link:hover .header-index__nav-icon {
    background-color: var(--color-golden);
  }
}
.header-index__nav-link:active {
  opacity: 0.5;
}

.header-index__nav-link--accent {
  padding: 4px;
  background-color: var(--color-golden);
  color: var(--color-white);
}
@media (min-width: 1920px) {
  .header-index__nav-link--accent {
    padding-left: 18px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-link--accent {
    padding-left: calc(
				8px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-link--accent {
    padding-left: 8px;
  }
}
@media (min-width: 1920px) {
  .header-index__nav-link--accent {
    padding-left: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-link--accent {
    padding-left: calc(
				12px + 12 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-link--accent {
    padding-left: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__nav-link--accent {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    background: transparent;
    color: var(--color-text);
  }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
  .header-index__nav-link--accent {
    padding-left: 24px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1280px) {
  .header-index__nav-link--accent {
    padding-left: calc(
				12px + 12 * (((100vw - 360px)) / ((920)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .header-index__nav-link--accent {
    padding-left: 12px;
  }
}

.header-index__nav-icon {
  border-radius: 50%;
  background: var(--color-charcoal-20);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}
@media (min-width: 1920px) {
  .header-index__nav-icon {
    width: 40px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-icon {
    width: calc(
				24px + 16 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-icon {
    width: 24px;
  }
}
@media (min-width: 1920px) {
  .header-index__nav-icon {
    height: 40px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-icon {
    height: calc(
				24px + 16 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-icon {
    height: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__nav-icon {
    width: 20px;
    height: 20px;
    background: transparent;
    border-radius: 0;
  }
}
.header-index__nav-icon svg,
.header-index__nav-icon img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .header-index__nav-icon svg,
  .header-index__nav-icon img {
    width: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-icon svg,
  .header-index__nav-icon img {
    width: calc(
				16px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-icon svg,
  .header-index__nav-icon img {
    width: 16px;
  }
}
@media (min-width: 1920px) {
  .header-index__nav-icon svg,
  .header-index__nav-icon img {
    height: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__nav-icon svg,
  .header-index__nav-icon img {
    height: calc(
				16px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__nav-icon svg,
  .header-index__nav-icon img {
    height: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__nav-icon svg,
  .header-index__nav-icon img {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__nav-icon svg path {
    fill: var(--color-golden);
  }
}

.header-index__contacts-item:not(:last-child) {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 1240px) {
  .header-index__contacts-item:not(:last-child) {
    padding-right: 0;
    margin-right: 0;
    border: none;
  }
}

.header-index__contacts-link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  color: var(--color-text);
}
@media (min-width: 1920px) {
  .header-index__contacts-link {
    grid-gap: 10px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__contacts-link {
    grid-gap: calc(
				5px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__contacts-link {
    grid-gap: 5px;
  }
}
@media (min-width: 1920px) {
  .header-index__contacts-link {
    font-size: 18px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__contacts-link {
    font-size: calc(
				14px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__contacts-link {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__contacts-link {
    font-size: 18px;
    font-weight: 600;
    grid-gap: 10px;
  }
}
.header-index__contacts-link svg,
.header-index__contacts-link img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .header-index__contacts-link svg,
  .header-index__contacts-link img {
    width: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__contacts-link svg,
  .header-index__contacts-link img {
    width: calc(
				16px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__contacts-link svg,
  .header-index__contacts-link img {
    width: 16px;
  }
}
@media (min-width: 1920px) {
  .header-index__contacts-link svg,
  .header-index__contacts-link img {
    height: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__contacts-link svg,
  .header-index__contacts-link img {
    height: calc(
				16px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__contacts-link svg,
  .header-index__contacts-link img {
    height: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__contacts-link svg,
  .header-index__contacts-link img {
    width: 20px;
    height: 20px;
  }
}
@media screen and (hover: hover) {
  .header-index__contacts-link:hover {
    color: var(--color-blue-primary);
  }
}
.header-index__contacts-link:active {
  opacity: 0.5;
}

.header-index__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
  .header-index__contacts {
    padding-left: 19px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__contacts {
    padding-left: calc(
				14px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__contacts {
    padding-left: 14px;
  }
}
@media (min-width: 1920px) {
  .header-index__contacts {
    padding-right: 19px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__contacts {
    padding-right: calc(
				14px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__contacts {
    padding-right: 14px;
  }
}
@media (min-width: 1920px) {
  .header-index__contacts {
    padding-top: 11px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__contacts {
    padding-top: calc(
				7px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__contacts {
    padding-top: 7px;
  }
}
@media (min-width: 1920px) {
  .header-index__contacts {
    padding-bottom: 11px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__contacts {
    padding-bottom: calc(
				7px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__contacts {
    padding-bottom: 7px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__contacts {
    gap: 20px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border: none;
    padding: 0;
    border-radius: 0;
  }
}

.header-index__account {
  border-radius: 50px;
  padding: 4px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  color: var(--color-white);
  background: var(--color-blue-primary);
  border: 1px solid transparent;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}
@media (min-width: 1920px) {
  .header-index__account {
    font-size: 18px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__account {
    font-size: calc(
				14px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__account {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .header-index__account {
    padding-left: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__account {
    padding-left: calc(
				12px + 12 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__account {
    padding-left: 12px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
  .header-index__account {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1280px) {
  .header-index__account {
    font-size: calc(
				14px + 2 * (((100vw - 360px)) / ((920)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .header-index__account {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
  .header-index__account {
    padding-left: 24px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1280px) {
  .header-index__account {
    padding-left: calc(
				12px + 12 * (((100vw - 360px)) / ((920)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .header-index__account {
    padding-left: 12px;
  }
}
@media screen and (hover: hover) {
  .header-index__account:hover {
    background: transparent;
    color: var(--color-blue-primary);
    border-color: var(--color-blue-primary);
  }
  .header-index__account:hover .header-index__account-icon {
    background: var(--color-blue-primary);
  }
}
.header-index__account:active {
  opacity: 0.5;
}

.header-index__account-icon {
  border-radius: 50%;
  background: var(--color-white-40);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}
@media (min-width: 1920px) {
  .header-index__account-icon {
    width: 40px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__account-icon {
    width: calc(
				24px + 16 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__account-icon {
    width: 24px;
  }
}
@media (min-width: 1920px) {
  .header-index__account-icon {
    height: 40px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__account-icon {
    height: calc(
				24px + 16 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__account-icon {
    height: 24px;
  }
}
.header-index__account-icon svg,
.header-index__account-icon img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .header-index__account-icon svg,
  .header-index__account-icon img {
    width: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__account-icon svg,
  .header-index__account-icon img {
    width: calc(
				16px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__account-icon svg,
  .header-index__account-icon img {
    width: 16px;
  }
}
@media (min-width: 1920px) {
  .header-index__account-icon svg,
  .header-index__account-icon img {
    height: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__account-icon svg,
  .header-index__account-icon img {
    height: calc(
				16px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__account-icon svg,
  .header-index__account-icon img {
    height: 16px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
  .header-index__account-icon svg,
  .header-index__account-icon img {
    width: 18px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1280px) {
  .header-index__account-icon svg,
  .header-index__account-icon img {
    width: calc(
				14px + 4 * (((100vw - 360px)) / ((920)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .header-index__account-icon svg,
  .header-index__account-icon img {
    width: 14px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
  .header-index__account-icon svg,
  .header-index__account-icon img {
    height: 18px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1280px) {
  .header-index__account-icon svg,
  .header-index__account-icon img {
    height: calc(
				14px + 4 * (((100vw - 360px)) / ((920)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .header-index__account-icon svg,
  .header-index__account-icon img {
    height: 14px;
  }
}

.header-index__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.header-index__burger {
  display: none;
}
@media screen and (max-width: 1240px) {
  .header-index__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    border: 1px solid var(--color-border-gray);
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .header-index__burger {
    width: 44px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
  .header-index__burger {
    width: calc(
				33px + 11 * (((100vw - 360px)) / ((880)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .header-index__burger {
    width: 33px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .header-index__burger {
    height: 44px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
  .header-index__burger {
    height: calc(
				33px + 11 * (((100vw - 360px)) / ((880)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .header-index__burger {
    height: 33px;
  }
}
.header-index__burger.is-active .header-index__burger-inner > .header-index__burger-bar1 {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: transparent;
}
.header-index__burger.is-active .header-index__burger-inner > .header-index__burger-bar2 {
  left: 0px;
  width: 100%;
  -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.header-index__burger.is-active .header-index__burger-inner > .header-index__burger-bar3 {
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
      -ms-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}
.header-index__burger.is-active .header-index__burger-inner > .header-index__burger-bar4 {
  background-color: transparent;
}
.header-index__burger.is-active .header-index__burger-inner > .header-index__burger-bar5 {
  bottom: 50%;
  -webkit-transform: translateY(50%);
      -ms-transform: translateY(50%);
          transform: translateY(50%);
  background-color: transparent;
}
.header-index__burger .header-index__burger-inner {
  position: relative;
}
@media (min-width: 1240px) {
  .header-index__burger .header-index__burger-inner {
    width: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1240px) {
  .header-index__burger .header-index__burger-inner {
    width: calc(
				15px + 3 * (((100vw - 360px)) / ((880)))
			);
  }
}
@media (max-width: 360px) {
  .header-index__burger .header-index__burger-inner {
    width: 15px;
  }
}
@media (min-width: 1240px) {
  .header-index__burger .header-index__burger-inner {
    height: 14px;
  }
}
@media (min-width: 360px) and (max-width: 1240px) {
  .header-index__burger .header-index__burger-inner {
    height: calc(
				10px + 4 * (((100vw - 360px)) / ((880)))
			);
  }
}
@media (max-width: 360px) {
  .header-index__burger .header-index__burger-inner {
    height: 10px;
  }
}
.header-index__burger .header-index__burger-bar {
  padding: 0;
  width: 100%;
  height: 2px;
  background-color: var(--color-blue-primary);
  display: block;
  border-radius: 4px;
  -webkit-transition: var(--duration-hover), -webkit-transform var(--duration-hover) 0.3s;
  transition: var(--duration-hover), -webkit-transform var(--duration-hover) 0.3s;
  -o-transition: var(--duration-hover), transform var(--duration-hover) 0.3s;
  transition: var(--duration-hover), transform var(--duration-hover) 0.3s;
  transition: var(--duration-hover), transform var(--duration-hover) 0.3s, -webkit-transform var(--duration-hover) 0.3s;
  position: absolute;
  border-radius: 10px;
}
.header-index__burger .header-index__burger-bar1 {
  top: 0;
}
.header-index__burger .header-index__burger-bar2 {
  width: 0px;
  left: 13.5px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.header-index__burger .header-index__burger-bar3 {
  width: 0px;
  left: 13.5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header-index__burger .header-index__burger-bar4 {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.header-index__burger .header-index__burger-bar5 {
  bottom: 0;
}

.header-index__subnav-list {
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: var(--color-gray-background);
  border-radius: 25px;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  padding: 5px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}
@media (min-width: 1920px) {
  .header-index__subnav-list {
    max-height: 500px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__subnav-list {
    max-height: calc(
				400px + 100 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__subnav-list {
    max-height: 400px;
  }
}
@media (min-width: 1920px) {
  .header-index__subnav-list {
    width: 400px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__subnav-list {
    width: calc(
				350px + 50 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__subnav-list {
    width: 350px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__subnav-list {
    opacity: 1;
    position: static;
    top: 0;
    left: 0;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 15px;
    background: transparent;
    padding: 0;
    border-radius: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    visibility: visible;
  }
  .header-index__subnav-list.is-active {
    max-height: 1000px;
    margin-top: 20px;
  }
}

.header-index__subnav-link {
  font-weight: 600;
  display: block;
  color: var(--color-steel-blue);
  border-radius: 100px;
}
@media (min-width: 1920px) {
  .header-index__subnav-link {
    font-size: 18px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__subnav-link {
    font-size: calc(
				16px + 2 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__subnav-link {
    font-size: 16px;
  }
}
@media (min-width: 1920px) {
  .header-index__subnav-link {
    padding-top: 15px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__subnav-link {
    padding-top: calc(
				10px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__subnav-link {
    padding-top: 10px;
  }
}
@media (min-width: 1920px) {
  .header-index__subnav-link {
    padding-bottom: 15px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__subnav-link {
    padding-bottom: calc(
				10px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__subnav-link {
    padding-bottom: 10px;
  }
}
@media (min-width: 1920px) {
  .header-index__subnav-link {
    padding-left: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__subnav-link {
    padding-left: calc(
				15px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__subnav-link {
    padding-left: 15px;
  }
}
@media (min-width: 1920px) {
  .header-index__subnav-link {
    padding-right: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header-index__subnav-link {
    padding-right: calc(
				15px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header-index__subnav-link {
    padding-right: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .header-index__subnav-link {
    padding: 0;
    color: var(--color-blue-primary);
  }
}
@media screen and (hover: hover) {
  .header-index__subnav-link:hover {
    color: var(--color-text);
    background: var(--color-light-periwinkle-40);
  }
}
.header-index__subnav-link:active {
  color: var(--color-white);
  background: var(--color-blue-primary);
}

.field__wrapp-title {
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .field__wrapp-title {
    padding-bottom: 5px;
  }
}

.field__wrapp-container {
  position: relative;
}

.field-date,
.input-new,
.field-input,
.field-textarea,
.textarea-new {
  border-radius: 16px;
  background: #e7ecf3;
  border: 1px solid #d9e2ec;
  width: 100%;
  min-height: 48px;
  padding: 14px 12px;
  border: none;
  outline: none;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  color: #102a43;
  border-radius: 12px;
}
@media screen and (max-width: 1680px) {
  .field-date,
  .input-new,
  .field-input,
  .field-textarea,
  .textarea-new {
    font-size: 16px;
    padding: 12px;
    min-height: 44px;
  }
}
@media screen and (max-width: 767px) {
  .field-date,
  .input-new,
  .field-input,
  .field-textarea,
  .textarea-new {
    min-height: 36px;
    font-size: 14px;
    padding: 8px;
    border-radius: 8px;
  }
}
.field-date::-webkit-input-placeholder, .input-new::-webkit-input-placeholder, .field-input::-webkit-input-placeholder, .field-textarea::-webkit-input-placeholder, .textarea-new::-webkit-input-placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: #829ab1;
}
.field-date::-moz-placeholder, .input-new::-moz-placeholder, .field-input::-moz-placeholder, .field-textarea::-moz-placeholder, .textarea-new::-moz-placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: #829ab1;
}
.field-date:-ms-input-placeholder, .input-new:-ms-input-placeholder, .field-input:-ms-input-placeholder, .field-textarea:-ms-input-placeholder, .textarea-new:-ms-input-placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: #829ab1;
}
.field-date::-ms-input-placeholder, .input-new::-ms-input-placeholder, .field-input::-ms-input-placeholder, .field-textarea::-ms-input-placeholder, .textarea-new::-ms-input-placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: #829ab1;
}
.field-date::placeholder,
.input-new::placeholder,
.field-input::placeholder,
.field-textarea::placeholder,
.textarea-new::placeholder {
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 110%;
  color: #829ab1;
}
@media screen and (max-width: 1680px) {
  .field-date::-webkit-input-placeholder, .input-new::-webkit-input-placeholder, .field-input::-webkit-input-placeholder, .field-textarea::-webkit-input-placeholder, .textarea-new::-webkit-input-placeholder {
    font-size: 16px;
  }
  .field-date::-moz-placeholder, .input-new::-moz-placeholder, .field-input::-moz-placeholder, .field-textarea::-moz-placeholder, .textarea-new::-moz-placeholder {
    font-size: 16px;
  }
  .field-date:-ms-input-placeholder, .input-new:-ms-input-placeholder, .field-input:-ms-input-placeholder, .field-textarea:-ms-input-placeholder, .textarea-new:-ms-input-placeholder {
    font-size: 16px;
  }
  .field-date::-ms-input-placeholder, .input-new::-ms-input-placeholder, .field-input::-ms-input-placeholder, .field-textarea::-ms-input-placeholder, .textarea-new::-ms-input-placeholder {
    font-size: 16px;
  }
  .field-date::placeholder,
  .input-new::placeholder,
  .field-input::placeholder,
  .field-textarea::placeholder,
  .textarea-new::placeholder {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .field-date::-webkit-input-placeholder, .input-new::-webkit-input-placeholder, .field-input::-webkit-input-placeholder, .field-textarea::-webkit-input-placeholder, .textarea-new::-webkit-input-placeholder {
    font-size: 14px;
  }
  .field-date::-moz-placeholder, .input-new::-moz-placeholder, .field-input::-moz-placeholder, .field-textarea::-moz-placeholder, .textarea-new::-moz-placeholder {
    font-size: 14px;
  }
  .field-date:-ms-input-placeholder, .input-new:-ms-input-placeholder, .field-input:-ms-input-placeholder, .field-textarea:-ms-input-placeholder, .textarea-new:-ms-input-placeholder {
    font-size: 14px;
  }
  .field-date::-ms-input-placeholder, .input-new::-ms-input-placeholder, .field-input::-ms-input-placeholder, .field-textarea::-ms-input-placeholder, .textarea-new::-ms-input-placeholder {
    font-size: 14px;
  }
  .field-date::placeholder,
  .input-new::placeholder,
  .field-input::placeholder,
  .field-textarea::placeholder,
  .textarea-new::placeholder {
    font-size: 14px;
  }
}

.field-input,
.field-textarea {
  font-weight: 500;
  color: #102a43;
  border: 1px solid #d9e2ec;
}
.field-input::-webkit-input-placeholder, .field-textarea::-webkit-input-placeholder {
  font-weight: 500;
  color: #829ab1;
}
.field-input::-moz-placeholder, .field-textarea::-moz-placeholder {
  font-weight: 500;
  color: #829ab1;
}
.field-input:-ms-input-placeholder, .field-textarea:-ms-input-placeholder {
  font-weight: 500;
  color: #829ab1;
}
.field-input::-ms-input-placeholder, .field-textarea::-ms-input-placeholder {
  font-weight: 500;
  color: #829ab1;
}
.field-input::placeholder,
.field-textarea::placeholder {
  font-weight: 500;
  color: #829ab1;
}

.field-textarea {
  min-height: 180px;
  resize: none;
}
@media (max-width: 1680px) {
  .field-textarea {
    min-height: 90px;
  }
}
@media (max-width: 1240px) {
  .field-textarea {
    min-height: 105px;
  }
}
@media (max-width: 767px) {
  .field-textarea {
    min-height: 120px;
  }
}

.srch-btn {
  width: 24px;
  height: 24px;
  fill: #486581;
}
@media screen and (max-width: 1680px) {
  .srch-btn {
    width: 20px;
    height: 20px;
  }
}

.field-input.search-input {
  padding-right: 50px;
}

.field-date {
  background: url("../../assets/img/new-page/icons/date.svg") no-repeat center right 12px/contain, #e7ecf3;
  background-size: 24px 24px;
}
@media screen and (max-width: 1680px) {
  .field-date {
    background-size: 20px 20px;
  }
}
.field-date::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
}

input[type=date] {
  background: url("../../assets/img/new-page/icons/date.svg") no-repeat center right 20px/contain;
  background-size: 24px 24px;
}
@media screen and (max-width: 1680px) {
  input[type=date] {
    background-size: 20px 20px;
  }
}
input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
}

.input-angle__title {
  font-weight: 500;
  color: var(--color-text);
  letter-spacing: 0.02em;
  line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
  .input-angle__title {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .input-angle__title {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .input-angle__title {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .input-angle__title {
    margin-bottom: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .input-angle__title {
    margin-bottom: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .input-angle__title {
    margin-bottom: 5px;
  }
}

.input-angle {
  position: relative;
}

.input-angle__field {
  color: var(--color-text);
  border-radius: 50px;
  outline: none;
  width: 100%;
  font-style: normal;
  line-height: var(--line-height-text);
  background: var(--color-background);
  border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
  .input-angle__field {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .input-angle__field {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .input-angle__field {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .input-angle__field {
    padding-top: 11px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .input-angle__field {
    padding-top: calc(
				8px + 3 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .input-angle__field {
    padding-top: 8px;
  }
}
@media (min-width: 1920px) {
  .input-angle__field {
    padding-bottom: 11px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .input-angle__field {
    padding-bottom: calc(
				8px + 3 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .input-angle__field {
    padding-bottom: 8px;
  }
}
@media (min-width: 1920px) {
  .input-angle__field {
    padding-left: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .input-angle__field {
    padding-left: calc(
				14px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .input-angle__field {
    padding-left: 14px;
  }
}
@media (min-width: 1920px) {
  .input-angle__field {
    padding-right: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .input-angle__field {
    padding-right: calc(
				14px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .input-angle__field {
    padding-right: 14px;
  }
}
@media (min-width: 1920px) {
  .input-angle__field {
    min-height: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .input-angle__field {
    min-height: calc(
				36px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .input-angle__field {
    min-height: 36px;
  }
}
.input-angle__field::-webkit-input-placeholder {
  color: var(--color-middle-blue);
}
.input-angle__field::-moz-placeholder {
  color: var(--color-middle-blue);
}
.input-angle__field:-ms-input-placeholder {
  color: var(--color-middle-blue);
}
.input-angle__field::-ms-input-placeholder {
  color: var(--color-middle-blue);
}
.input-angle__field::placeholder {
  color: var(--color-middle-blue);
}
@media screen and (hover: hover) {
  .input-angle__field:hover {
    border-color: var(--color-middle-blue);
  }
}
.input-angle__field:focus {
  border-color: var(--color-text);
}

.search-field {
  position: relative;
}

@media (min-width: 1920px) {
  .search-field__input {
    padding-right: 56px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .search-field__input {
    padding-right: calc(
				48px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .search-field__input {
    padding-right: 48px;
  }
}

.search-submit {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 1920px) {
  .search-submit {
    right: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .search-submit {
    right: calc(
				12px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .search-submit {
    right: 12px;
  }
}
@media (min-width: 1920px) {
  .search-submit {
    width: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .search-submit {
    width: calc(
				20px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .search-submit {
    width: 20px;
  }
}
@media (min-width: 1920px) {
  .search-submit {
    height: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .search-submit {
    height: calc(
				20px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .search-submit {
    height: 20px;
  }
}
@media screen and (hover: hover) {
  .search-submit:hover {
    -webkit-transform: translateY(-50%) scale(1.1);
        -ms-transform: translateY(-50%) scale(1.1);
            transform: translateY(-50%) scale(1.1);
  }
}
.search-submit:active {
  opacity: 0.5;
}
.search-submit svg,
.search-submit img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.input-angle__counter {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
}

.js-counter-btn svg {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .js-counter-btn svg {
    width: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .js-counter-btn svg {
    width: calc(
				12px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .js-counter-btn svg {
    width: 12px;
  }
}
@media (min-width: 1920px) {
  .js-counter-btn svg {
    height: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .js-counter-btn svg {
    height: calc(
				12px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .js-counter-btn svg {
    height: 12px;
  }
}
.js-counter-btn._disabled {
  opacity: 0.5;
}

.input-err {
  color: var(--color-red);
  line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
  .input-err {
    font-size: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .input-err {
    font-size: calc(
				12px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .input-err {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  .input-err {
    padding-top: 8px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .input-err {
    padding-top: calc(
				4px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .input-err {
    padding-top: 4px;
  }
}

.selected-button {
  min-width: 0 !important;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}

.selected-footer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 8px 12px;
}

.selected-body {
  background: #e7ecf3;
  padding: 0;
  border: 1px solid #d9e2ec;
  border-radius: 12px;
}

.selected__header {
  background: #e7ecf3;
  border: 1px solid #d9e2ec;
  border-radius: 12px;
  min-height: 48px;
  padding: 12px;
}
@media screen and (max-width: 1680px) {
  .selected__header {
    min-height: 44px;
  }
}
@media screen and (max-width: 767px) {
  .selected__header {
    padding: 8px;
    min-height: 36px;
  }
}
.selected__header .select__current {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #829ab1;
  opacity: 1;
}
@media screen and (max-width: 1680px) {
  .selected__header .select__current {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .selected__header .select__current {
    font-size: 14px;
  }
}
.selected__header .select__current.selected {
  color: #102a43;
}
.selected__header .select__current .select-arrow {
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1680px) {
  .selected__header .select__current .select-arrow {
    width: 20px;
    height: 20px;
  }
}

.selected-body-wrapp {
  padding-right: 5px;
  max-height: 200px;
}
.selected-body-wrapp::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 40px;
  background: #6b6ee8;
}
.selected-body-wrapp::-webkit-scrollbar {
  width: 6px;
  border-radius: 40px;
  background: none;
}
@-moz-document url-prefix() {
  .selected-body-wrapp {
    scrollbar-width: thin;
    scrollbar-color: #6b6ee8 rgba(0, 0, 0, 0);
  }
  .selected-body-wrapp::-webkit-scrollbar-thumb {
    width: 6px;
    background: #6b6ee8;
    border-radius: 40px;
  }
  .selected-body-wrapp::-webkit-scrollbar {
    width: 6px;
    background: none;
  }
  .selected-body-wrapp::-moz-scrollbar {
    width: 6px;
  }
  .selected-body-wrapp .scrollable-content::-moz-scrollbar-thumb {
    background: #6b6ee8;
    border-radius: 40px;
  }
}

.select.open-up .selected-body {
  top: auto;
  bottom: 110%;
}

.selected__check-tite {
  padding: 13px 12px 13px 46px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #102a43;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .selected__check-tite:hover {
    color: #102a43;
  }
}
.selected__check-tite:focus-visible {
  color: #102a43;
}
.selected__check-tite:active {
  color: #bcbcbc;
}
@media (hover: hover) {
  .selected__check-tite:hover {
    background: rgba(196, 198, 255, 0.4);
  }
}
.selected__check-tite:focus-visible {
  background: rgba(196, 198, 255, 0.4);
}
.selected__check-tite:active {
  background: none;
}
@media screen and (max-width: 1680px) {
  .selected__check-tite {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .selected__check-tite {
    font-size: 14px;
    padding: 9px 12px 9px 42px;
  }
}
.selected__check-tite::after, .selected__check-tite::before {
  left: 12px;
  top: 50%;
  width: 24px;
  height: 24px;
  background: url("../../assets/img/new-page/icons/square-new.svg") no-repeat center center/contain;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .selected__check-tite::after, .selected__check-tite::before {
    width: 20px;
    height: 20px;
  }
}
@media (hover: hover) {
  .selected__check-tite:hover::after {
    background: url("../../assets/img/new-page/icons/square-new-hover.svg") no-repeat center center/contain;
  }
}
.selected__check-tite::before {
  background: url("../../assets/img/new-page/icons/checkid-new.svg") no-repeat center center/contain;
}

.selected__item {
  padding: 12;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #102a43;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .selected__item:hover {
    color: #102a43;
  }
}
.selected__item:focus-visible {
  color: #102a43;
}
.selected__item:active {
  color: #bcbcbc;
}
@media (hover: hover) {
  .selected__item:hover {
    background: rgba(196, 198, 255, 0.4);
  }
}
.selected__item:focus-visible {
  background: rgba(196, 198, 255, 0.4);
}
.selected__item:active {
  background: none;
}
@media screen and (max-width: 1680px) {
  .selected__item {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .selected__item {
    padding: 10px 12px;
  }
}
@media screen and (max-width: 767px) {
  .selected__item {
    font-size: 14px;
    padding: 8px 12px;
  }
}

input:checked ~ .selected__item {
  color: #6b6ee8;
  background: none;
}

.select.open-up .select__body {
  top: auto;
  bottom: 100%;
}

.select-angle__header {
  background: var(--color-background);
  border-radius: 100px;
  border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
  .select-angle__header {
    padding-top: 11px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .select-angle__header {
    padding-top: calc(
				8px + 3 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .select-angle__header {
    padding-top: 8px;
  }
}
@media (min-width: 1920px) {
  .select-angle__header {
    padding-bottom: 11px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .select-angle__header {
    padding-bottom: calc(
				8px + 3 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .select-angle__header {
    padding-bottom: 8px;
  }
}
@media (min-width: 1920px) {
  .select-angle__header {
    padding-left: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .select-angle__header {
    padding-left: calc(
				16px + 8 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .select-angle__header {
    padding-left: 16px;
  }
}
@media (min-width: 1920px) {
  .select-angle__header {
    padding-right: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .select-angle__header {
    padding-right: calc(
				16px + 8 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .select-angle__header {
    padding-right: 16px;
  }
}
@media (min-width: 1920px) {
  .select-angle__header {
    min-height: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .select-angle__header {
    min-height: calc(
				36px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .select-angle__header {
    min-height: 36px;
  }
}
@media screen and (hover: hover) {
  .select-angle__header:hover {
    border-color: var(--color-middle-blue);
  }
}

.select-angle.is-active .select-angle__header {
  border-color: var(--color-text);
}

.select-angle__body {
  background: var(--color-background);
  border-radius: 0 0 12px 12px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  border: 1px solid var(--color-border-gray);
  border-top: none;
}

.select-angle__body-wrap {
  padding-right: 0;
}

.select-angle__item {
  color: var(--color-text);
  border-radius: 0;
  background: var(--color-background);
}
@media (min-width: 1920px) {
  .select-angle__item {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .select-angle__item {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .select-angle__item {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .select-angle__item {
    padding-top: 11px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .select-angle__item {
    padding-top: calc(
				8px + 3 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .select-angle__item {
    padding-top: 8px;
  }
}
@media (min-width: 1920px) {
  .select-angle__item {
    padding-bottom: 11px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .select-angle__item {
    padding-bottom: calc(
				8px + 3 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .select-angle__item {
    padding-bottom: 8px;
  }
}
@media (min-width: 1920px) {
  .select-angle__item {
    padding-left: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .select-angle__item {
    padding-left: calc(
				14px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .select-angle__item {
    padding-left: 14px;
  }
}
@media (min-width: 1920px) {
  .select-angle__item {
    padding-right: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .select-angle__item {
    padding-right: calc(
				14px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .select-angle__item {
    padding-right: 14px;
  }
}

.label-check {
  position: relative;
  display: block;
  cursor: pointer;
  display: inline-block;
}

.label-check-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
  z-index: -11;
}

.label-checked-box,
.label-checked-span {
  position: relative;
  padding-left: 32px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #102a43;
  padding-left: 34px;
  display: block;
}
@media (min-width: 1920px) {
  .label-checked-box,
  .label-checked-span {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .label-checked-box,
  .label-checked-span {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .label-checked-box,
  .label-checked-span {
    font-size: 14px;
  }
}
@media screen and (max-width: 1680px) {
  .label-checked-box,
  .label-checked-span {
    padding-left: 28px;
  }
}
.label-checked-box::after, .label-checked-box::before,
.label-checked-span::after,
.label-checked-span::before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background: url("../../assets/img/new-page/icons/square-new.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1680px) {
  .label-checked-box::after, .label-checked-box::before,
  .label-checked-span::after,
  .label-checked-span::before {
    width: 20px;
    height: 20px;
    top: 0;
  }
}
@media (hover: hover) {
  .label-checked-box:hover::after,
  .label-checked-span:hover::after {
    background: url("../../assets/img/new-page/icons/square-new-hover.svg") no-repeat center center/contain;
  }
}
.label-checked-box::before,
.label-checked-span::before {
  background: url("../../assets/img/new-page/icons/checkid-new.svg") no-repeat center center/contain;
  opacity: 0;
}
.label-checked-box a,
.label-checked-span a {
  display: inline;
  color: var(--color-blue-primary);
}
@media screen and (hover: hover) {
  .label-checked-box a:hover,
  .label-checked-span a:hover {
    color: var(--color-golden);
  }
}
.label-checked-box a:active,
.label-checked-span a:active {
  opacity: 0.5;
}

.label-radio-span::after {
  background: url("../../assets/img/icon/circle.svg") no-repeat center center/contain;
}
.label-radio-span::before {
  background: url("../../assets/img/icon/circle-checkid.svg") no-repeat center center/contain;
}

input:checked ~ .label-checked-box::after,
input:checked ~ .label-checked-span::after {
  opacity: 0;
}
input:checked ~ .label-checked-box::before,
input:checked ~ .label-checked-span::before {
  opacity: 1;
}

input:indeterminate ~ .label-checked-span::after,
input:indeterminate ~ .label-checked-box::after {
  opacity: 0;
}
input:indeterminate ~ .label-checked-span::before,
input:indeterminate ~ .label-checked-box::before {
  background: url("../../assets/img/icon/line.svg") no-repeat center center/contain;
  opacity: 1;
}

input:indeterminate ~ .label-radio-span::before {
  background: url("../../assets/img/new-page/icons/checkid-indeterminate.svg") no-repeat center center/contain;
}

.label-checked-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0;
}
@media screen and (max-width: 1680px) {
  .label-checked-box {
    width: 20px;
    height: 20px;
  }
}
.label-checked-box::after, .label-checked-box::before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.tippy-box[data-theme~=tooltips] {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #102a43;
  border-radius: 12px;
  background: rgba(196, 198, 255, 0.4);
}
.tippy-box[data-theme~=tooltips] .tippy-arrow {
  color: rgba(196, 198, 255, 0.4);
}
.tippy-box[data-theme~=tooltips] .tippy-content {
  border-radius: 12px;
  padding: 8px 12px;
}

.snackbar {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 50;
  background: var(--color-background);
  display: -ms-grid;
  display: grid;
  -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: var(--duration-anim);
  -o-transition: var(--duration-anim);
  transition: var(--duration-anim);
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}
@media (min-width: 1920px) {
  .snackbar {
    padding: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .snackbar {
    padding: calc(
				12px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .snackbar {
    padding: 12px;
  }
}
@media (min-width: 1920px) {
  .snackbar {
    max-width: 572px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .snackbar {
    max-width: calc(
				300px + 272 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .snackbar {
    max-width: 300px;
  }
}
@media (min-width: 1920px) {
  .snackbar {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .snackbar {
    grid-gap: calc(
				12px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .snackbar {
    grid-gap: 12px;
  }
}
@media (min-width: 1920px) {
  .snackbar {
    border-radius: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .snackbar {
    border-radius: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .snackbar {
    border-radius: 10px;
  }
}
.snackbar.is-active {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0%);
      -ms-transform: translateX(0%);
          transform: translateX(0%);
}

.snackbar__head {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media (min-width: 1920px) {
  .snackbar__head {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .snackbar__head {
    grid-gap: calc(
				8px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .snackbar__head {
    grid-gap: 8px;
  }
}

@media (min-width: 1920px) {
  .snackbar__icon,
  .snackbar__close {
    width: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .snackbar__icon,
  .snackbar__close {
    width: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .snackbar__icon,
  .snackbar__close {
    width: 20px;
  }
}
@media (min-width: 1920px) {
  .snackbar__icon,
  .snackbar__close {
    height: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .snackbar__icon,
  .snackbar__close {
    height: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .snackbar__icon,
  .snackbar__close {
    height: 20px;
  }
}
.snackbar__icon svg,
.snackbar__close svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.snackbar__title {
  font-weight: 600;
  line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
  .snackbar__title {
    font-size: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .snackbar__title {
    font-size: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .snackbar__title {
    font-size: 16px;
  }
}

.snackbar__text {
  font-weight: 500;
  line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
  .snackbar__text {
    font-size: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .snackbar__text {
    font-size: calc(
				14px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .snackbar__text {
    font-size: 14px;
  }
}

@media screen and (max-width: 572.98px) {
  .accordion .-is-status-open {
    display: none;
  }
  .accordion .-is-status-hidden {
    display: block;
  }
  .accordion.is-active .-is-status-open {
    display: block;
  }
  .accordion.is-active .-is-status-hidden {
    display: none;
  }
}

.footer {
  background: var(--color-blue-primary);
  position: relative;
  z-index: 2;
}
.footer::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/footer-bg.svg") no-repeat center center/cover;
  z-index: -1;
}
@media screen and (max-width: 1240px) {
  .footer::before {
    background-image: url("../img/footer-bg-mobile.svg");
  }
}

.footer__inner {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .footer__inner {
    grid-gap: 60px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer__inner {
    grid-gap: calc(
				40px + 20 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer__inner {
    grid-gap: 40px;
  }
}
@media (min-width: 1920px) {
  .footer__inner {
    padding-top: 40px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer__inner {
    padding-top: calc(
				30px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer__inner {
    padding-top: 30px;
  }
}
@media (min-width: 1920px) {
  .footer__inner {
    padding-bottom: 40px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer__inner {
    padding-bottom: calc(
				30px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer__inner {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 992px) and (min-width: 992px) {
  .footer__inner {
    grid-gap: 40px;
  }
}
@media screen and (max-width: 992px) and (min-width: 360px) and (max-width: 992px) {
  .footer__inner {
    grid-gap: calc(
				30px + 10 * (((100vw - 360px)) / ((632)))
			);
  }
}
@media screen and (max-width: 992px) and (max-width: 360px) {
  .footer__inner {
    grid-gap: 30px;
  }
}
@media screen and (max-width: 992px) and (min-width: 992px) {
  .footer__inner {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 992px) and (min-width: 360px) and (max-width: 992px) {
  .footer__inner {
    padding-bottom: calc(
				24px + 16 * (((100vw - 360px)) / ((632)))
			);
  }
}
@media screen and (max-width: 992px) and (max-width: 360px) {
  .footer__inner {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 992px) and (min-width: 992px) {
  .footer__inner {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 992px) and (min-width: 360px) and (max-width: 992px) {
  .footer__inner {
    padding-bottom: calc(
				24px + 16 * (((100vw - 360px)) / ((632)))
			);
  }
}
@media screen and (max-width: 992px) and (max-width: 360px) {
  .footer__inner {
    padding-bottom: 24px;
  }
}

.footer__map {
  border-radius: 5px;
  width: 100%;
  overflow: hidden;
  background: var(--color-background);
}
@media (min-width: 1920px) {
  .footer__map {
    height: 385px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer__map {
    height: calc(
				293px + 92 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer__map {
    height: 293px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .footer__map {
    height: 385px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
  .footer__map {
    height: calc(
				176px + 209 * (((100vw - 360px)) / ((880)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .footer__map {
    height: 176px;
  }
}
.footer__map iframe,
.footer__map div {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.footer__top {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
  .footer__top {
    grid-gap: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer__top {
    grid-gap: calc(
				24px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer__top {
    grid-gap: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .footer__top {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.footer__logo {
  max-width: 100%;
}
@media (min-width: 1920px) {
  .footer__logo {
    height: 50px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer__logo {
    height: calc(
				42px + 8 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer__logo {
    height: 42px;
  }
}
@media screen and (max-width: 1240px) {
  .footer__logo {
    height: 50px;
  }
}
.footer__logo img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer__info,
.footer-content {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .footer__info,
  .footer-content {
    grid-gap: 40px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer__info,
  .footer-content {
    grid-gap: calc(
				20px + 20 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer__info,
  .footer-content {
    grid-gap: 20px;
  }
}

.footer-content__info {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .footer-content__info {
    grid-gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-content__info {
    grid-gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-content__info {
    grid-gap: 10px;
  }
}

.footer__title {
  font-weight: 700;
  color: var(--color-white);
}
@media (min-width: 1920px) {
  .footer__title {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer__title {
    font-size: calc(
				16px + 2 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer__title {
    font-size: 16px;
  }
}

.footer-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1920px) {
  .footer-contacts {
    gap: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer-contacts {
    gap: calc(
				10px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer-contacts {
    gap: 10px;
  }
}

.footer-contacts__link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  border-radius: 30px;
  background: var(--color-white);
  color: var(--color-text);
  font-weight: 500;
  border: 1px solid var(--color-border-light);
}
@media (min-width: 1920px) {
  .footer-contacts__link {
    padding-top: 15px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer-contacts__link {
    padding-top: calc(
				9px + 6 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer-contacts__link {
    padding-top: 9px;
  }
}
@media (min-width: 1920px) {
  .footer-contacts__link {
    padding-bottom: 15px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer-contacts__link {
    padding-bottom: calc(
				9px + 6 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer-contacts__link {
    padding-bottom: 9px;
  }
}
@media (min-width: 1920px) {
  .footer-contacts__link {
    padding-left: 25px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer-contacts__link {
    padding-left: calc(
				19px + 6 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer-contacts__link {
    padding-left: 19px;
  }
}
@media (min-width: 1920px) {
  .footer-contacts__link {
    padding-right: 25px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer-contacts__link {
    padding-right: calc(
				19px + 6 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer-contacts__link {
    padding-right: 19px;
  }
}
@media (min-width: 1920px) {
  .footer-contacts__link {
    grid-gap: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-contacts__link {
    grid-gap: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-contacts__link {
    grid-gap: 5px;
  }
}
@media (min-width: 1920px) {
  .footer-contacts__link {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-contacts__link {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-contacts__link {
    font-size: 14px;
  }
}
.footer-contacts__link svg,
.footer-contacts__link img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .footer-contacts__link svg,
  .footer-contacts__link img {
    width: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-contacts__link svg,
  .footer-contacts__link img {
    width: calc(
				20px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-contacts__link svg,
  .footer-contacts__link img {
    width: 20px;
  }
}
@media (min-width: 1920px) {
  .footer-contacts__link svg,
  .footer-contacts__link img {
    height: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-contacts__link svg,
  .footer-contacts__link img {
    height: calc(
				20px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-contacts__link svg,
  .footer-contacts__link img {
    height: 20px;
  }
}
@media screen and (hover: hover) {
  .footer-contacts__link:hover {
    color: var(--color-blue-primary);
  }
}
.footer-contacts__link:active {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}

.footer-docs {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .footer-docs {
    grid-gap: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer-docs {
    grid-gap: calc(
				10px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer-docs {
    grid-gap: 10px;
  }
}

.footer-docs__item {
  color: var(--color-white);
  position: relative;
  font-weight: 500;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
}
@media (min-width: 1920px) {
  .footer-docs__item {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-docs__item {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-docs__item {
    font-size: 14px;
  }
}
.footer-docs__item::before {
  content: "";
  display: block;
  position: relative;
  background: url("../img/icon/box-white.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
  .footer-docs__item::before {
    width: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-docs__item::before {
    width: calc(
				16px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-docs__item::before {
    width: 16px;
  }
}
@media (min-width: 1920px) {
  .footer-docs__item::before {
    height: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-docs__item::before {
    height: calc(
				16px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-docs__item::before {
    height: 16px;
  }
}

.footer-social__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1920px) {
  .footer-social__list {
    gap: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-social__list {
    gap: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-social__list {
    gap: 5px;
  }
}

.footer-social__link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  border-radius: 30px;
  background: var(--color-white);
  color: var(--color-text);
  font-weight: 600;
}
@media (min-width: 1920px) {
  .footer-social__link {
    grid-gap: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-social__link {
    grid-gap: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-social__link {
    grid-gap: 5px;
  }
}
@media (min-width: 1920px) {
  .footer-social__link {
    padding-top: 15px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer-social__link {
    padding-top: calc(
				10px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer-social__link {
    padding-top: 10px;
  }
}
@media (min-width: 1920px) {
  .footer-social__link {
    padding-bottom: 15px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer-social__link {
    padding-bottom: calc(
				10px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer-social__link {
    padding-bottom: 10px;
  }
}
@media (min-width: 1920px) {
  .footer-social__link {
    padding-left: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer-social__link {
    padding-left: calc(
				15px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer-social__link {
    padding-left: 15px;
  }
}
@media (min-width: 1920px) {
  .footer-social__link {
    padding-right: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .footer-social__link {
    padding-right: calc(
				15px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .footer-social__link {
    padding-right: 15px;
  }
}
@media (min-width: 1920px) {
  .footer-social__link {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-social__link {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-social__link {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .footer-social__link {
    padding: 8px;
    padding-right: 10px;
  }
}
.footer-social__link svg,
.footer-social__link img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .footer-social__link svg,
  .footer-social__link img {
    width: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-social__link svg,
  .footer-social__link img {
    width: calc(
				18px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-social__link svg,
  .footer-social__link img {
    width: 18px;
  }
}
@media (min-width: 1920px) {
  .footer-social__link svg,
  .footer-social__link img {
    height: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer-social__link svg,
  .footer-social__link img {
    height: calc(
				18px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer-social__link svg,
  .footer-social__link img {
    height: 18px;
  }
}
@media screen and (hover: hover) {
  .footer-social__link:hover {
    color: var(--color-blue-primary);
  }
}
.footer-social__link:active {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (min-width: 1920px) {
  .footer__bottom {
    gap: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .footer__bottom {
    gap: calc(
				10px + 10 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .footer__bottom {
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .footer__bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.footer__text {
  color: var(--color-white);
  font-weight: 500;
}
@media (min-width: 1920px) {
  .footer__text {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .footer__text {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .footer__text {
    font-size: 14px;
  }
}

@media screen and (hover: hover) {
  .footer__policy:hover {
    color: var(--color-gray-muted);
  }
}

/*- publick -*/
.about {
  padding-top: 40px;
  padding-bottom: 40px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 686px;
  grid-template-columns: 1fr 686px;
  gap: 20px;
}
@media (max-width: 1680px) {
  .about {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (max-width: 1240px) {
  .about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.about-img {
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
  aspect-ratio: 227/151;
}
@media (max-width: 1440px) {
  .about-img {
    aspect-ratio: 247/217;
  }
}
@media (max-width: 1240px) {
  .about-img {
    aspect-ratio: 364/155;
  }
}
@media (max-width: 767px) {
  .about-img {
    aspect-ratio: 14/9;
  }
}
.about-img img,
.about-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about__title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 42px;
  line-height: 51px;
  color: #181830;
}
@media (max-width: 1680px) {
  .about__title {
    font-size: 36px;
    line-height: 110%;
  }
}
@media (max-width: 1240px) {
  .about__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .about__title {
    font-size: 22px;
  }
}
.about-coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  padding: 30px;
  border-radius: 20px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
}
@media (max-width: 1680px) {
  .about-coll {
    padding: 25px;
    gap: 20px;
  }
}
@media (max-width: 1240px) {
  .about-coll {
    padding: 20px;
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .about-coll {
    padding: 15px;
    gap: 12px;
  }
}
.about-coll::before {
  content: "";
  position: absolute;
  width: calc(100% - 195px);
  height: 200px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: #F2F2F2;
}
@media (max-width: 1680px) {
  .about-coll::before {
    width: calc(100% - 175px);
  }
}
@media (max-width: 1240px) {
  .about-coll::before {
    width: calc(100% - 155px);
  }
}
@media (max-width: 767px) {
  .about-coll::before {
    width: calc(100% - 85px);
  }
}
.about-coll::after {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 180px);
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: #F2F2F2;
}
@media (max-width: 1680px) {
  .about-coll::after {
    height: calc(100% - 160px);
  }
}
@media (max-width: 1240px) {
  .about-coll::after {
    height: calc(100% - 135px);
  }
}
@media (max-width: 767px) {
  .about-coll::after {
    height: calc(100% - 75px);
  }
}
.about__link {
  margin-top: auto;
  margin-bottom: 0;
  padding: 14px 32px;
}
@media (max-width: 1680px) {
  .about__link {
    padding: 14px 24px;
  }
}
@media (max-width: 1240px) {
  .about__link {
    padding: 12px 20px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .about__link {
    min-height: 40px;
    font-size: 14px;
    width: 185px;
  }
}

.about__list-inner,
.about__text,
.about__subtext {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}
@media (max-width: 1680px) {
  .about__list-inner,
  .about__text,
  .about__subtext {
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .about__list-inner,
  .about__text,
  .about__subtext {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .about__list-inner,
  .about__text,
  .about__subtext {
    font-weight: 500;
    font-size: 14px;
  }
}

.about__list-inner {
  padding-left: 20px;
  position: relative;
}
@media (max-width: 1240px) {
  .about__list-inner {
    padding-left: 15px;
  }
}
.about__list-inner::after {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #6B6EE8;
}
@media (max-width: 1680px) {
  .about__list-inner::after {
    top: 8px;
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 1240px) {
  .about__list-inner::after {
    top: 4px;
  }
}

.about__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media (max-width: 767px) {
  .about__list {
    gap: 8px;
  }
}

.about__subtext {
  position: relative;
  color: #27AB83;
  padding-left: 35px;
}
@media (max-width: 767px) {
  .about__subtext {
    padding-left: 25px;
  }
}
.about__subtext::before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 24px;
  height: 24px;
  background: url("../../assets/img/new-page/about-icon.svg") no-repeat center center/contain;
}
@media (max-width: 1240px) {
  .about__subtext::before {
    top: -4px;
  }
}
@media (max-width: 767px) {
  .about__subtext::before {
    width: 16px;
    height: 16px;
    top: -2px;
  }
}

.about__back {
  position: absolute;
  width: 200px;
  height: 200px;
  bottom: 0;
  right: 0;
  isolation: isolate;
  z-index: -1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 7px 25px;
}
@media (max-width: 1680px) {
  .about__back {
    width: 180px;
    height: 180px;
    padding: 10px 30px;
  }
}
@media (max-width: 1240px) {
  .about__back {
    width: 155px;
    height: 155px;
    padding: 5px 18px;
  }
}
@media (max-width: 767px) {
  .about__back {
    width: 85px;
    height: 85px;
    padding: 5px;
  }
}
.about__back::after {
  content: "";
  z-index: -1;
  background: #F2F2F2;
  -webkit-mask: url("../../assets/img/new-page/mask2.svg") no-repeat left 0 bottom 0/contain;
          mask: url("../../assets/img/new-page/mask2.svg") no-repeat left 0 bottom 0/contain;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.about__back img,
.about__back svg {
  width: 105px;
  height: 118px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1680px) {
  .about__back img,
  .about__back svg {
    width: 95px;
    height: 106px;
  }
}
@media (max-width: 1240px) {
  .about__back img,
  .about__back svg {
    width: 77px;
    height: 86px;
  }
}
@media (max-width: 767px) {
  .about__back img,
  .about__back svg {
    width: 43px;
    height: 48px;
  }
}

.advant__cart {
  height: 100%;
  border-radius: 20px;
  padding: 30px;
  background: rgba(107, 110, 232, 0.1);
  gap: 107px;
}
@media screen and (max-width: 1680px) {
  .advant__cart {
    gap: 47px;
  }
}
@media screen and (max-width: 1240px) {
  .advant__cart {
    padding: 20px;
    gap: 30px;
  }
}
.advant__cart-hd {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .advant__cart-hd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
.advant__cart-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 50px;
  height: 50px;
  background: rgba(107, 110, 232, 0.3);
  border-radius: 50%;
}
.advant__cart-icon img,
.advant__cart-icon svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .advant__cart-icon {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 1240px) {
  .advant__cart-icon {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  .advant__cart-icon {
    width: 24px;
    height: 24px;
  }
}
.advant__cart-icon svg,
.advant__cart-icon img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 32px;
  height: 32px;
}
@media screen and (max-width: 1680px) {
  .advant__cart-icon svg,
  .advant__cart-icon img {
    width: 25px;
    height: 25px;
  }
}
@media screen and (max-width: 1240px) {
  .advant__cart-icon svg,
  .advant__cart-icon img {
    width: 19px;
    height: 19px;
  }
}
@media screen and (max-width: 767px) {
  .advant__cart-icon svg,
  .advant__cart-icon img {
    width: 15px;
    height: 15px;
  }
}
.advant__cart-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #181830;
}
@media screen and (max-width: 1240px) {
  .advant__cart-title {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .advant__cart-title {
    font-size: 16px;
    line-height: 20px;
  }
}
.advant__cart-inner {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}
@media screen and (max-width: 1680px) {
  .advant__cart-inner {
    font-weight: 300;
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .advant__cart-inner {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .advant__cart-inner {
    font-size: 14px;
  }
}
.advant__cart-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: auto;
  margin-bottom: 0;
  gap: 15px;
}

@media screen and (max-width: 992px) {
  .advant__swiper {
    width: calc(100% - 40px);
  }
}
@media (max-width: 450px) {
  .advant__swiper {
    width: calc(100% - 55px);
  }
}

.advant__swiper-slide {
  height: auto;
}

.reviews__cart {
  gap: 20px;
}
.reviews__cart-head {
  width: 100%;
  aspect-ratio: 2/1;
  position: relative;
}
@media screen and (max-width: 1440px) {
  .reviews__cart-head {
    aspect-ratio: 193/96;
  }
}
@media screen and (max-width: 1240px) {
  .reviews__cart-head {
    border-radius: 10px;
  }
}
@media screen and (max-width: 767px) {
  .reviews__cart-head {
    aspect-ratio: 233/116;
  }
}
.reviews__cart-head img,
.reviews__cart-head svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: blur(7.5px);
          filter: blur(7.5px);
}
.reviews__cart-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(92, 95, 230, 0.5);
}
.reviews__cart-icon img,
.reviews__cart-icon svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 16px;
  height: 16px;
  -webkit-filter: blur(0);
          filter: blur(0);
}
.reviews__cart-wrapp {
  gap: 10px;
}
.reviews__cart-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #181830;
}
@media screen and (max-width: 1680px) {
  .reviews__cart-title {
    font-size: 26px;
    line-height: 32px;
  }
}
@media screen and (max-width: 1240px) {
  .reviews__cart-title {
    font-size: 18px;
    line-height: 22px;
  }
}
@media screen and (max-width: 767px) {
  .reviews__cart-title {
    font-size: 16px;
    line-height: 20px;
  }
}
.reviews__cart-text {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #181830;
}
@media screen and (max-width: 1680px) {
  .reviews__cart-text {
    font-weight: 300;
    font-size: 18px;
    line-height: 110%;
  }
}
@media screen and (max-width: 1240px) {
  .reviews__cart-text {
    font-size: 14px;
    line-height: 110%;
  }
}
@media screen and (max-width: 767px) {
  .reviews__cart-text {
    font-size: 12px;
    line-height: 110%;
  }
}

.entry {
  margin-top: 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 175px;
  isolation: isolate;
  position: relative;
}
@media screen and (max-width: 1680px) {
  .entry {
    margin-top: 90px;
    gap: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .entry {
    margin-top: 65px;
    display: block;
    max-width: 480px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 70px;
  }
}
.entry__img {
  height: calc(100dvh - 100px);
}
@media screen and (max-width: 1680px) {
  .entry__img {
    height: calc(100dvh - 90px);
  }
}
@media screen and (max-width: 1240px) {
  .entry__img {
    width: 450px;
    position: absolute;
    left: 50%;
    top: -40px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
  }
}
@media screen and (max-width: 767px) {
  .entry__img {
    width: 330px;
    top: -30px;
  }
}
.entry__img video {
  width: auto;
  height: calc(100% + 120px);
}
@media screen and (max-width: 1680px) {
  .entry__img video {
    height: 100%;
  }
}
@media screen and (max-width: 1240px) {
  .entry__img video {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 1240px) {
  .entry__img-2 {
    width: 350px;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
  }
}
@media screen and (max-width: 767px) {
  .entry__img-2 {
    width: 270px;
  }
}
.entry__img-2 video {
  width: auto;
  height: 100%;
}
@media screen and (max-width: 1240px) {
  .entry__img-2 video {
    width: 100%;
    height: auto;
  }
}

.entry__form {
  width: 100%;
  max-width: 445px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #FFFFFF;
  border-radius: 24px;
  padding: 24px;
  gap: 16px;
}
@media screen and (max-width: 1680px) {
  .entry__form {
    max-width: 404px;
    padding: 20px;
    border-radius: 20px;
    gap: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .entry__form {
    max-width: 478px;
    border-radius: 18px;
    padding: 18px;
    gap: 10px;
    margin-top: 270px;
  }
}
@media screen and (max-width: 767px) {
  .entry__form {
    padding: 16px;
    border-radius: 16px;
    gap: 12px;
    margin-top: 200px;
  }
}
.entry__form-title {
  position: relative;
  padding-bottom: 16px;
}
@media screen and (max-width: 1680px) {
  .entry__form-title {
    padding-bottom: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .entry__form-title {
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 767px) {
  .entry__form-title {
    padding-bottom: 8px;
  }
}
.entry__form-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 120px;
  height: 1px;
  background: #181830;
  opacity: 0.1;
}
@media screen and (max-width: 1680px) {
  .entry__form-title::after {
    width: 100px;
  }
}
@media screen and (max-width: 767px) {
  .entry__form-title::after {
    width: 120px;
  }
}
.entry__form-link {
  margin-top: 0;
}
.entry__form-btn {
  margin-top: 8px;
  min-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

*::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 40px;
  background: #6b6ee8;
}
*::-webkit-scrollbar {
  width: 6px;
  border-radius: 40px;
  background: #f3f6fb;
}

p {
  line-height: inherit;
}

.ol {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .ol {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .ol {
    grid-gap: calc(
				8px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .ol {
    grid-gap: 8px;
  }
}
@media (min-width: 1920px) {
  .ol {
    padding-left: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .ol {
    padding-left: calc(
				20px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .ol {
    padding-left: 20px;
  }
}
.ol li {
  line-height: var(--line-height-text);
}

.ul {
  display: -ms-grid;
  display: grid;
  list-style-type: disc;
}
@media (min-width: 1920px) {
  .ul {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .ul {
    grid-gap: calc(
				8px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .ul {
    grid-gap: 8px;
  }
}
@media (min-width: 1920px) {
  .ul {
    padding-left: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .ul {
    padding-left: calc(
				20px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .ul {
    padding-left: 20px;
  }
}
.ul li {
  line-height: var(--line-height-text);
}

header,
footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

img {
  max-width: 100%;
}

html {
  scrollbar-gutter: stable;
}

body::-webkit-scrollbar-thumb {
  width: 6px;
  border-radius: 40px;
  background: #6b6ee8;
}
body::-webkit-scrollbar {
  width: 6px;
  border-radius: 40px;
  background: #f3f6fb;
}

body.public {
  background-image: none !important;
  background-color: transparent !important;
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: #6b6ee8 none;
  }
  *::-webkit-scrollbar-thumb {
    width: 6px;
    background: #6b6ee8;
    border-radius: 40px;
  }
  *::-webkit-scrollbar {
    width: 6px;
    background: #f3f6fb;
  }
  *::-moz-scrollbar {
    width: 6px;
  }
  * .scrollable-content::-moz-scrollbar-thumb {
    background: #6b6ee8;
    border-radius: 40px;
  }
}
.page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
  background: var(--color-background);
}

.container {
  width: 100%;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1920px) {
  .container {
    padding-left: 120px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .container {
    padding-left: calc(
				40px + 80 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .container {
    padding-left: 40px;
  }
}
@media (min-width: 1920px) {
  .container {
    padding-right: 120px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .container {
    padding-right: calc(
				40px + 80 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .container {
    padding-right: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
  .container {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1280px) {
  .container {
    padding-left: calc(
				20px + 20 * (((100vw - 768px)) / ((512)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .container {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
  .container {
    padding-right: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1280px) {
  .container {
    padding-right: calc(
				20px + 20 * (((100vw - 768px)) / ((512)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .container {
    padding-right: 20px;
  }
}

.section-head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: 10px;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}

.bacground-none {
  background: none;
}

.bacground-light-blue {
  background: #f0f4f8;
}

.select-container-title,
.input__wrapp-title {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .select-container-title,
  .input__wrapp-title {
    font-size: 12px;
  }
}

.creat__label-span {
  font-size: 18px;
}
@media screen and (max-width: 1240px) {
  .creat__label-span {
    font-size: 16px;
  }
}

/*-cabinet admin-*/
.creating__listeners-cart-name,
.creating__listeners-tree-coll-title {
  font-weight: 600;
}

.panel-title,
.append-title {
  font-weight: 600;
  font-size: 32px;
}
@media screen and (max-width: 1680px) {
  .panel-title,
  .append-title {
    font-size: 26px;
  }
}
@media screen and (max-width: 1240px) {
  .panel-title,
  .append-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .panel-title,
  .append-title {
    font-size: 20px;
  }
}

.panel-btn-prev {
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
}
@media (max-width: 1680px) {
  .panel-btn-prev {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .panel-btn-prev {
    font-size: 12px;
  }
}

.btn__read-all,
.extra__tb-cl-title,
.extra__table-num {
  font-weight: 600;
}

.panel__nofitication-title,
.home__info-title,
.error-page-text,
.trud__tb-hd h2,
.statistics-table-title,
.creating__listeners-title,
.catalog__table-title,
.extra__tbl-title,
.extra__header-title,
.extra__table-header h2,
.extra__gr-title,
.groups__table-name {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 1680px) {
  .panel__nofitication-title,
  .home__info-title,
  .error-page-text,
  .trud__tb-hd h2,
  .statistics-table-title,
  .creating__listeners-title,
  .catalog__table-title,
  .extra__tbl-title,
  .extra__header-title,
  .extra__table-header h2,
  .extra__gr-title,
  .groups__table-name {
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .panel__nofitication-title,
  .home__info-title,
  .error-page-text,
  .trud__tb-hd h2,
  .statistics-table-title,
  .creating__listeners-title,
  .catalog__table-title,
  .extra__tbl-title,
  .extra__header-title,
  .extra__table-header h2,
  .extra__gr-title,
  .groups__table-name {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .panel__nofitication-title,
  .home__info-title,
  .error-page-text,
  .trud__tb-hd h2,
  .statistics-table-title,
  .creating__listeners-title,
  .catalog__table-title,
  .extra__tbl-title,
  .extra__header-title,
  .extra__table-header h2,
  .extra__gr-title,
  .groups__table-name {
    font-size: 16px;
  }
}

.creating__listeners-tree-coll-title {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 1680px) {
  .creating__listeners-tree-coll-title {
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .creating__listeners-tree-coll-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-tree-coll-title {
    font-size: 14px;
  }
}

.groups__table-id,
.creating__listeners-tree-coll-numm {
  font-size: 16px;
}
@media (max-width: 1680px) {
  .groups__table-id,
  .creating__listeners-tree-coll-numm {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .groups__table-id,
  .creating__listeners-tree-coll-numm {
    font-size: 12px;
  }
}

.creating__listeners-tree-coll-id,
.creating__listeners-tree-coll-numm {
  font-size: 16px;
}
@media (max-width: 1680px) {
  .creating__listeners-tree-coll-id,
  .creating__listeners-tree-coll-numm {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-tree-coll-id,
  .creating__listeners-tree-coll-numm {
    font-size: 10px;
  }
}

@media (max-width: 767px) {
  .append__hide-btn {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .creating__listeners-cart-foto {
    width: 32px;
    height: 32px;
  }
}

.creating__listeners-cart-contacts-link {
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}
@media (max-width: 1680px) {
  .creating__listeners-cart-contacts-link {
    font-weight: 400;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-cart-contacts-link {
    font-size: 12px;
  }
}

.creating__listeners-cart-contacts-inner a {
  font-size: 16px;
  font-weight: 300;
  text-decoration: underline;
}
@media (max-width: 1680px) {
  .creating__listeners-cart-contacts-inner a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .creating__listeners-cart-contacts-inner a {
    font-size: 12px;
  }
}

.creating-listeners-title {
  font-weight: 600;
  font-size: 24px;
}
@media (max-width: 1680px) {
  .creating-listeners-title {
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .creating-listeners-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .creating-listeners-title {
    font-size: 16px;
  }
}

.creating__listeners-tree-inner + .creating__listeners-tree-inner {
  margin-top: 16px;
}
@media screen and (max-width: 1680px) {
  .creating__listeners-tree-inner + .creating__listeners-tree-inner {
    margin-top: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__listeners-tree-inner + .creating__listeners-tree-inner {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .creating__listeners-tree-inner + .creating__listeners-tree-inner {
    margin-top: 8px;
  }
}

.file__container--name {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #829ab1;
}

.file-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.file__container-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: url("../../assets/img/new-page/icons/good.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1680px) {
  .file__container-icon {
    width: 24px;
    height: 24px;
  }
}

.error-name {
  color: #ef4e4e;
}

.error-icon {
  background: url("../../assets/img/new-page/icons/allert.svg") no-repeat center center/contain;
}

.files__import-drop {
  background: none;
  margin: 0;
  height: 250px;
  border: 1px dashed #d9e2ec;
  border-radius: 20px;
  gap: 10px;
}
@media screen and (max-width: 1240px) {
  .files__import-drop {
    height: 193px;
  }
}
@media screen and (max-width: 767px) {
  .files__import-drop {
    height: 205px;
  }
}
.files__import-drop::after, .files__import-drop::before {
  width: 0;
  height: 0;
  background: none;
  border: none;
}
.files__import-btn {
  margin-left: auto;
  margin-right: 0;
}
.files__import-btn:disabled {
  background: #bcbcbc;
  color: #f0f4f8;
  border-color: #bcbcbc;
  pointer-events: none;
}
.files__import-text {
  display: contents;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #829ab1;
}
.files__import-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.file-error-type .files__import-edit,
.file-error-type .files__import-rezet,
.file-error-type .files__import-label,
.file-is-active .files__import-edit,
.file-is-active .files__import-rezet,
.file-is-active .files__import-label {
  display: block;
}
.file-error-type .files__import-subrow,
.file-error-type .files__import-row,
.file-is-active .files__import-subrow,
.file-is-active .files__import-row {
  display: contents;
}
.file-error-type .files__import-text,
.file-error-type .files__import-button,
.file-is-active .files__import-text,
.file-is-active .files__import-button {
  display: none;
}
.file-error-type .file-row,
.file-is-active .file-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.file-error-type .files__import-file-icons,
.file-is-active .files__import-file-icons {
  display: none;
}

.file-error-type .files__import-rezet {
  display: none;
}

.files__import-edit {
  display: none;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .files__import-edit:hover {
    color: #2e307f;
  }
}
.files__import-edit:focus-visible {
  color: #2e307f;
}
.files__import-edit:active {
  color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
  .files__import-edit {
    font-size: 18px;
  }
}

.files__import-rezet {
  display: none;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #ef4e4e;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .files__import-rezet:hover {
    color: #cf1124;
  }
}
.files__import-rezet:focus-visible {
  color: #cf1124;
}
.files__import-rezet:active {
  color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
  .files__import-rezet {
    font-size: 18px;
  }
}

.files__import-label {
  display: inline;
}

.files__import-button {
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .files__import-button:hover {
    color: #2e307f;
  }
}
.files__import-button:focus-visible {
  color: #2e307f;
}
.files__import-button:active {
  color: #bcbcbc;
}

.files__import-file-icons {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 32px;
  height: 32px;
  background: url("../../assets/img/new-page/icons/plus.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1680px) {
  .files__import-file-icons {
    width: 24px;
    height: 24px;
  }
}

.breadcrumb {
  z-index: 5;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1920px) {
  .breadcrumb {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .breadcrumb {
    margin-bottom: calc(
				10px + 10 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .breadcrumb {
    margin-bottom: 10px;
  }
}

.breadcrumb-padding {
  padding: 10px 0;
}

.breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.breadcrumb__list-inner {
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  color: var(--color-gray-teel);
  position: relative;
}
@media (min-width: 1920px) {
  .breadcrumb__list-inner {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .breadcrumb__list-inner {
    font-size: calc(
				14px + 4 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .breadcrumb__list-inner {
    font-size: 14px;
  }
}
.breadcrumb__list-inner:nth-last-child(1) {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
@media (min-width: 1920px) {
  .breadcrumb__list-inner:not(:last-child) {
    margin-right: 10px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .breadcrumb__list-inner:not(:last-child) {
    margin-right: calc(
				5px + 5 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .breadcrumb__list-inner:not(:last-child) {
    margin-right: 5px;
  }
}
@media (min-width: 1920px) {
  .breadcrumb__list-inner:not(:last-child) {
    padding-right: 17px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .breadcrumb__list-inner:not(:last-child) {
    padding-right: calc(
				11px + 6 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .breadcrumb__list-inner:not(:last-child) {
    padding-right: 11px;
  }
}
.breadcrumb__list-inner:not(:last-child)::after {
  content: "•";
  display: block;
  color: inherit;
  font-weight: 600;
  font-size: inherit;
  position: absolute;
  line-height: 130%;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.breadcrumb__list-link {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
  color: var(--color-blue-primary);
}
@media (hover: hover) {
  .breadcrumb__list-link:hover {
    opacity: 1;
    color: var(--color-golden);
  }
}
@media (hover: none) {
  .breadcrumb__list-link:active {
    opacity: 0.5;
  }
}
.breadcrumb__list-link:active {
  opacity: 0.5;
}

/*- new componets -*/
.menu {
  position: relative;
}

.menu__button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
  fill: #486581;
  padding: 10px 8px;
  width: 100%;
  max-width: 200px;
  background: #e7ecf3;
  border: 1px solid #d9e2ec;
  border-radius: 8px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.02em;
  text-align: left;
  color: #6b6ee8;
}
@media screen and (max-width: 767px) {
  .menu__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.menu__button svg,
.menu__button img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
  height: 20px;
}
.menu__button.-is-active svg,
.menu__button.-is-active img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.menu__body-wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767px) {
  .menu__body-wrapp {
    display: block;
    position: absolute;
    left: 50%;
    top: 110%;
    z-index: 4;
    width: 200px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: #e7ecf3;
    border: 1px solid #d9e2ec;
    border-radius: 12px;
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  .menu__body {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .menu__button.-is-active ~ .menu__body {
    display: block;
  }
}
.menu__body-link {
  display: inline-block;
  padding: 13px 16px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  position: relative;
  color: #486581;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .menu__body-link:hover {
    color: #bcbcbc;
  }
}
.menu__body-link:focus-visible {
  color: #bcbcbc;
}
.menu__body-link:active {
  color: #bcbcbc;
}
@media screen and (max-width: 1680px) {
  .menu__body-link {
    padding: 12px 16px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .menu__body-link {
    padding: 8px 12px;
    font-family: "Gilroy";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.02em;
    color: #102a43;
  }
}
.menu__body-link.-is-active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 2px;
  width: 100%;
  background: #6b6ee8;
}
@media screen and (max-width: 767px) {
  .menu__body-link.-is-active::after {
    height: 0;
    width: 0;
    background: none;
  }
}

.js-text-wrap {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp-count);
  -webkit-box-orient: vertical;
  line-height: var(--line-height-text, 130%);
}
.js-text-wrap.is-show {
  display: block;
}

.js-text-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--color-text);
}
.js-text-more svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}
.js-text-more svg path {
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.js-text-more::before {
  content: attr(data-name);
  color: var(--color-text);
  font-weight: 600;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}
@media (min-width: 1920px) {
  .js-text-more::before {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .js-text-more::before {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .js-text-more::before {
    font-size: 14px;
  }
}
.js-text-more.is-hidden {
  display: none;
}
.js-text-more.--active::before {
  content: "Скрыть";
  color: var(--color-blue-primary);
}
.js-text-more.--active svg {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  fill: var(--color-blue-primary);
}
@media screen and (hover: hover) {
  .js-text-more:hover::before {
    color: var(--color-blue-primary);
  }
  .js-text-more:hover svg {
    fill: var(--color-blue-primary);
  }
}

/*- admin -*/
.checkbox-tree .org__listers-subinner {
  padding-left: 0;
}

.org__listers-inner + .org__listers-inner {
  margin-top: 6px;
}
@media screen and (max-width: 767px) {
  .org__listers-inner + .org__listers-inner {
    margin-top: 10px;
  }
}

.org__listers-check {
  display: block;
  margin-bottom: 6px;
}
@media screen and (max-width: 1680px) {
  .org__listers-check {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1240px) {
  .org__listers-check {
    margin-bottom: 4px;
  }
}
@media screen and (max-width: 767px) {
  .org__listers-check {
    margin-bottom: 10px;
  }
}

.org__listers-check-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #181830;
}
@media screen and (max-width: 1680px) {
  .org__listers-check-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .org__listers-check-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .org__listers-check-title {
    padding-left: 25px;
    font-size: 14px;
  }
}
.org__listers-check-title::after, .org__listers-check-title::before {
  top: -2px;
  -webkit-transform: translate(0);
      -ms-transform: translate(0);
          transform: translate(0);
}
@media screen and (max-width: 1680px) {
  .org__listers-check-title::after, .org__listers-check-title::before {
    top: 0;
  }
}
@media screen and (max-width: 1240px) {
  .org__listers-check-title::after, .org__listers-check-title::before {
    top: 3px;
    width: 20px;
    height: 20px;
  }
}

.org__search-row {
  max-width: 1350px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-grid-columns: 1fr 200px;
  grid-template-columns: 1fr 200px;
  gap: 12px;
  margin-top: 32px;
}
@media screen and (max-width: 1680px) {
  .org__search-row {
    margin-top: 12px;
    -ms-grid-columns: 1fr 180px;
    grid-template-columns: 1fr 180px;
  }
}
@media screen and (max-width: 1240px) {
  .org__search-row {
    -ms-grid-columns: 1fr 140px;
    grid-template-columns: 1fr 140px;
    gap: 10px;
    margin-top: 10px;
  }
}
@media (max-width: 600px) {
  .org__search-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin-top: 16px;
  }
}

.org__search-btn {
  width: 100%;
}
@media (max-width: 600px) {
  .org__search-btn {
    margin-left: auto;
    margin-right: auto;
    width: 115px;
  }
}

.org__grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 12px;
  -ms-grid-columns: 1fr 377px 377px 275px;
  grid-template-columns: 1fr 377px 377px 275px;
}
@media screen and (max-width: 1680px) {
  .org__grid {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1240px) {
  .org__grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .org__grid {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.org__grid .input__wrapp-title {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .org__grid .input__wrapp-title {
    font-size: 12px;
  }
}

.org__width-btns {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 572.98px) {
  .org__width-btns {
    gap: 10px;
    width: 80px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .org__width-btns .creating__listeners-header-btn {
    margin-left: 0;
    width: 20px;
    height: 20px;
  }
}

/*- company -*/
.general {
  max-width: 1610px;
  margin-left: auto;
  margin-right: auto;
  gap: 80px;
  min-height: calc(100dvh - 90px);
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1240px) {
  .general {
    gap: 30px;
  }
}
.general__hd {
  gap: 15px;
}
@media screen and (max-width: 1240px) {
  .general__hd-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .general__hd-text {
    font-size: 14px;
  }
}
.general__hd-coll {
  max-width: 600px;
  gap: 15px;
}
.general__hd-list {
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .general__hd-list {
    gap: 0;
  }
}
.general__hd-link {
  fill: #6b6ee8;
  padding: 12px;
  border-radius: 12px;
  gap: 12px;
}
@media screen and (max-width: 767px) {
  .general__hd-link {
    padding: 8px 12px;
  }
}
.general__hd-link img,
.general__hd-link svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1680px) {
  .general__hd-link img,
  .general__hd-link svg {
    width: 20px;
    height: 20px;
  }
}
.general__cart {
  min-height: 406px;
  border-radius: 20px;
  padding: 30px 12px;
  background: #e7ecf3;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .general__cart:hover {
    background: rgba(196, 198, 255, 0.4);
  }
}
.general__cart:focus-visible {
  background: rgba(196, 198, 255, 0.4);
}
.general__cart:active {
  background: rgba(196, 198, 255, 0.4);
}
@media screen and (max-width: 1680px) {
  .general__cart {
    min-height: 320px;
    padding: 20px 12px;
  }
}
@media (max-width: 600px) {
  .general__cart {
    min-height: 0;
  }
}
.general__cart-title {
  font-size: 20px;
  padding-left: 8px;
}
@media screen and (max-width: 1240px) {
  .general__cart-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .general__cart-title {
    font-size: 16px;
  }
}
.general__cart-link {
  fill: #6b6ee8;
  padding: 8px 10px;
  border-radius: 8px;
  gap: 5px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .general__cart-link:hover {
    background: rgba(196, 198, 255, 0.4);
  }
}
.general__cart-link:focus-visible {
  background: rgba(196, 198, 255, 0.4);
}
.general__cart-link:active {
  background: rgba(196, 198, 255, 0.4);
}
.general__cart-link svg,
.general__cart-link img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 767px) {
  .general__cart-link svg,
  .general__cart-link img {
    width: 20px;
    height: 20px;
  }
}
.general__cart-list {
  margin-top: auto;
  margin-bottom: 0;
  gap: 10px;
  padding-top: 24px;
}
@media screen and (max-width: 1680px) {
  .general__cart-list {
    gap: 0;
  }
}
.general__cart-allert {
  height: 340px;
  gap: 20px;
  fill: #6b6ee8;
}
@media screen and (max-width: 1680px) {
  .general__cart-allert {
    height: 254px;
  }
}
@media (max-width: 600px) {
  .general__cart-allert {
    height: 180px;
  }
}
@media (max-width: 767px) {
  .general__cart-allert-text {
    font-size: 16px;
  }
}
.general__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 17px;
}
@media screen and (max-width: 1240px) {
  .general__body {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 600px) {
  .general__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

a.general__hd-link,
button.general__hd-link {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  fill: #27ab83;
}
@media (hover: hover) {
  a.general__hd-link:hover,
  button.general__hd-link:hover {
    background: rgba(39, 171, 131, 0.2);
  }
}
a.general__hd-link:focus-visible,
button.general__hd-link:focus-visible {
  background: rgba(39, 171, 131, 0.2);
}
a.general__hd-link:active,
button.general__hd-link:active {
  background: rgba(39, 171, 131, 0.2);
}

.info {
  padding-top: 15px;
  padding-bottom: 50px;
}
@media screen and (max-width: 1680px) {
  .info {
    padding-top: 30px;
  }
}
@media screen and (max-width: 1240px) {
  .info {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  .info {
    padding-top: 20px;
    padding-bottom: 25px;
  }
}
.info__hd {
  gap: 12px;
}
@media (max-width: 572px) {
  .info__tab-btns {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .info__tab-btns .tab__label {
    width: 100%;
    display: block;
  }
  .info__tab-btns .tab__btn {
    width: 100%;
  }
}
.info__tab-box {
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .info__tab-box {
    padding-top: 12px;
  }
}
.info__chart {
  width: 155px;
  height: 155px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
  .info__chart {
    width: 123px;
    height: 123px;
  }
}
@media (max-width: 500.99px) {
  .info__chart {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
.info__chart-canvas {
  width: 100% !important;
  height: 100% !important;
}
.info__statistics {
  -ms-grid-columns: 449px 1fr;
  grid-template-columns: 449px 1fr;
  gap: 20px;
}
.info__statistics.tab--active {
  display: -ms-grid;
  display: grid;
}
@media screen and (max-width: 1240px) {
  .info__statistics.tab--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.info__statistics-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 767px) {
  .info__statistics-title {
    font-size: 18px;
    line-height: 22px;
  }
}
.info__statistics-row {
  padding-top: 20px;
  gap: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.5fr 1fr 1fr;
  grid-template-columns: 1.5fr 1fr 1fr;
}
@media (max-width: 1800px) {
  .info__statistics-row {
    -ms-grid-columns: 450px 1fr 1fr;
    grid-template-columns: 450px 1fr 1fr;
  }
}
@media screen and (max-width: 1680px) {
  .info__statistics-row {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 20px 15px;
  }
}
@media screen and (max-width: 1440px) {
  .info__statistics-row {
    -ms-grid-columns: 410px 1fr;
    grid-template-columns: 410px 1fr;
  }
}
@media (max-width: 1270.99px) {
  .info__statistics-row {
    -ms-grid-columns: 370px 1fr;
    grid-template-columns: 370px 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .info__statistics-row {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 992px) {
  .info__statistics-row {
    -ms-grid-columns: 407px 1fr;
    grid-template-columns: 407px 1fr;
  }
}
@media screen and (max-width: 767px) {
  .info__statistics-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
  }
}
.info__hub {
  border: 1px solid #d9e2ec;
  border-radius: 20px;
}
@media screen and (max-width: 1240px) {
  .info__hub {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .info__hub {
    display: block;
  }
}
.info__hub-title {
  padding: 20px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 1680px) {
  .info__hub-title {
    padding: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .info__hub-title {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
}
@media screen and (max-width: 767px) {
  .info__hub-title {
    font-size: 18px;
    line-height: 22px;
  }
}
.info__hub-wrapp {
  border-top: 1px solid #d9e2ec;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 1680px) {
  .info__hub-wrapp {
    padding: 15px;
    gap: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .info__hub-wrapp {
    padding: 10px;
    border-left: 1px solid #d9e2ec;
  }
  .info__hub-wrapp:nth-child(1) {
    border-left: none;
  }
}
@media screen and (max-width: 1240px) and (max-width: 767px) {
  .info__hub-wrapp {
    border-left: none;
  }
}
.info__hub-name {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 1680px) {
  .info__hub-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .info__hub-name {
    font-size: 14px;
  }
}
.info__hub-number {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #102a43;
  gap: 10px;
  fill: #6b6ee8;
}
@media screen and (max-width: 1680px) {
  .info__hub-number {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .info__hub-number {
    gap: 5px;
  }
}
@media screen and (max-width: 767px) {
  .info__hub-number {
    font-size: 14px;
  }
}
.info__hub-number svg,
.info__hub-number img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 16px;
  height: 16px;
}
.info__hub-link {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  padding: 8px;
  border-radius: 8px;
}
@media (hover: hover) {
  .info__hub-link:hover {
    background: rgba(196, 198, 255, 0.4);
  }
  .info__hub-link:hover .info__hub-name,
  .info__hub-link:hover .info__hub-number {
    color: #6b6ee8;
  }
}
.info__hub-link:focus-visible {
  background: rgba(196, 198, 255, 0.4);
}
.info__hub-link:focus-visible .info__hub-name,
.info__hub-link:focus-visible .info__hub-number {
  color: #6b6ee8;
}
.info__hub-link:active {
  background: rgba(196, 198, 255, 0.4);
}
.info__hub-link:active .info__hub-name,
.info__hub-link:active .info__hub-number {
  color: #6b6ee8;
}
.info__hub-color {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
  width: 10px;
  height: 18px;
  border-radius: 999px;
}
.info__hub-list {
  width: 100%;
}
.info__cart {
  padding: 20px;
  background: #e7ecf3;
  border: 1px solid #d9e2ec;
  border-radius: 20px;
  gap: 20px;
}
@media screen and (max-width: 1680px) {
  .info__cart {
    gap: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .info__cart {
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .info__cart {
    width: 100%;
  }
}
.info__cart-list {
  gap: 5px;
}
@media screen and (max-width: 767px) {
  .info__cart-list {
    gap: 0;
  }
}
.info__cart-wrapp {
  gap: 20px;
}
@media screen and (max-width: 1680px) {
  .info__cart-wrapp {
    gap: 10px;
  }
}
@media (max-width: 500.99px) {
  .info__cart-wrapp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.info__cart-allert {
  min-height: 347px;
  gap: 20px;
  fill: #6b6ee8;
}
@media screen and (max-width: 1680px) {
  .info__cart-allert {
    min-height: 175px;
  }
}
.info__cart-allert svg,
.info__cart-allert img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 80px;
  height: 80px;
}
.info__cart-allert-text {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 1680px) {
  .info__cart-width {
    width: 100%;
    max-width: 324px;
  }
}
@media screen and (max-width: 767px) {
  .info__cart-width {
    max-width: 100%;
  }
}
.info__courses-hd {
  gap: 10px;
}
.info__courses-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #102a43;
}
.info__courses-btn {
  border: none;
  background: #6b6ee8;
  color: #f0f4f8;
  fill: #f0f4f8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 12px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 110%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #F0F4F8;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .info__courses-btn:hover {
    background: #2e307f;
  }
}
.info__courses-btn:focus-visible {
  background: #2e307f;
}
.info__courses-btn:active {
  background: #bcbcbc;
}
@media (hover: hover) {
  .info__courses-btn:hover {
    color: #f0f4f8;
  }
}
.info__courses-btn:focus-visible {
  color: #f0f4f8;
}
.info__courses-btn:active {
  color: #f0f4f8;
}
@media (hover: hover) {
  .info__courses-btn:hover {
    background: #2e307f;
  }
}
.info__courses-btn:focus-visible {
  background: #2e307f;
}
.info__courses-btn:active {
  background: #bcbcbc;
}
@media (hover: hover) {
  .info__courses-btn:hover {
    color: #f0f4f8;
  }
}
.info__courses-btn:focus-visible {
  color: #f0f4f8;
}
.info__courses-btn:active {
  color: #f0f4f8;
}
@media screen and (max-width: 1680px) {
  .info__courses-btn {
    min-height: 44px;
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .info__courses-btn {
    min-height: 36px;
    padding: 8px 24px;
    border-radius: 8px;
    font-size: 14px;
  }
}
@media (max-width: 572px) {
  .info__courses-btn {
    width: 100%;
  }
}
.info__courses-row {
  padding-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
@media screen and (max-width: 1680px) {
  .info__courses-row {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1240px) {
  .info__courses-row {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .info__courses-row {
    padding-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.info__courses-cart {
  position: relative;
  isolation: isolate;
  border-radius: 12px;
  overflow: hidden;
  gap: 3px;
  min-height: 120px;
}
@media screen and (max-width: 767px) {
  .info__courses-cart {
    border-radius: 15px;
    padding: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: #e7ecf3;
    min-height: 0;
  }
}
.info__courses-cart::after {
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: calc(100% - 70px);
  background: #e7ecf3;
}
@media screen and (max-width: 767px) {
  .info__courses-cart::after {
    width: 0;
    height: 0;
    background: none;
  }
}
.info__courses-cart::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: -2;
  background: #e7ecf3;
  height: 100%;
  width: calc(100% - 155px);
}
@media screen and (max-width: 767px) {
  .info__courses-cart::before {
    width: 0;
    height: 0;
    background: none;
  }
}
.info__courses-cart-title {
  padding: 14px 20px 0 20px;
}
@media screen and (max-width: 767px) {
  .info__courses-cart-title {
    padding: 0;
  }
}
.info__courses-number {
  margin-top: auto;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 155px;
  height: 43px;
  padding-left: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  isolation: isolate;
  position: relative;
  z-index: -1;
}
.info__courses-number::after {
  content: "";
  width: 111%;
  height: 75px;
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: -3;
  background: #e7ecf3;
  -webkit-mask: url("../../assets/img/new-page/mask3.svg") no-repeat left 0 bottom 0;
          mask: url("../../assets/img/new-page/mask3.svg") no-repeat left 0 bottom 0;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .info__courses-number::after {
    width: 0;
    height: 0;
    background: none;
  }
}
@media screen and (max-width: 767px) {
  .info__courses-number {
    margin: initial;
    width: auto;
    height: auto;
    padding-left: 0;
    display: block;
  }
}

.price__hd {
  gap: 10px;
  padding-top: 15px;
}
@media screen and (max-width: 1680px) {
  .price__hd {
    padding-top: 30px;
  }
}
@media screen and (max-width: 1240px) {
  .price__hd {
    padding-top: 35px;
  }
}
@media screen and (max-width: 767px) {
  .price__hd {
    padding-top: 20px;
  }
}
.price__wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  padding-top: 20px;
}
@media (max-width: 1850.99px) {
  .price__wrapp {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1240px) {
  .price__wrapp {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .price__wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.price__cart {
  position: relative;
  isolation: isolate;
  border-radius: 12px;
  overflow: hidden;
  gap: 3px;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: 1fr auto;
  grid-template-rows: 1fr auto;
  min-height: 160px;
}
@media screen and (max-width: 1680px) {
  .price__cart {
    min-height: 205px;
  }
}
@media screen and (max-width: 767px) {
  .price__cart {
    min-height: 164px;
  }
}
.price__cart-wrapp {
  position: relative;
  background: #e7ecf3;
  border-radius: 12px 12px 0 12px;
  gap: 22px;
  padding: 14px 20px 10px 20px;
}
@media screen and (max-width: 1240px) {
  .price__cart-wrapp {
    padding: 14px 10px 10px 10px;
  }
}
.price__cart-text {
  margin-top: auto;
  margin-bottom: 0;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
  .price__cart-text {
    font-size: 14px;
  }
}
.price__cart-footer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  margin-top: -3px;
}
@media (max-width: 1850.99px) {
  .price__cart-footer {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}
.price__cart-btn {
  color: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
  border-radius: 0 0 12px 12px;
  background: #e7ecf3;
  width: 100%;
  height: 100%;
  padding: 8px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (hover: hover) {
  .price__cart-btn:hover {
    color: #2e307f;
  }
}
.price__cart-btn:focus-visible {
  color: #2e307f;
}
.price__cart-btn:active {
  color: #bcbcbc;
}
@media (max-width: 1850.99px) {
  .price__cart-btn {
    padding: 8px 10px;
  }
}
@media screen and (max-width: 767px) {
  .price__cart-btn {
    font-size: 16px;
    padding: 8px 5px;
  }
}
.price__cart-info {
  min-width: 199px;
  height: 100%;
  min-height: 48px;
  padding: 4px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  white-space: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  isolation: isolate;
  position: relative;
}
@media (max-width: 1850.99px) {
  .price__cart-info {
    min-width: 166px;
    min-height: 48px;
  }
}
@media screen and (max-width: 1240px) {
  .price__cart-info {
    min-width: 164px;
    padding: 8px 10px;
  }
}
@media screen and (max-width: 767px) {
  .price__cart-info {
    min-width: 132px;
  }
}
.price__cart-info::after {
  content: "";
  width: 12px;
  height: 12px;
  right: -1px;
  top: -1px;
  position: absolute;
  z-index: -3;
  background: #e7ecf3;
  -webkit-mask: url("../../assets/img/new-page/mask-top.svg") no-repeat left 0 bottom 0;
          mask: url("../../assets/img/new-page/mask-top.svg") no-repeat left 0 bottom 0;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.firm__hd {
  padding-top: 15px;
}
@media screen and (max-width: 1680px) {
  .firm__hd {
    padding-top: 20px;
  }
}
.firm__tab-box {
  padding-top: 20px;
}
@media screen and (max-width: 1680px) {
  .firm__tab-box {
    padding-top: 10px;
  }
}

.firm__employee-hd {
  gap: 20px;
}
.firm__employee-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 1240px) {
  .firm__employee-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .firm__employee-title {
    font-size: 16px;
  }
}
.firm__employee-title span {
  color: #486581;
  padding-left: 10px;
}
.firm__employee-coll {
  gap: 0 20px;
}
@media screen and (max-width: 767px) {
  .firm__employee-coll {
    width: 100%;
  }
}
.firm__employee-btn {
  padding: 8px;
  min-height: 40px;
  gap: 15px;
  font-size: 16px;
  line-height: 100%;
}
@media screen and (max-width: 1680px) {
  .firm__employee-btn {
    padding: 12px;
    min-height: 44px;
    gap: 12px;
  }
}
@media screen and (max-width: 767px) {
  .firm__employee-btn {
    width: 100%;
  }
}
.firm__employee-filter {
  max-width: 1130px;
  display: -ms-grid;
  display: grid;
  padding-top: 15px;
  gap: 10px;
  -ms-grid-columns: 1fr 300px 300px;
  grid-template-columns: 1fr 300px 300px;
}
@media screen and (max-width: 1240px) {
  .firm__employee-filter {
    padding-top: 10px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .firm__employee-search {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 572px) {
  .firm__employee-select-body {
    width: 300px;
  }
}
@media (max-width: 572px) {
  .firm__employee-sl-name-body {
    left: auto;
    right: 0;
  }
}
.firm__employee-option {
  padding-top: 15px;
  gap: 10px;
}
@media screen and (max-width: 1680px) {
  .firm__employee-option {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.firm__option-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 767px) {
  .firm__option-title {
    font-size: 16px;
  }
}
.firm__option-btn {
  padding: 8px;
  gap: 15px;
  font-size: 16px;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 1680px) {
  .firm__option-btn {
    padding: 12px;
    gap: 12px;
  }
}
@media screen and (max-width: 767px) {
  .firm__option-btn {
    width: 100%;
  }
}
.firm__option-hd {
  gap: 10px 20px;
}
@media screen and (max-width: 1680px) {
  .firm__option-hd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.firm__option-list {
  gap: 20px;
}
@media screen and (max-width: 1240px) {
  .firm__option-list {
    gap: 20px 10px;
  }
}

.firm__employee-table {
  min-height: calc(100dvh - 540px);
  border: 1px solid #d9e2ec;
  border-radius: 15px;
  overflow: hidden;
}
@media screen and (max-width: 1680px) {
  .firm__employee-table {
    min-height: calc(100dvh - 500px);
  }
}
@media screen and (max-width: 1240px) {
  .firm__employee-table {
    min-height: calc(100dvh - 530px);
  }
}
@media (max-width: 1100px) {
  .firm__employee-table {
    min-height: 0;
  }
}
@media (max-width: 1040.99px) {
  .firm__employee-table {
    width: 990px;
    margin-bottom: 10px;
  }
}
@media (max-width: 572px) {
  .firm__employee-table {
    border: none;
    width: 100%;
    margin-bottom: 0;
  }
}
.firm__employee-table-container {
  margin-top: 15px;
  overflow: auto;
}
@media screen and (max-width: 1240px) {
  .firm__employee-table-container {
    margin-top: 10px;
  }
}

.firm__emp-rw {
  display: -ms-grid;
  display: grid;
  border-top: 1px solid #d9e2ec;
  -ms-grid-columns: 50px 1fr 316px 170px 1fr 1fr 88px;
  grid-template-columns: 50px 1fr 316px 170px 1fr 1fr 88px;
}
@media screen and (max-width: 1680px) {
  .firm__emp-rw {
    -ms-grid-columns: 50px 1fr 1fr 151px 1fr 1fr 80px;
    grid-template-columns: 50px 1fr 1fr 151px 1fr 1fr 80px;
  }
}
@media (max-width: 1040.99px) {
  .firm__emp-rw {
    -ms-grid-columns: 50px 1fr 176px 151px 176px 176px 80px;
    grid-template-columns: 50px 1fr 176px 151px 176px 176px 80px;
  }
}
@media (max-width: 572px) {
  .firm__emp-rw {
    border-radius: 15px;
    border: 1px solid #d9e2ec;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}

.firm__emp-hd-rw {
  border-top: none;
}
@media (max-width: 572px) {
  .firm__emp-hd-rw {
    display: none;
  }
}

.firm__emp-grid {
      grid-template-areas: "firm__emp-cll-check firm__emp-cll-name firm__emp-cll-email firm__emp-cll-number firm__emp-cll-division firm__emp-cll-job firm__emp-cll-btns";
}
@media (max-width: 572px) {
  .firm__emp-grid {
        grid-template-areas: "firm__emp-cll-check    firm__emp-cll-btns" "firm__emp-cll-name     firm__emp-cll-name" "firm__emp-cll-email    firm__emp-cll-email" "firm__emp-cll-number   firm__emp-cll-number" "firm__emp-cll-division firm__emp-cll-division" "firm__emp-cll-job      firm__emp-cll-job";
  }
}

@media (max-width: 572px) {
  .firm__emp-grid + .firm__emp-grid {
    margin-top: 10px;
  }
}
.firm__emp-cll {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 572px) {
  .firm__emp-cll {
    border-top: 1px solid #d9e2ec;
    padding: 10px;
    display: block;
  }
}

.firm__emp-cll-check {
  grid-area: firm__emp-cll-check;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 572px) {
  .firm__emp-cll-check {
    border: none;
    padding: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.firm__emp-cll-name {
  grid-area: firm__emp-cll-name;
}

.firm__emp-cll-email {
  grid-area: firm__emp-cll-email;
}
.firm__emp-cll-email .firm__emp-grid-text {
  display: block;
  word-break: break-all;
}

.firm__emp-cll-number {
  grid-area: firm__emp-cll-number;
}

.firm__emp-cll-division {
  grid-area: firm__emp-cll-division;
}

.firm__emp-cll-job {
  grid-area: firm__emp-cll-job;
}

.firm__emp-cll-btns {
  grid-area: firm__emp-cll-btns;
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 572px) {
  .firm__emp-cll-btns {
    border: none;
    padding: 15px;
  }
}

.firm__emp-grid-text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
@media screen and (max-width: 1680px) {
  .firm__emp-grid-text {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 572px) {
  .firm__emp-grid-text {
    word-break: initial;
    display: block;
    -o-text-overflow: initial;
       text-overflow: initial;
  }
}
.firm__emp-grid-text.firm__emp-text-full {
  word-break: initial;
  display: block;
  -o-text-overflow: initial;
     text-overflow: initial;
}
@media screen and (max-width: 1240px) {
  .firm__emp-grid-text.firm__emp-text-full {
    word-break: break-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 572px) {
  .firm__emp-grid-text.firm__emp-text-full {
    word-break: initial;
    display: block;
    -o-text-overflow: initial;
       text-overflow: initial;
  }
}
@media screen and (max-width: 767px) {
  .firm__emp-grid-text {
    font-size: 14px;
  }
}
@media (max-width: 572px) {
  .firm__emp-grid-text {
    word-break: normal;
    display: block;
  }
}

.firm__emp-mob-title {
  display: none;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #486581;
  padding-bottom: 10px;
}
@media (max-width: 572px) {
  .firm__emp-mob-title {
    display: block;
  }
}

.firm__emp-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 24px;
  height: 24px;
  fill: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
.firm__emp-btn img,
.firm__emp-btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .firm__emp-btn:hover {
    fill: #2e307f;
  }
}
.firm__emp-btn:focus-visible {
  fill: #2e307f;
}
.firm__emp-btn:active {
  fill: #bcbcbc;
}
@media screen and (max-width: 1680px) {
  .firm__emp-btn {
    width: 20px;
    height: 20px;
  }
}
.firm__emp-btn svg,
.firm__emp-btn img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}

.firm__emp-dell {
  fill: #ef4e4e;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .firm__emp-dell:hover {
    fill: #cf1124;
  }
}
.firm__emp-dell:focus-visible {
  fill: #cf1124;
}
.firm__emp-dell:active {
  fill: #bcbcbc;
}

.firm__unit-filter {
  padding-top: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 300px;
  grid-template-columns: 1fr 300px;
  gap: 10px;
  max-width: 1110px;
}
@media screen and (max-width: 1680px) {
  .firm__unit-filter {
    max-width: 820px;
  }
}
@media screen and (max-width: 1240px) {
  .firm__unit-filter {
    width: 100%;
    -ms-grid-columns: 1fr 296px;
    grid-template-columns: 1fr 296px;
  }
}
@media screen and (max-width: 767px) {
  .firm__unit-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .firm__unit-btn {
    font-size: 14px;
    padding: 8px;
    min-height: 36px;
  }
}
@media screen and (max-width: 767px) {
  .firm__unit-hd-text {
    font-size: 14px;
  }
}
.firm__unit-hd-btns {
  gap: 10px;
}
@media (max-width: 572.98px) {
  .firm__unit-hd-btns {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.firm__unit-hd-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 24px;
  height: 24px;
  fill: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
.firm__unit-hd-btn img,
.firm__unit-hd-btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .firm__unit-hd-btn:hover {
    fill: #2e307f;
  }
}
.firm__unit-hd-btn:focus-visible {
  fill: #2e307f;
}
.firm__unit-hd-btn:active {
  fill: #bcbcbc;
}
@media screen and (max-width: 1680px) {
  .firm__unit-hd-btn {
    width: 20px;
    height: 20px;
  }
}
.firm__unit-hd-btn img,
.firm__unit-hd-btn svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.firm__unit-hd-btn.firm__unit-dell {
  fill: #ef4e4e;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .firm__unit-hd-btn.firm__unit-dell:hover {
    #cf1124: #cf1124;
  }
}
.firm__unit-hd-btn.firm__unit-dell:focus-visible {
  #cf1124: #cf1124;
}
.firm__unit-hd-btn.firm__unit-dell:active {
  #cf1124: #bcbcbc;
}
.firm__unit-btn-controll {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  letter-spacing: 0.02em;
  color: #6b6ee8;
  fill: #486581;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
@media (hover: hover) {
  .firm__unit-btn-controll:hover {
    background: rgba(196, 198, 255, 0.4);
  }
}
.firm__unit-btn-controll:focus-visible {
  background: rgba(196, 198, 255, 0.4);
}
.firm__unit-btn-controll:active {
  background: rgba(196, 198, 255, 0.4);
}
@media (max-width: 572px) {
  .firm__unit-btn-controll {
    fill: #6b6ee8;
  }
}
.firm__unit-btn-controll img,
.firm__unit-btn-controll svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1680px) {
  .firm__unit-btn-controll img,
  .firm__unit-btn-controll svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 572.99px) {
  .firm__unit-btn-controll {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 8px;
    gap: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 36px;
    margin-left: auto;
    margin-right: 0;
  }
}
.firm__unit-btn-controll span {
  display: none;
}
@media screen and (max-width: 572.98px) {
  .firm__unit-btn-controll span {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .firm__unit-header-coll {
    font-size: 14px;
  }
}

.firm__unit-hd-coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
}
@media screen and (max-width: 572.98px) {
  .firm__unit-hd-coll {
    padding: 10px;
    border-bottom: 1px solid #d9e2ec;
    display: block;
  }
}

.firm__unit-hd-controll {
  grid-area: firm__unit-hd-controll;
  padding: 0;
}

.firm__unit-hd-name {
  grid-area: firm__unit-hd-name;
}

.firm__unit-hd-respons {
  grid-area: firm__unit-hd-respons;
}

.firm__unit-hd-quantity {
  grid-area: firm__unit-hd-quantity;
}

.firm__unit-hd-btns {
  grid-area: firm__unit-hd-btns;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.firm__unit-hd,
.firm__unit-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50px 1fr 1fr 250px 125px;
  grid-template-columns: 50px 1fr 1fr 250px 125px;
}
@media screen and (max-width: 1680px) {
  .firm__unit-hd,
  .firm__unit-header {
    -ms-grid-columns: 50px 1fr 1fr 170px 110px;
    grid-template-columns: 50px 1fr 1fr 170px 110px;
  }
}

.firm__unit-header {
  border-bottom: 1px solid #d9e2ec;
}
@media screen and (max-width: 572.98px) {
  .firm__unit-header {
    display: none;
  }
}

.firm__unit-hd {
      grid-template-areas: "firm__unit-hd-controll firm__unit-hd-name firm__unit-hd-respons firm__unit-hd-quantity firm__unit-hd-btns";
}
@media screen and (max-width: 572.98px) {
  .firm__unit-hd {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
        grid-template-areas: "firm__unit-hd-name     firm__unit-hd-name" "firm__unit-hd-respons  firm__unit-hd-respons" "firm__unit-hd-quantity firm__unit-hd-quantity" "firm__unit-hd-btns     firm__unit-hd-controll";
  }
}

.firm__unit-cart {
  border-bottom: 1px solid #d9e2ec;
}
@media screen and (max-width: 572.98px) {
  .firm__unit-cart {
    border: 1px solid #d9e2ec;
    border-radius: 15px;
  }
}

@media screen and (max-width: 572.98px) {
  .firm__unit-cart + .firm__unit-cart {
    margin-top: 10px;
  }
}

.firm__bd-coll-name {
  grid-area: firm__bd-coll-name;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50px 1fr;
  grid-template-columns: 50px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 572.98px) {
  .firm__bd-coll-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.firm__bd-coll-name-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: auto;
  height: auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.firm__bd-coll-name-status img,
.firm__bd-coll-name-status svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.firm__bd-coll-name-status img,
.firm__bd-coll-name-status svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 572.98px) {
  .firm__bd-coll-name-status img,
  .firm__bd-coll-name-status svg {
    margin-right: 10px;
  }
}
@media screen and (max-width: 572.98px) {
  .firm__bd-coll-name-user {
    font-size: 14px;
  }
}

.firm__bd-coll-job {
  grid-area: firm__bd-coll-job;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 572.98px) {
  .firm__bd-coll-job-name {
    font-size: 14px;
  }
}

.firm__bd-coll-btn {
  grid-area: firm__bd-coll-btn;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 572.98px) {
  .firm__bd-coll-btn {
    padding: 0;
  }
}

.firm__bd-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 10px 1fr 10px auto;
  grid-template-columns: auto 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
      grid-template-areas: "firm__bd-coll-name firm__bd-coll-job firm__bd-coll-btn";
  gap: 10px;
  padding: 15px;
  border-top: 1px solid #d9e2ec;
}
@media screen and (max-width: 572.98px) {
  .firm__bd-row {
    padding: 10px;
    gap: 10px 15px;
    -ms-grid-columns: auto 15px 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto 10px 1fr;
    grid-template-rows: auto 1fr;
        grid-template-areas: "firm__bd-coll-btn firm__bd-coll-name" "firm__bd-coll-job firm__bd-coll-job";
  }
}

.ffirm__bd-dell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 24px;
  height: 24px;
  fill: #ef4e4e;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
.ffirm__bd-dell img,
.ffirm__bd-dell svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .ffirm__bd-dell {
    width: 20px;
    height: 20px;
  }
}
.ffirm__bd-dell img,
.ffirm__bd-dell svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
@media (hover: hover) {
  .ffirm__bd-dell:hover {
    #cf1124: #cf1124;
  }
}
.ffirm__bd-dell:focus-visible {
  #cf1124: #cf1124;
}
.ffirm__bd-dell:active {
  #cf1124: #bcbcbc;
}

.firm__unit-bd {
  display: none;
}

.firm__unit-cart.is-active .firm__unit-bd {
  display: block;
}
.firm__unit-cart.is-active .firm__unit-controll-img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.firm__start {
  gap: 24px;
  min-height: calc(100dvh - 300px);
}
@media screen and (max-width: 767px) {
  .firm__start {
    gap: 16px;
  }
}
.firm__start-icon {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  fill: none;
  stroke: #829ab1;
  width: 54px;
  height: 54px;
}
@media screen and (max-width: 1680px) {
  .firm__start-icon {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  .firm__start-icon {
    width: 40px;
    height: 40px;
  }
}
.firm__start-wrapp {
  gap: 15px;
}
@media screen and (max-width: 1680px) {
  .firm__start-wrapp {
    gap: 10px;
  }
}

.adding {
  min-height: calc(100dvh - 136px);
  padding-top: 40px;
}
@media screen and (max-width: 1680px) {
  .adding {
    padding-top: 26px;
    min-height: calc(100dvh - 122px);
  }
}
@media screen and (max-width: 767px) {
  .adding {
    padding-top: 15px;
    min-height: calc(100dvh - 120px);
  }
}
.adding__wrapp {
  width: 100%;
  max-width: 1126px;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .adding__wrapp {
    gap: 20px;
  }
}
.adding__hd {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 572px) {
  .adding__hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.adding__hd-title {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
.adding__hd-btn {
  margin-left: auto;
  margin-right: 0;
  padding: 10px;
  gap: 10px;
  min-height: 44px;
}
@media screen and (max-width: 1680px) {
  .adding__hd-btn {
    padding: 12px 24px;
    gap: 12px;
  }
}
@media screen and (max-width: 767px) {
  .adding__hd-btn {
    min-height: 36px;
    padding: 8px 12px;
  }
}
@media (max-width: 572px) {
  .adding__hd-btn {
    margin-left: 0;
    margin-right: auto;
  }
}
.adding__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #d9e2ec;
  border-radius: 15px;
}
@media screen and (max-width: 767px) {
  .adding__body {
    display: block;
  }
}
.adding__body-coll {
  padding: 20px;
}
@media screen and (max-width: 1240px) {
  .adding__body-coll {
    padding: 15px;
  }
}
.adding__body-coll + .adding__body-coll {
  border-left: 1px solid #d9e2ec;
}
@media screen and (max-width: 767px) {
  .adding__body-coll + .adding__body-coll {
    border-top: 1px solid #d9e2ec;
    border-left: none;
  }
}
@media screen and (max-width: 767px) {
  .adding__body-title {
    font-size: 20px;
  }
}
.adding__list {
  gap: 15px;
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  .adding__list {
    padding-top: 20px;
  }
}
.adding__footer {
  gap: 10px;
}
@media (max-width: 572px) {
  .adding__footer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.adding__btn {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .adding__btn {
    min-height: 44px;
    padding: 12px;
  }
}
@media (max-width: 572px) {
  .adding__btn {
    width: 100%;
  }
}

.internal__hd {
  padding-top: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  gap: 10px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1680px) {
  .internal__hd {
    padding-top: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .internal__hd {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__hd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
}
.internal__hd-link {
  margin-left: auto;
  margin-right: 0;
  font-size: 16px;
  padding: 8px;
}
@media screen and (max-width: 1680px) {
  .internal__hd-link {
    padding: 12px 24px;
  }
}
@media screen and (max-width: 767px) {
  .internal__hd-link {
    font-size: 14px;
    padding: 8px;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__hd-link {
    width: 100%;
    margin-top: 5px;
  }
}
.internal__tab {
  padding-top: 20px;
  gap: 20px;
}
@media screen and (max-width: 1680px) {
  .internal__tab {
    padding-top: 10px;
  }
}
.internal__tab-hd {
  gap: 20px;
}
.internal__tab-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 25px;
  /* identical to box height */
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 1240px) {
  .internal__tab-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .internal__tab-title {
    font-size: 16px;
  }
}
.internal__tab-title span {
  padding-left: 10px;
  color: #486581;
}
.internal__tab-link {
  font-size: 16px;
  padding: 8px;
}
@media screen and (max-width: 1680px) {
  .internal__tab-link {
    padding: 12px 24px;
  }
}
@media screen and (max-width: 767px) {
  .internal__tab-link {
    font-size: 14px;
    padding: 8px;
    width: 100%;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__tab-link.-is-fixed-font {
    font-size: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .internal__tab-btns {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 572.98px) {
  .internal__tab-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    gap: 4px;
  }
}
@media screen and (max-width: 1240px) {
  .internal__tab-lable {
    width: 100%;
  }
}

.internal__set-hd, .internal__set-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50px 1fr 250px 110px;
  grid-template-columns: 50px 1fr 250px 110px;
}
@media screen and (max-width: 1680px) {
  .internal__set-hd, .internal__set-header {
    -ms-grid-columns: 50px 1fr 220px 110px;
    grid-template-columns: 50px 1fr 220px 110px;
  }
}
@media screen and (max-width: 992px) {
  .internal__set-hd, .internal__set-header {
    -ms-grid-columns: 50px 1fr 118px 110px;
    grid-template-columns: 50px 1fr 118px 110px;
  }
}
@media screen and (max-width: 992px) {
  .internal__set-header {
    -ms-grid-columns: 50px 1fr 220px 10px;
    grid-template-columns: 50px 1fr 220px 10px;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__set-header {
    display: none;
  }
}
.internal__set-hd {
      grid-template-areas: "firm__unit-hd-controll firm__unit-hd-name firm__unit-hd-quantity firm__unit-hd-btns";
}
@media screen and (max-width: 572.98px) {
  .internal__set-hd {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
        grid-template-areas: "firm__unit-hd-name     firm__unit-hd-name" "firm__unit-hd-quantity firm__unit-hd-quantity" "firm__unit-hd-btns     firm__unit-hd-controll";
  }
}
@media (max-width: 1040.99px) {
  .internal__set-table {
    width: 100%;
  }
}
.internal__set-bd-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: auto 10px 1fr;
  grid-template-rows: auto 1fr;
      grid-template-areas: "internal__bd-programm firm__bd-coll-btn" "internal__bd-type     firm__bd-coll-btn";
  gap: 10px 15px;
}
@media screen and (max-width: 1680px) {
  .internal__set-bd-row {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__set-bd-row {
    padding: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__set-bd-row {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
        grid-template-areas: "firm__bd-coll-btn internal__bd-programm" "internal__bd-type  internal__bd-type ";
  }
}
.internal__set-search {
  max-width: 800px;
  margin-top: 15px;
}
@media screen and (max-width: 1680px) {
  .internal__set-search {
    max-width: 510px;
  }
}
@media screen and (max-width: 1240px) {
  .internal__set-search {
    margin-top: 10px;
    max-width: 100%;
  }
}
.internal__set-search-input {
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .internal__set-search-input {
    min-height: 36px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.internal__bd-programm {
  grid-area: internal__bd-programm;
}
@media screen and (max-width: 572.98px) {
  .internal__bd-programm {
    min-height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.internal__bd-type {
  grid-area: internal__bd-type;
}

.internal__bd-programm,
.internal__bd-type {
  padding-left: 50px;
}
@media screen and (max-width: 572.98px) {
  .internal__bd-programm,
  .internal__bd-type {
    padding-left: 0;
  }
}

.internal__access-filter {
  gap: 10px;
  margin-top: 15px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 1.55fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1.55fr 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 1680px) {
  .internal__access-filter {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .internal__access-filter {
    -ms-grid-columns: 1fr 0.5fr 0.5fr 1fr;
    grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .internal__access-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 1680px) {
  .internal__access-search {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media screen and (max-width: 1240px) {
  .internal__access-programm {
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-column: 3/5;
  }
}
@media screen and (max-width: 1240px) {
  .internal__access-filter-job {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
  }
}
.internal__access-select-header {
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .internal__access-select-header {
    min-height: 36px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.internal__access-select .selected-body {
  min-width: 380px;
}
@media screen and (max-width: 767px) {
  .internal__access-select .selected-body {
    min-width: 0;
  }
}
.internal__access-coll {
  min-height: 50px;
  padding: 5px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 572.98px) {
  .internal__access-coll {
    padding: 10px;
    display: block;
    min-height: 0;
    border-top: 1px solid #d9e2ec;
  }
}
.internal__access-dowland {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 24px;
  height: 24px;
  fill: #6b6ee8;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  outline: none;
  cursor: pointer;
}
.internal__access-dowland img,
.internal__access-dowland svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .internal__access-dowland:hover {
    fill: #2e307f;
  }
}
.internal__access-dowland:focus-visible {
  fill: #2e307f;
}
.internal__access-dowland:active {
  fill: #2e307f;
}
@media screen and (max-width: 1680px) {
  .internal__access-dowland {
    width: 20px;
    height: 20px;
  }
}
.internal__access-dowland img,
.internal__access-dowland svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1240px) {
  .internal__access-table {
    min-width: 1140px;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__access-table {
    min-width: 0;
  }
}

.internal__access-tb-rw {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50px 50px 1.1fr 316px 1fr 1fr 218px 54px;
  grid-template-columns: 50px 50px 1.1fr 316px 1fr 1fr 218px 54px;
      grid-template-areas: "internal__access-controll internal__access-check internal__access-name internal__access-email internal__access-division internal__access-job internal__access-date internal__access-file";
}
@media screen and (max-width: 1680px) {
  .internal__access-tb-rw {
    -ms-grid-columns: 40px 40px 1fr 1fr 1fr 1fr 195px 50px;
    grid-template-columns: 40px 40px 1fr 1fr 1fr 1fr 195px 50px;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__access-tb-rw {
    -ms-grid-columns: 40px 1fr;
    grid-template-columns: 40px 1fr;
        grid-template-areas: "internal__access-check    internal__access-file" "internal__access-name     internal__access-name" "internal__access-email    internal__access-email" "internal__access-division internal__access-division" "internal__access-job      internal__access-job" "internal__access-date     internal__access-date" "internal__access-controll internal__access-controll";
  }
}

.internal__access-hd-rw {
  border-bottom: 1px solid #d9e2ec;
}
@media screen and (max-width: 572.98px) {
  .internal__access-hd-rw {
    display: none;
  }
}

.internal__access-tb-title {
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .internal__access-tb-title {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .internal__access-hd-title {
    font-size: 14px;
  }
}

.internal__access-controll {
  grid-area: internal__access-controll;
  padding: 0;
}
@media screen and (max-width: 572.98px) {
  .internal__access-controll {
    padding: 7px 10px;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__access-controll-btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.internal__access-check {
  grid-area: internal__access-check;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 572.98px) {
  .internal__access-check {
    margin-left: 10px;
    width: 40px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    border: none;
  }
}

.internal__access-name {
  grid-area: internal__access-name;
}

.internal__access-email {
  grid-area: internal__access-email;
}

.internal__access-division {
  grid-area: internal__access-division;
}

.internal__access-job {
  grid-area: internal__access-job;
}

.internal__access-date {
  grid-area: internal__access-date;
}

.internal__access-file {
  grid-area: internal__access-file;
}
@media screen and (max-width: 572.98px) {
  .internal__access-file {
    width: 50px;
    height: 50px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: auto;
    margin-right: 0;
    border: none;
  }
}

@media screen and (max-width: 767px) {
  .internal__access-bd-title,
  .internal__access-bd-text {
    font-size: 14px;
  }
}

.internal__access-bd-rw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-left: 70px;
}
@media screen and (max-width: 1680px) {
  .internal__access-bd-rw {
    padding-left: 95px;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__access-bd-rw {
    padding-left: 10px;
  }
}

.internal__results-sublist {
  gap: 5px 10px;
}
@media screen and (max-width: 572.98px) {
  .internal__results-sublist {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.internal__results-subinner {
  padding-right: 10px;
  border-right: 1px solid #d9e2ec;
}
@media screen and (max-width: 572.98px) {
  .internal__results-subinner {
    padding-right: 0;
    border: none;
  }
}
.internal__results-subinner:nth-last-child(1) {
  padding-right: 0;
  border: none;
}
@media screen and (max-width: 767px) {
  .internal__results-user {
    font-size: 14px;
  }
}
.internal__results-list {
  gap: 5px 10px;
}
@media screen and (max-width: 572.98px) {
  .internal__results-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.internal__results-email {
  gap: 10px;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  .internal__results-email {
    font-size: 14px;
  }
}
.internal__results-email img,
.internal__results-email svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 1680px) {
  .internal__results-email img,
  .internal__results-email svg {
    width: 16px;
    height: 16px;
  }
}
.internal__results-programm {
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .internal__results-programm-name {
    font-size: 14px;
  }
}
.internal__results-programm-type {
  font-size: 14px;
}
.internal__results-module {
  width: 100%;
  gap: 10px;
}
@media screen and (max-width: 1680px) {
  .internal__results-module {
    gap: 5px;
  }
}
@media screen and (max-width: 767px) {
  .internal__results-module-title, .internal__results-module-status {
    font-size: 14px;
  }
}
.internal__results-module-line {
  position: relative;
  width: 100%;
  height: 12px;
  border-radius: 14px;
  background: #e7ecf3;
  border: 1px solid #d9e2ec;
  overflow: hidden;
}
@media screen and (max-width: 1680px) {
  .internal__results-module-line {
    height: 10px;
  }
}
.internal__results-module-subline {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 100%;
}
.internal__results-status-name {
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .internal__results-status-name {
    font-size: 14px;
  }
}
.internal__results-status-color {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 10px;
  height: 18px;
  border-radius: 999px;
}

.internal__results-bd-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0 205px 0 218px 0 293px 0 50px;
  grid-template-columns: 1fr 205px 218px 293px 50px;
      grid-template-areas: "internal__results-bd-name internal__results-bd-prog internal__results-bd-status internal__results-bd-period internal__results-bd-file ";
  gap: 0;
  padding: 0;
  padding-left: 100px;
}
@media screen and (max-width: 1680px) {
  .internal__results-bd-row {
    -ms-grid-columns: 1fr 150px 150px 260px 50px;
    grid-template-columns: 1fr 150px 150px 260px 50px;
    padding-left: 80px;
  }
}
@media screen and (max-width: 1240px) {
  .internal__results-bd-row {
    -ms-grid-columns: 1fr 150px 150px 260px 50px;
    grid-template-columns: 1fr 150px 150px 260px 50px;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__results-bd-row {
    padding-left: 0;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
        grid-template-areas: "internal__results-bd-name   internal__results-bd-name" "internal__results-bd-prog   internal__results-bd-prog" "internal__results-bd-period internal__results-bd-period" "internal__results-bd-status internal__results-bd-file ";
  }
}

.internal__results-hd-row {
  border-bottom: 1px solid #d9e2ec;
}
@media screen and (max-width: 572.98px) {
  .internal__results-hd-row {
    display: none;
  }
}

.internal__results-bd-coll {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 1680px) {
  .internal__results-bd-coll {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__results-bd-coll {
    padding: 10px;
    border-bottom: 1px solid #d9e2ec;
  }
}

@media screen and (max-width: 1680px) {
  .internal__results-hd-title {
    padding: 15px;
  }
}

.internal__results-bd-name {
  grid-area: internal__results-bd-name;
}

.internal__results-bd-prog {
  grid-area: internal__results-bd-prog;
}

.internal__results-bd-status {
  grid-area: internal__results-bd-status;
}
@media screen and (max-width: 572.98px) {
  .internal__results-bd-status {
    border: none;
  }
}

.internal__results-bd-period {
  grid-area: internal__results-bd-period;
}

.internal__results-bd-file {
  grid-area: internal__results-bd-file;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 572.98px) {
  .internal__results-bd-file {
    padding: 10px;
    border: none;
  }
}
.internal__results-bd-file .internal__access-dowland {
  width: 24px;
  height: 24px;
}

.internal__results-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50px 50px 1fr;
  grid-template-columns: 50px 50px 1fr;
}
@media screen and (max-width: 1680px) {
  .internal__results-row {
    -ms-grid-columns: 40px 40px 1fr;
    grid-template-columns: 40px 40px 1fr;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__results-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.internal__results--controll {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 572.98px) {
  .internal__results--controll {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    grid-row: 3/4;
    padding: 7px 10px;
  }
}

.internal__results--check {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 572.98px) {
  .internal__results--check {
    padding: 15px 20px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.internal__results--name {
  padding: 15px;
  gap: 10px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 1680px) {
  .internal__results--name {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 572.98px) {
  .internal__results--name {
    gap: 5px;
    padding: 10px;
    border-bottom: 1px solid #d9e2ec;
    border-top: 1px solid #d9e2ec;
  }
}

.assign {
  padding-bottom: 50px;
}
@media screen and (max-width: 1680px) {
  .assign {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .assign {
    padding-bottom: 20px;
  }
}
.assign__wrapp {
  width: 100%;
  max-width: 1515px;
}
.assign__hd {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 20px;
}
@media screen and (max-width: 1680px) {
  .assign__hd {
    padding-top: 10px;
  }
}
@media (max-width: 572px) {
  .assign__hd {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.assign__hd-title {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
@media screen and (max-width: 767px) {
  .assign__hd-title {
    font-size: 20px;
  }
}
@media (max-width: 572px) {
  .assign__hd-title {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    text-align: center;
  }
}
.assign__hd-btn {
  margin-left: auto;
  margin-right: 0;
  padding: 10px;
  gap: 10px;
  min-height: 44px;
}
@media screen and (max-width: 1680px) {
  .assign__hd-btn {
    padding: 12px 24px;
    gap: 12px;
  }
}
@media screen and (max-width: 767px) {
  .assign__hd-btn {
    min-height: 36px;
    padding: 8px 12px;
  }
}
@media (max-width: 572px) {
  .assign__hd-btn {
    margin-left: auto;
    margin-right: 0;
    padding: 8px 24px;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}
.assign__hd-btn-back {
  margin-left: 0;
  margin-right: auto;
}
@media (max-width: 572px) {
  .assign__hd-btn-back {
    margin-left: 0;
    margin-right: auto;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
}
.assign__step {
  padding-top: 30px;
}
@media screen and (max-width: 1680px) {
  .assign__step {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .assign__step {
    padding-top: 10px;
  }
}
.assign__step-line {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 40px;
  height: 1px;
  background: #d9e2ec;
}
@media screen and (max-width: 767px) {
  .assign__step-line {
    width: 5px;
  }
}
.assign__step-inner {
  padding: 10px;
  gap: 10px;
  border: 1px solid #d9e2ec;
  border-radius: 1000px;
}
@media screen and (max-width: 1680px) {
  .assign__step-inner {
    padding: 5px;
  }
}
@media screen and (max-width: 767px) {
  .assign__step-inner {
    gap: 5px;
    padding: 3px 7px 3px 3px;
  }
}
.assign__step-inner.-is-active {
  border-color: #6b6ee8;
}
.assign__step-inner.-is-active .assign__step-number {
  border-color: #6b6ee8;
  background: #6b6ee8;
  color: #f0f4f8;
}
.assign__step-inner.-is-active .assign__step-text {
  display: block;
}
.assign__step-number {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 44px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #829ab1;
  border: 1px solid #829ab1;
  border-radius: 100px;
}
@media screen and (max-width: 767px) {
  .assign__step-number {
    width: 31px;
    height: 23px;
  }
}
@media screen and (max-width: 1240px) {
  .assign__step-text {
    font-size: 18px;
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .assign__step-text {
    font-size: 14px;
  }
}
.assign__filter {
  padding-top: 30px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px 10px;
  -ms-grid-columns: 1fr 300px 300px 283px;
  grid-template-columns: 1fr 300px 300px 283px;
}
@media screen and (max-width: 1680px) {
  .assign__filter {
    padding-top: 20px;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1240px) {
  .assign__filter {
    -ms-grid-columns: 1fr 1fr 1.1fr;
    grid-template-columns: 1fr 1fr 1.1fr;
  }
}
@media screen and (max-width: 767px) {
  .assign__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    padding-top: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .assign__filter-searh {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
}
.assign__filter-height {
  min-height: 44px;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .assign__filter-height {
    min-height: 36px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
.assign__filter-programm {
  -ms-grid-columns: 1fr 300px;
  grid-template-columns: 1fr 300px;
}
.assign__filter-dates {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 1240px) {
  .assign__filter-dates {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.assign__filter-dates-title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.assign__filter-dates-coll {
  gap: 10px;
}
@media screen and (max-width: 1240px) {
  .assign__filter-dates-coll {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .assign__filter-dates-coll {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.assign__filter-dates-row {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 180px 180px;
  grid-template-columns: 180px 180px;
  gap: 10px;
}
@media screen and (max-width: 1680px) {
  .assign__filter-dates-row {
    -ms-grid-columns: 200px 200px;
    grid-template-columns: 200px 200px;
  }
}
@media screen and (max-width: 1240px) {
  .assign__filter-dates-row {
    width: 100%;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
.assign__footer {
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #d9e2ec;
}
.assign__footer-wrapp {
  width: 100%;
  max-width: 1515px;
  margin-left: auto;
  margin-right: auto;
  gap: 15px;
}
@media screen and (max-width: 992px) {
  .assign__footer-wrapp-two {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.assign__footer-btn {
  min-height: 44px;
  font-size: 16px;
  padding: 10px 24px;
}
@media screen and (max-width: 767px) {
  .assign__footer-btn {
    width: 100%;
    padding: 8px;
    min-height: 33px;
    font-size: 14px;
  }
}
.assign__footer-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.assign__footer-container {
  gap: 10px;
}
@media screen and (max-width: 992px) {
  .assign__footer-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .assign__footer-container {
    width: 100%;
  }
}
@media screen and (max-width: 1240px) {
  .assign__footer-title, .assign__footer-rezet {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .assign__footer-title, .assign__footer-rezet {
    font-size: 14px;
  }
}
.assign__footer-title span {
  color: #102a43;
  padding-left: 10px;
}
.assign__footer-hd {
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .assign__footer-hd {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.assign__footer-allert {
  min-height: 54px;
  border-radius: 12px;
  padding: 15px;
  gap: 15px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #e7a714;
  background: rgba(209, 166, 41, 0.1);
  fill: #e7a714;
}
@media screen and (max-width: 1680px) {
  .assign__footer-allert {
    min-height: 50px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .assign__footer-allert {
    width: 100%;
  }
}
.assign__footer-allert span span {
  padding-left: 10px;
}
.assign__footer-allert svg,
.assign__footer-allert img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1680px) {
  .assign__footer-allert svg,
  .assign__footer-allert img {
    width: 20px;
    height: 20px;
  }
}
.assign__list {
  padding-top: 15px;
  padding-bottom: 15px;
  gap: 15px;
}
@media screen and (max-width: 1680px) {
  .assign__list {
    padding-top: 10px;
    padding-bottom: 10px;
    gap: 10px;
  }
}
.assign__list-title {
  padding-top: 15px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0.02em;
  color: #102a43;
}
@media screen and (max-width: 1680px) {
  .assign__list-title {
    padding-top: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .assign__list-title {
    font-size: 18px;
  }
}
.assign__cart {
  border: 1px solid #d9e2ec;
  border-radius: 8px;
}
@media screen and (max-width: 767px) {
  .assign__cart {
    border-radius: 15px;
  }
}
.assign__cart-body {
  gap: 10px;
  padding: 15px;
}
@media screen and (max-width: 1680px) {
  .assign__cart-body {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 767px) {
  .assign__cart-body {
    padding: 10px;
  }
}
.assign__cart-ticket {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 12px;
  padding: 12px;
  background: #e7ecf3;
  gap: 4px;
}
.assign__cart-ticket-date {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #486581;
}
@media screen and (max-width: 1240px) {
  .assign__cart-ticket-date {
    font-weight: 400;
    font-size: 12px;
  }
}
.assign__cart-ticket-date span {
  color: #102a43;
}
.assign__cart-ticket-row {
  gap: 4px;
}
.assign__cart-ticket-title, .assign__cart-ticket-text {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 110%;
  color: #486581;
}
@media screen and (max-width: 1240px) {
  .assign__cart-ticket-title, .assign__cart-ticket-text {
    font-size: 14px;
  }
}
.assign__cart-ticket-text {
  color: #102a43;
}
.assign__cart-list {
  gap: 5px 10px;
}
@media screen and (max-width: 767px) {
  .assign__cart-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.assign__cart-inner {
  padding-right: 10px;
  border-right: 1px solid #d9e2ec;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #486581;
}
@media screen and (max-width: 1240px) {
  .assign__cart-inner {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .assign__cart-inner {
    padding-right: 0;
    border: none;
  }
}
.assign__cart-inner:nth-last-child(1) {
  padding-right: 0;
  border: none;
}
.assign__cart-email {
  gap: 10px;
  word-break: break-all;
  padding-right: 10px;
  border-right: 1px solid #d9e2ec;
}
@media screen and (max-width: 1240px) {
  .assign__cart-email {
    padding-right: 0;
    border: none;
  }
}
@media screen and (max-width: 767px) {
  .assign__cart-email {
    font-size: 14px;
  }
}
.assign__cart-email img,
.assign__cart-email svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 20px;
  height: 20px;
}
.assign__cart-top {
  gap: 10px;
}
@media screen and (max-width: 1240px) {
  .assign__cart-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .assign__cart-top {
    gap: 5px;
  }
}
.assign__cart-date {
  color: #486581;
}
.assign__cart-date span {
  color: #102a43;
}
.assign__cart-hd {
  padding: 15px;
}
@media screen and (max-width: 1680px) {
  .assign__cart-hd {
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .assign__cart-hd {
    padding: 15px 20px;
    width: 100%;
    border-bottom: 1px solid #d9e2ec;
  }
}
.assign__cart-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50px 1fr;
  grid-template-columns: 50px 1fr;
}
@media screen and (max-width: 1680px) {
  .assign__cart-grid {
    -ms-grid-columns: 40px 1fr;
    grid-template-columns: 40px 1fr;
  }
}
@media screen and (max-width: 767px) {
  .assign__cart-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.assign__pr {
  padding: 15px;
  gap: 10px;
}
@media screen and (max-width: 1680px) {
  .assign__pr {
    padding: 10px 15px;
  }
}
.assign__pr-list {
  gap: 10px;
}
.assign__pr-inner {
  gap: 10px;
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #486581;
  padding-right: 10px;
  border-right: 1px solid #d9e2ec;
}
@media screen and (max-width: 1680px) {
  .assign__pr-inner {
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) {
  .assign__pr-inner {
    font-size: 14px;
  }
}
.assign__pr-inner-title {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #486581;
}
@media screen and (max-width: 1680px) {
  .assign__pr-inner-title {
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) {
  .assign__pr-inner-title {
    font-size: 14px;
  }
}
.assign__pr-inner-title span {
  color: #102a43;
  padding-left: 10px;
}
.assign__pr-inner:nth-last-child(1) {
  padding-right: 0;
  border: none;
}
.assign__pr-rezet {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 110%;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 1680px) {
  .assign__pr-rezet {
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) {
  .assign__pr-rezet {
    font-size: 16px;
  }
}
.assign__pr-row {
  gap: 10px;
}
.assign__pr-btn {
  padding: 10px 24px;
  min-height: 44px;
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .assign__pr-btn {
    width: 100%;
    padding: 8px;
    min-height: 33px;
    font-size: 14px;
  }
}
.assign__dates-info {
  fill: #27ab83;
  color: #27ab83;
  background: rgba(39, 171, 131, 0.2);
  border-radius: 12px;
  gap: 15px;
  padding: 15px;
  margin-top: 30px;
  width: 100%;
  min-height: 54px;
}
@media screen and (max-width: 1680px) {
  .assign__dates-info {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .assign__dates-info {
    margin-top: 10px;
    font-size: 14px;
    border-radius: 12px;
  }
}
.assign__dates-info img,
.assign__dates-info svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
}
.assign__dt {
  gap: 10px;
  padding: 15px;
}
@media screen and (max-width: 1680px) {
  .assign__dt {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 767px) {
  .assign__dt {
    padding: 10px;
  }
}
.assign__dt-field {
  gap: 10px;
}
.assign__dt-row {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  max-width: 386px;
}
@media screen and (max-width: 1680px) {
  .assign__dt-row {
    max-width: 420px;
  }
}

input:checked ~ .assign__selected-item {
  background: rgba(196, 198, 255, 0.4);
  color: #102a43;
}

.assign__list + .assign__list-title {
  padding-top: 0;
}

.institut-padding-left {
  padding-left: 60px !important;
}
@media screen and (max-width: 1680px) {
  .institut-padding-left {
    padding-left: 50px !important;
  }
}
@media screen and (max-width: 1240px) {
  .institut-padding-left {
    padding-left: 25px !important;
  }
}
@media screen and (max-width: 767px) {
  .institut-padding-left {
    padding-left: 0 !important;
  }
}

.institut-margin-0 {
  margin-left: 0;
}

.institut-background .creating__listeners-header-coll {
  background: #F3F6FB;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.institut-background.is-active .creating__listeners-header-coll {
  background: rgba(107, 110, 232, 0.1);
}

.institut__hd {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}
@media screen and (max-width: 1680px) {
  .institut__hd {
    gap: 24px 32px;
  }
}
@media screen and (max-width: 767px) {
  .institut__hd {
    gap: 15px;
  }
}
.institut__hd-btn {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  width: 32px;
  height: 32px;
}
.institut__hd-btn img,
.institut__hd-btn svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .institut__hd-btn {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .institut__hd-btn {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin-left: auto;
    margin-right: 0;
  }
}
.institut__hd-btn svg,
.institut__hd-btn img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.institut__hd-list {
  gap: 15px 32px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media screen and (max-width: 767px) {
  .institut__hd-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.institut__hd-inner {
  gap: 4px;
}
.institut__hd-subtitle {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.02em;
  color: #181830;
}
@media screen and (max-width: 1680px) {
  .institut__hd-subtitle {
    font-size: 14px;
  }
}
.institut__hd-subtext {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #181830;
}
@media screen and (max-width: 1680px) {
  .institut__hd-subtext {
    font-size: 14px;
  }
}
.institut__cart {
  width: 100%;
  padding: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 24px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}
@media screen and (max-width: 1680px) {
  .institut__cart {
    border-radius: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .institut__cart {
    border-radius: 18px;
  }
}
@media screen and (max-width: 767px) {
  .institut__cart {
    padding: 3px;
    border-radius: 8px;
  }
}
@media (hover: hover) {
  .institut__cart:hover .institut__cart-wrapp {
    border-color: #6b6ee8;
  }
}
.institut__cart-wrapp {
  border-radius: 24px;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  gap: 12px;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .institut__cart-wrapp {
    border-radius: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .institut__cart-wrapp {
    gap: 8px;
    padding: 20px 15px;
    border-radius: 18px;
  }
}
@media screen and (max-width: 767px) {
  .institut__cart-wrapp {
    gap: 4px;
    padding: 8px 4px;
    border-radius: 8px;
  }
}
.institut__cart-title {
  padding-right: 8px;
  border-right: 1px solid rgba(24, 24, 48, 0.1);
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #181830;
}
@media screen and (max-width: 1680px) {
  .institut__cart-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .institut__cart-title {
    font-size: 14px;
  }
}

.hero {
  position: relative;
  z-index: 1;
}
@media (min-width: 1920px) {
  .hero {
    margin-bottom: 60px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero {
    margin-bottom: calc(
				20px + 40 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero {
    margin-bottom: 20px;
  }
}
@media (min-width: 1920px) {
  .hero {
    margin-top: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero {
    margin-top: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero {
    margin-top: 10px;
  }
}
.hero::before, .hero::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  z-index: -1;
}
.hero::before {
  width: 272px;
  height: 214px;
  background: url("../img/icon/hero-before.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
  .hero::before {
    left: -15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero::before {
    left: calc(
				-40px + 25 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero::before {
    left: -40px;
  }
}
.hero::after {
  width: 300px;
  height: 196px;
  background: url("../img/icon/hero-after.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
  .hero::after {
    right: -25px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero::after {
    right: calc(
				-200px + 175 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero::after {
    right: -200px;
  }
}

.hero__top {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1920px) {
  .hero__top {
    grid-gap: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero__top {
    grid-gap: calc(
				10px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero__top {
    grid-gap: 10px;
  }
}

.hero__inner {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
}

.hero__middle {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .hero__middle {
    grid-gap: 25px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero__middle {
    grid-gap: calc(
				10px + 15 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero__middle {
    grid-gap: 10px;
  }
}

.hero__title {
  text-align: center;
  font-weight: 600;
  line-height: var(--line-height-title);
  max-width: 1028px;
}
@media (min-width: 1920px) {
  .hero__title {
    font-size: 50px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero__title {
    font-size: calc(
				40px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .hero__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .hero__title {
    font-size: calc(
				32px + 8 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .hero__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .hero__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .hero__title {
    font-size: calc(
				24px + 8 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .hero__title {
    font-size: 24px;
  }
}

.hero__desc {
  text-align: center;
  font-weight: 500;
  margin: 0 auto;
  line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
  .hero__desc {
    font-size: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero__desc {
    font-size: calc(
				18px + 2 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero__desc {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .hero__desc {
    max-width: 1033px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero__desc {
    max-width: calc(
				789px + 244 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero__desc {
    max-width: 789px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .hero__desc {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .hero__desc {
    font-size: calc(
				14px + 4 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .hero__desc {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .hero__desc {
    max-width: 600px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .hero__desc {
    max-width: calc(
				396px + 204 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .hero__desc {
    max-width: 396px;
  }
}
@media screen and (max-width: 767px) {
  .hero__desc {
    max-width: 100%;
  }
}

.hero__row {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
}
@media (min-width: 1920px) {
  .hero__row {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero__row {
    grid-gap: calc(
				8px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero__row {
    grid-gap: 8px;
  }
}
@media (min-width: 1920px) {
  .hero__row {
    margin-top: -100px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero__row {
    margin-top: calc(
				-90px + -10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero__row {
    margin-top: -90px;
  }
}
@media screen and (max-width: 1240px) {
  .hero__row {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .hero__row {
    margin-top: -90px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .hero__row {
    margin-top: calc(
				-70px + -20 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .hero__row {
    margin-top: -70px;
  }
}
@media screen and (max-width: 767px) {
  .hero__row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 0;
  }
}

.hero-diretion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
  .hero-diretion {
    gap: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero-diretion {
    gap: calc(
				10px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero-diretion {
    gap: 10px;
  }
}
@media (min-width: 1920px) {
  .hero-diretion {
    padding: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero-diretion {
    padding: calc(
				16px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero-diretion {
    padding: 16px;
  }
}
@media (min-width: 1920px) {
  .hero-diretion {
    width: 450px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero-diretion {
    width: calc(
				370px + 80 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero-diretion {
    width: 370px;
  }
}
@media (min-width: 1920px) {
  .hero-diretion {
    border-radius: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-diretion {
    border-radius: calc(
				20px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-diretion {
    border-radius: 20px;
  }
}
@media (min-width: 1920px) {
  .hero-diretion {
    margin-top: 100px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero-diretion {
    margin-top: calc(
				20px + 80 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero-diretion {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .hero-diretion {
    width: 100%;
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    -ms-grid-row: 2;
    grid-row: 2;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .hero-diretion {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.hero-diretion__title {
  font-weight: 600;
  max-width: 1028px;
}
@media (min-width: 1920px) {
  .hero-diretion__title {
    font-size: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero-diretion__title {
    font-size: calc(
				20px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero-diretion__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .hero-diretion__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .hero-diretion__title {
    font-size: calc(
				18px + 2 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .hero-diretion__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .hero-diretion__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .hero-diretion__title {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .hero-diretion__title {
    font-size: 14px;
  }
}

.hero-diretion__item {
  border-top: 1px solid var(--color-border-gray);
}
.hero-diretion__item:last-child .hero-diretion__link {
  padding-bottom: 0;
}

.hero-diretion__link {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  color: var(--color-text);
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  grid-gap: 10px;
}
@media (min-width: 1920px) {
  .hero-diretion__link {
    padding-top: 15px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero-diretion__link {
    padding-top: calc(
				10px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero-diretion__link {
    padding-top: 10px;
  }
}
@media (min-width: 1920px) {
  .hero-diretion__link {
    padding-bottom: 15px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero-diretion__link {
    padding-bottom: calc(
				10px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero-diretion__link {
    padding-bottom: 10px;
  }
}
@media (min-width: 1920px) {
  .hero-diretion__link {
    font-size: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-diretion__link {
    font-size: calc(
				12px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-diretion__link {
    font-size: 12px;
  }
}
.hero-diretion__link span {
  padding-left: 10px;
  border-left: 1px solid var(--color-border-gray);
}
@media screen and (hover: hover) {
  .hero-diretion__link:hover {
    color: var(--color-blue-primary);
  }
}

.hero-diretion__link-icon {
  width: 18px;
  height: 18px;
}
.hero-diretion__link-icon svg,
.hero-diretion__link-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 1920px) {
  .hero-diretion__link-arrow {
    width: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-diretion__link-arrow {
    width: calc(
				20px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-diretion__link-arrow {
    width: 20px;
  }
}
@media (min-width: 1920px) {
  .hero-diretion__link-arrow {
    height: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-diretion__link-arrow {
    height: calc(
				20px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-diretion__link-arrow {
    height: 20px;
  }
}
.hero-diretion__link-arrow svg,
.hero-diretion__link-arrow img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.hero-media {
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .hero-media {
    height: 525px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero-media {
    height: calc(
				420px + 105 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero-media {
    height: 420px;
  }
}
@media (min-width: 1920px) {
  .hero-media {
    border-radius: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-media {
    border-radius: calc(
				20px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-media {
    border-radius: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .hero-media {
    height: 400px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .hero-media {
    height: calc(
				350px + 50 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .hero-media {
    height: 350px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .hero-media {
    height: 350px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .hero-media {
    height: calc(
				210px + 140 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .hero-media {
    height: 210px;
  }
}

.hero-media__container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.hero-media__wrapper {
  width: 100%;
  height: 100%;
}

.hero-media__item {
  height: 100%;
  width: 100%;
}
.hero-media__item img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.hero-media__content {
  margin-top: auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  background: var(--color-background);
  border: 3px solid var(--color-border-light);
}
@media (min-width: 1920px) {
  .hero-media__content {
    padding: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-media__content {
    padding: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-media__content {
    padding: 15px;
  }
}
@media (min-width: 1920px) {
  .hero-media__content {
    border-radius: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-media__content {
    border-radius: calc(
				20px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-media__content {
    border-radius: 20px;
  }
}

.hero-media__content-title {
  font-weight: 600;
}
@media (min-width: 1920px) {
  .hero-media__content-title {
    font-size: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero-media__content-title {
    font-size: calc(
				20px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero-media__content-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .hero-media__content-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .hero-media__content-title {
    font-size: calc(
				18px + 2 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .hero-media__content-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .hero-media__content-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .hero-media__content-title {
    font-size: calc(
				16px + 2 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .hero-media__content-title {
    font-size: 16px;
  }
}

@media (min-width: 1920px) {
  .hero-media__content-text {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-media__content-text {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-media__content-text {
    font-size: 14px;
  }
}

.hero-media__content-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  grid-gap: 10px;
}
@media screen and (max-width: 1440px) {
  .hero-media__content-info {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.hero-media__left {
  -webkit-mask: url("../img/icon/hero-mask-1.svg") no-repeat right top/cover;
          mask: url("../img/icon/hero-mask-1.svg") no-repeat right top/cover;
}
@media screen and (max-width: 767px) {
  .hero-media__left {
    -webkit-mask: none;
            mask: none;
  }
}

.hero-media__right {
  position: relative;
  z-index: 1;
  -webkit-mask: url("../img/icon/hero-mask-2.svg") no-repeat left top/cover;
          mask: url("../img/icon/hero-mask-2.svg") no-repeat left top/cover;
}
@media screen and (max-width: 767px) {
  .hero-media__right {
    -webkit-mask: none;
            mask: none;
  }
}
.hero-media__right::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2509803922);
}

.hero-social {
  margin-top: auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  z-index: 2;
}
@media (min-width: 1920px) {
  .hero-social {
    padding: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-social {
    padding: calc(
				12px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-social {
    padding: 12px;
  }
}

.hero-social__title {
  color: var(--color-white);
  font-weight: 600;
}
@media (min-width: 1920px) {
  .hero-social__title {
    font-size: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero-social__title {
    font-size: calc(
				20px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero-social__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .hero-social__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .hero-social__title {
    font-size: calc(
				18px + 2 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .hero-social__title {
    font-size: 18px;
  }
}

.hero-social__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1920px) {
  .hero-social__list {
    gap: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-social__list {
    gap: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-social__list {
    gap: 5px;
  }
}

.hero-social__link {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  color: var(--color-text);
  border-radius: 30px;
  background: var(--color-background);
}
@media (min-width: 1920px) {
  .hero-social__link {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-social__link {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-social__link {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .hero-social__link {
    padding-top: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-social__link {
    padding-top: calc(
				8px + 7 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-social__link {
    padding-top: 8px;
  }
}
@media (min-width: 1920px) {
  .hero-social__link {
    padding-bottom: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-social__link {
    padding-bottom: calc(
				8px + 7 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-social__link {
    padding-bottom: 8px;
  }
}
@media (min-width: 1920px) {
  .hero-social__link {
    padding-left: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-social__link {
    padding-left: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-social__link {
    padding-left: 10px;
  }
}
@media (min-width: 1920px) {
  .hero-social__link {
    padding-right: 25px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-social__link {
    padding-right: calc(
				20px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-social__link {
    padding-right: 20px;
  }
}
.hero-social__link svg {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .hero-social__link svg {
    width: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-social__link svg {
    width: calc(
				16px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-social__link svg {
    width: 16px;
  }
}
@media (min-width: 1920px) {
  .hero-social__link svg {
    height: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-social__link svg {
    height: calc(
				16px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-social__link svg {
    height: 16px;
  }
}
@media screen and (hover: hover) {
  .hero-social__link:hover {
    color: var(--color-blue-primary);
  }
}
.hero-social__link:active {
  -webkit-transform: scale(0.98);
      -ms-transform: scale(0.98);
          transform: scale(0.98);
}

.hero-advantages {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1920px) {
  .hero-advantages {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-advantages {
    grid-gap: calc(
				12px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-advantages {
    grid-gap: 12px;
  }
}
@media screen and (max-width: 767px) {
  .hero-advantages {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.hero-advantages__item {
  background: var(--color-background);
  -webkit-box-shadow: var(--shadow-black);
          box-shadow: var(--shadow-black);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1920px) {
  .hero-advantages__item {
    border-radius: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-advantages__item {
    border-radius: calc(
				20px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-advantages__item {
    border-radius: 20px;
  }
}
@media (min-width: 1920px) {
  .hero-advantages__item {
    padding: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-advantages__item {
    padding: calc(
				15px + 15 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-advantages__item {
    padding: 15px;
  }
}
@media (min-width: 1920px) {
  .hero-advantages__item {
    grid-gap: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-advantages__item {
    grid-gap: calc(
				10px + 20 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-advantages__item {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .hero-advantages__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.hero-advantages__item-icon {
  background: var(--color-golden-10);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1920px) {
  .hero-advantages__item-icon {
    width: 84px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-advantages__item-icon {
    width: calc(
				40px + 44 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-advantages__item-icon {
    width: 40px;
  }
}
@media (min-width: 1920px) {
  .hero-advantages__item-icon {
    height: 84px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-advantages__item-icon {
    height: calc(
				40px + 44 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-advantages__item-icon {
    height: 40px;
  }
}
.hero-advantages__item-icon svg,
.hero-advantages__item-icon img {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .hero-advantages__item-icon svg,
  .hero-advantages__item-icon img {
    width: 46px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-advantages__item-icon svg,
  .hero-advantages__item-icon img {
    width: calc(
				20px + 26 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-advantages__item-icon svg,
  .hero-advantages__item-icon img {
    width: 20px;
  }
}
@media (min-width: 1920px) {
  .hero-advantages__item-icon svg,
  .hero-advantages__item-icon img {
    height: 46px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-advantages__item-icon svg,
  .hero-advantages__item-icon img {
    height: calc(
				20px + 26 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-advantages__item-icon svg,
  .hero-advantages__item-icon img {
    height: 20px;
  }
}

.hero-advantages__item-info {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .hero-advantages__item-info {
    grid-gap: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .hero-advantages__item-info {
    grid-gap: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .hero-advantages__item-info {
    grid-gap: 5px;
  }
}

.hero-advantages__item-title {
  font-weight: 600;
  line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
  .hero-advantages__item-title {
    font-size: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .hero-advantages__item-title {
    font-size: calc(
				20px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .hero-advantages__item-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .hero-advantages__item-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .hero-advantages__item-title {
    font-size: calc(
				18px + 2 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .hero-advantages__item-title {
    font-size: 18px;
  }
}

.hero-advantages__item-text {
  font-weight: 500;
  line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
  .hero-advantages__item-text {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .hero-advantages__item-text {
    font-size: calc(
				16px + 4 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .hero-advantages__item-text {
    font-size: 16px;
  }
}

.feedback {
  background: var(--color-light-periwinkle-40);
  position: relative;
}
@media (min-width: 1920px) {
  .feedback {
    padding-top: 25px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .feedback {
    padding-top: calc(
				20px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .feedback {
    padding-top: 20px;
  }
}
@media (min-width: 1920px) {
  .feedback {
    padding-bottom: 25px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .feedback {
    padding-bottom: calc(
				20px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .feedback {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .feedback {
    overflow: hidden;
  }
}
.feedback::before {
  content: "";
  display: block;
  position: absolute;
  background: url("../img/feedback-decor-pc.png") no-repeat center center/contain;
}
@media (min-width: 1920px) {
  .feedback::before {
    width: 295px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .feedback::before {
    width: calc(
				150px + 145 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .feedback::before {
    width: 150px;
  }
}
@media (min-width: 1920px) {
  .feedback::before {
    height: 343px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .feedback::before {
    height: calc(
				240px + 103 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .feedback::before {
    height: 240px;
  }
}
@media (min-width: 1920px) {
  .feedback::before {
    left: 74px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .feedback::before {
    left: calc(
				0px + 74 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .feedback::before {
    left: 0px;
  }
}
@media (min-width: 1920px) {
  .feedback::before {
    top: -40px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .feedback::before {
    top: calc(
				0px + -40 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .feedback::before {
    top: 0px;
  }
}
@media screen and (max-width: 767px) {
  .feedback::before {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url("../img/feedback-decor-mobile.png") no-repeat center center/contain;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .feedback::before {
    width: 340px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .feedback::before {
    width: calc(
				246px + 94 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .feedback::before {
    width: 246px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .feedback::before {
    height: 180px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .feedback::before {
    height: calc(
				147px + 33 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .feedback::before {
    height: 147px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .feedback::before {
    top: -30px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .feedback::before {
    top: calc(
				-20px + -10 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .feedback::before {
    top: -20px;
  }
}

.feedback__inner {
  background: var(--color-background);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1920px) {
  .feedback__inner {
    grid-gap: 130px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  .feedback__inner {
    grid-gap: calc(
				20px + 110 * (((100vw - 1440px)) / ((480)))
			);
  }
}
@media (max-width: 1440px) {
  .feedback__inner {
    grid-gap: 20px;
  }
}
@media (min-width: 1920px) {
  .feedback__inner {
    border-radius: 50px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .feedback__inner {
    border-radius: calc(
				20px + 30 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .feedback__inner {
    border-radius: 20px;
  }
}
@media (min-width: 1920px) {
  .feedback__inner {
    padding-top: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .feedback__inner {
    padding-top: calc(
				20px + 10 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .feedback__inner {
    padding-top: 20px;
  }
}
@media (min-width: 1920px) {
  .feedback__inner {
    padding-bottom: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .feedback__inner {
    padding-bottom: calc(
				20px + 10 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .feedback__inner {
    padding-bottom: 20px;
  }
}
@media (min-width: 1920px) {
  .feedback__inner {
    padding-right: 60px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .feedback__inner {
    padding-right: calc(
				20px + 40 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .feedback__inner {
    padding-right: 20px;
  }
}
@media (min-width: 1920px) {
  .feedback__inner {
    padding-left: 250px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .feedback__inner {
    padding-left: calc(
				160px + 90 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .feedback__inner {
    padding-left: 160px;
  }
}
@media screen and (max-width: 1440px) {
  .feedback__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .feedback__inner {
    padding-left: 20px;
    padding-top: 120px;
    padding-right: 20px;
    padding-bottom: 20px;
  }
}

.feedback__head {
  max-width: 477px;
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
}
@media screen and (max-width: 1440px) {
  .feedback__head {
    max-width: 100%;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}
@media screen and (max-width: 1240px) {
  .feedback__head {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}

.feedback__title {
  font-weight: 700;
  line-height: 133%;
}
@media (min-width: 1920px) {
  .feedback__title {
    font-size: 40px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .feedback__title {
    font-size: calc(
				32px + 8 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .feedback__title {
    font-size: 32px;
  }
}
.feedback__title i {
  font-weight: 500;
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
  .feedback__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1280px) {
  .feedback__title {
    font-size: calc(
				28px + 4 * (((100vw - 768px)) / ((512)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .feedback__title {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .feedback__title {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .feedback__title {
    font-size: calc(
				23px + 5 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .feedback__title {
    font-size: 23px;
  }
}

.feedback__head-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--color-text);
}
@media (min-width: 1920px) {
  .feedback__head-action {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .feedback__head-action {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .feedback__head-action {
    font-size: 14px;
  }
}
.feedback__head-action span {
  background: var(--color-golden);
  border-radius: 30px;
  color: var(--color-white);
}
@media (min-width: 1920px) {
  .feedback__head-action span {
    padding-left: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .feedback__head-action span {
    padding-left: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .feedback__head-action span {
    padding-left: 15px;
  }
}
@media (min-width: 1920px) {
  .feedback__head-action span {
    padding-right: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .feedback__head-action span {
    padding-right: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .feedback__head-action span {
    padding-right: 15px;
  }
}
@media (min-width: 1920px) {
  .feedback__head-action span {
    padding-top: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .feedback__head-action span {
    padding-top: calc(
				8px + 2 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .feedback__head-action span {
    padding-top: 8px;
  }
}
@media (min-width: 1920px) {
  .feedback__head-action span {
    padding-bottom: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .feedback__head-action span {
    padding-bottom: calc(
				8px + 2 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .feedback__head-action span {
    padding-bottom: 8px;
  }
}

.feedback-form__btn {
  margin-left: auto;
}

.feedback-form__fields {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
  .feedback-form__fields {
    grid-gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .feedback-form__fields {
    grid-gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .feedback-form__fields {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .feedback-form__fields {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.feedback-form__body {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .feedback-form__body {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .feedback-form__body {
    grid-gap: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .feedback-form__body {
    grid-gap: 15px;
  }
}

.feedback-form {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .feedback-form {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .feedback-form {
    grid-gap: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .feedback-form {
    grid-gap: 15px;
  }
}

.about-sec__inner {
  display: -ms-grid;
  display: grid;
  width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  position: relative;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  z-index: 1;
}
@media (min-width: 1920px) {
  .about-sec__inner {
    grid-gap: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-sec__inner {
    grid-gap: calc(
				15px + 15 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-sec__inner {
    grid-gap: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .about-sec__inner {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}
@media screen and (max-width: 767px) {
  .about-sec__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.about-sec__inner::before, .about-sec__inner::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  background: url("../img/about-decor.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .about-sec__inner::before, .about-sec__inner::after {
    display: none;
  }
}
@media (min-width: 1920px) {
  .about-sec__inner::before {
    width: 90px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about-sec__inner::before {
    width: calc(
				60px + 30 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .about-sec__inner::before {
    width: 60px;
  }
}
@media (min-width: 1920px) {
  .about-sec__inner::before {
    height: 100px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about-sec__inner::before {
    height: calc(
				70px + 30 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .about-sec__inner::before {
    height: 70px;
  }
}
@media (min-width: 1920px) {
  .about-sec__inner::before {
    top: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about-sec__inner::before {
    top: calc(
				120px + -90 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .about-sec__inner::before {
    top: 120px;
  }
}
@media (min-width: 1920px) {
  .about-sec__inner::before {
    right: 480px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about-sec__inner::before {
    right: calc(
				170px + 310 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .about-sec__inner::before {
    right: 170px;
  }
}
@media (min-width: 1920px) {
  .about-sec__inner::after {
    width: 80px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about-sec__inner::after {
    width: calc(
				55px + 25 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .about-sec__inner::after {
    width: 55px;
  }
}
@media (min-width: 1920px) {
  .about-sec__inner::after {
    height: 90px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about-sec__inner::after {
    height: calc(
				65px + 25 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .about-sec__inner::after {
    height: 65px;
  }
}
@media (min-width: 1920px) {
  .about-sec__inner::after {
    top: 50px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about-sec__inner::after {
    top: calc(
				60px + -10 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .about-sec__inner::after {
    top: 60px;
  }
}
@media (min-width: 1920px) {
  .about-sec__inner::after {
    right: -80px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about-sec__inner::after {
    right: calc(
				-30px + -50 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .about-sec__inner::after {
    right: -30px;
  }
}

.about-sec__images {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
  .about-sec__images {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-sec__images {
    grid-gap: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-sec__images {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 1440px) {
  .about-sec__images {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .about-sec__images {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-row-align: end;
        align-self: end;
  }
}
@media screen and (max-width: 767px) {
  .about-sec__images {
    -ms-grid-row: 2;
    grid-row: 2;
  }
}

.about-sec__image {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1920px) {
  .about-sec__image {
    border-radius: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-sec__image {
    border-radius: calc(
				10px + 20 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-sec__image {
    border-radius: 10px;
  }
}
@media (min-width: 1920px) {
  .about-sec__image {
    width: 258px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-sec__image {
    width: calc(
				150px + 108 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .about-sec__image {
    width: 150px;
  }
}
@media (min-width: 1920px) {
  .about-sec__image {
    height: 258px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-sec__image {
    height: calc(
				150px + 108 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .about-sec__image {
    height: 150px;
  }
}
@media screen and (max-width: 767px) {
  .about-sec__image {
    width: 100%;
    padding-top: 100%;
  }
}
.about-sec__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767px) {
  .about-sec__image img {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.about-sec__content {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-sec__content {
    grid-gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-sec__content {
    grid-gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-sec__content {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .about-sec__content {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
@media screen and (max-width: 767px) {
  .about-sec__content {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

.about-sec__desc {
  color: var(--color-steel-blue);
}

.about-sec__video {
  background: var(--color-dark-navy);
}
@media (min-width: 1920px) {
  .about-sec__video {
    width: 634px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-sec__video {
    width: calc(
				464px + 170 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .about-sec__video {
    width: 464px;
  }
}
@media (min-width: 1920px) {
  .about-sec__video {
    height: 437px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-sec__video {
    height: calc(
				320px + 117 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .about-sec__video {
    height: 320px;
  }
}
@media (min-width: 1920px) {
  .about-sec__video {
    border-radius: 40px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-sec__video {
    border-radius: calc(
				10px + 30 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-sec__video {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .about-sec__video {
    width: 100%;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about-sec__video {
    height: 320px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .about-sec__video {
    height: calc(
				268px + 52 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .about-sec__video {
    height: 268px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .about-sec__video {
    height: 268px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .about-sec__video {
    height: calc(
				189px + 79 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .about-sec__video {
    height: 189px;
  }
}
.about-sec__video::before {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (hover: hover) {
  .about-sec__video:hover::before {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
  }
}

.steps {
  background: var(--color-ghost-white);
}

.steps__inner {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .steps__inner {
    padding-top: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .steps__inner {
    padding-top: calc(
				20px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .steps__inner {
    padding-top: 20px;
  }
}
@media (min-width: 1920px) {
  .steps__inner {
    padding-bottom: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .steps__inner {
    padding-bottom: calc(
				20px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .steps__inner {
    padding-bottom: 20px;
  }
}

.steps__head {
  position: relative;
}
.steps__head::after {
  content: "";
  display: block;
  position: relative;
  background: url("../img/icon/colden-cube.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
  .steps__head::after {
    width: 36px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .steps__head::after {
    width: calc(
				22px + 14 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .steps__head::after {
    width: 22px;
  }
}
@media (min-width: 1920px) {
  .steps__head::after {
    height: 36px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .steps__head::after {
    height: calc(
				22px + 14 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .steps__head::after {
    height: 22px;
  }
}

.steps__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
  counter-reset: steps-counter;
}
@media (min-width: 1920px) {
  .steps__body {
    grid-gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .steps__body {
    grid-gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .steps__body {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .steps__body {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.steps-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
  .steps-card {
    gap: 48px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .steps-card {
    gap: calc(
				24px + 24 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .steps-card {
    gap: 24px;
  }
}
@media (min-width: 1920px) {
  .steps-card {
    padding: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .steps-card {
    padding: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .steps-card {
    padding: 10px;
  }
}
@media (min-width: 1920px) {
  .steps-card {
    border-radius: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .steps-card {
    border-radius: calc(
				10px + 20 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .steps-card {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .steps-card {
    gap: 24px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .steps-card {
    gap: calc(
				10px + 14 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .steps-card {
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .steps-card:last-child {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
  }
}

.steps-card__image {
  background: var(--color-light-periwinkle-40);
  width: 100%;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1920px) {
  .steps-card__image {
    border-radius: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .steps-card__image {
    border-radius: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .steps-card__image {
    border-radius: 10px;
  }
}
@media (min-width: 1920px) {
  .steps-card__image {
    height: 264px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .steps-card__image {
    height: calc(
				200px + 64 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .steps-card__image {
    height: 200px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .steps-card__image {
    height: 200px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .steps-card__image {
    height: calc(
				150px + 50 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .steps-card__image {
    height: 150px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .steps-card__image {
    height: 150px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .steps-card__image {
    height: calc(
				130px + 20 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .steps-card__image {
    height: 130px;
  }
}
.steps-card__image img {
  border-radius: 5px;
  overflow: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .steps-card__image img {
    width: 196px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .steps-card__image img {
    width: calc(
				98px + 98 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .steps-card__image img {
    width: 98px;
  }
}
@media (min-width: 1920px) {
  .steps-card__image img {
    height: 196px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .steps-card__image img {
    height: calc(
				98px + 98 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .steps-card__image img {
    height: 98px;
  }
}

.steps-card__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  margin-top: auto;
}
.steps-card__body::before {
  content: "0" counter(steps-counter);
  counter-increment: steps-counter;
  display: block;
  color: var(--color-gray-teel);
}
@media (min-width: 1920px) {
  .steps-card__body::before {
    font-size: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .steps-card__body::before {
    font-size: calc(
				14px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .steps-card__body::before {
    font-size: 14px;
  }
}

.steps-card__title {
  text-align: right;
  line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
  .steps-card__title {
    font-size: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .steps-card__title {
    font-size: calc(
				20px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .steps-card__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1280px) {
  .steps-card__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1280px) {
  .steps-card__title {
    font-size: calc(
				12px + 8 * (((100vw - 768px)) / ((512)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .steps-card__title {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .steps-card__title {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .steps-card__title {
    font-size: calc(
				14px + -2 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .steps-card__title {
    font-size: 14px;
  }
}

.advantages__inner {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  background: var(--color-golden-10);
}
@media (min-width: 1920px) {
  .advantages__inner {
    grid-gap: 100px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .advantages__inner {
    grid-gap: calc(
				30px + 70 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .advantages__inner {
    grid-gap: 30px;
  }
}
@media (min-width: 1920px) {
  .advantages__inner {
    padding: 40px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .advantages__inner {
    padding: calc(
				15px + 25 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .advantages__inner {
    padding: 15px;
  }
}
@media (min-width: 1920px) {
  .advantages__inner {
    border-radius: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .advantages__inner {
    border-radius: calc(
				10px + 20 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .advantages__inner {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .advantages__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .advantages__inner {
    grid-gap: 30px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .advantages__inner {
    grid-gap: calc(
				20px + 10 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .advantages__inner {
    grid-gap: 20px;
  }
}

@media (min-width: 1920px) {
  .advantages__head {
    max-width: 456px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .advantages__head {
    max-width: calc(
				300px + 156 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .advantages__head {
    max-width: 300px;
  }
}
@media screen and (max-width: 1240px) {
  .advantages__head {
    max-width: 100%;
  }
}

.advantages__title {
  font-weight: 600;
  line-height: var(--line-height-title);
  color: var(--color-text);
}
@media (min-width: 1920px) {
  .advantages__title {
    font-size: 56px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .advantages__title {
    font-size: calc(
				40px + 16 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .advantages__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .advantages__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .advantages__title {
    font-size: calc(
				32px + 8 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .advantages__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .advantages__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .advantages__title {
    font-size: calc(
				20px + 12 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .advantages__title {
    font-size: 20px;
  }
}

.advantages__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1920px) {
  .advantages__list {
    grid-column-gap: 60px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .advantages__list {
    grid-column-gap: calc(
				20px + 40 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .advantages__list {
    grid-column-gap: 20px;
  }
}
@media (min-width: 1920px) {
  .advantages__list {
    grid-row-gap: 35px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .advantages__list {
    grid-row-gap: calc(
				15px + 20 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .advantages__list {
    grid-row-gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  .advantages__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.advantages__item {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media (min-width: 1920px) {
  .advantages__item {
    grid-gap: 25px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .advantages__item {
    grid-gap: calc(
				15px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .advantages__item {
    grid-gap: 15px;
  }
}
.advantages__item:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-area: 1/2/1/4;
}
@media (min-width: 1920px) {
  .advantages__item:nth-child(2) {
    max-width: 420px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .advantages__item:nth-child(2) {
    max-width: calc(
				360px + 60 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .advantages__item:nth-child(2) {
    max-width: 360px;
  }
}
@media screen and (max-width: 767px) {
  .advantages__item:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: 2/1/2/1;
    max-width: 100%;
  }
}

.advantages__item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--color-golden-10);
}
@media (min-width: 1920px) {
  .advantages__item-icon {
    border-radius: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .advantages__item-icon {
    border-radius: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .advantages__item-icon {
    border-radius: 5px;
  }
}
@media (min-width: 1920px) {
  .advantages__item-icon {
    width: 43px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .advantages__item-icon {
    width: calc(
				32px + 11 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .advantages__item-icon {
    width: 32px;
  }
}
@media (min-width: 1920px) {
  .advantages__item-icon {
    height: 43px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .advantages__item-icon {
    height: calc(
				32px + 11 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .advantages__item-icon {
    height: 32px;
  }
}
.advantages__item-icon img,
.advantages__item-icon svg {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .advantages__item-icon img,
  .advantages__item-icon svg {
    width: 21px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .advantages__item-icon img,
  .advantages__item-icon svg {
    width: calc(
				16px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .advantages__item-icon img,
  .advantages__item-icon svg {
    width: 16px;
  }
}
@media (min-width: 1920px) {
  .advantages__item-icon img,
  .advantages__item-icon svg {
    height: 21px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .advantages__item-icon img,
  .advantages__item-icon svg {
    height: calc(
				16px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .advantages__item-icon img,
  .advantages__item-icon svg {
    height: 16px;
  }
}

.advantages__item-text {
  font-weight: 500;
  line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
  .advantages__item-text {
    font-size: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .advantages__item-text {
    font-size: calc(
				14px + 6 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .advantages__item-text {
    font-size: 14px;
  }
}
.advantages__item-text * {
  line-height: inherit;
}

.reviews-sec {
  border-bottom: 1px solid var(--color-border-gray);
}

.reviews-sec__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media (min-width: 1920px) {
  .reviews-sec__inner {
    grid-gap: 50px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .reviews-sec__inner {
    grid-gap: calc(
				16px + 34 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .reviews-sec__inner {
    grid-gap: 16px;
  }
}
@media (min-width: 1920px) {
  .reviews-sec__inner {
    padding-bottom: 60px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .reviews-sec__inner {
    padding-bottom: calc(
				20px + 40 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .reviews-sec__inner {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .reviews-sec__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.reviews-sec__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .reviews-sec__head {
    width: 330px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .reviews-sec__head {
    width: calc(
				290px + 40 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .reviews-sec__head {
    width: 290px;
  }
}
@media (min-width: 1920px) {
  .reviews-sec__head {
    grid-gap: 15px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .reviews-sec__head {
    grid-gap: calc(
				10px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .reviews-sec__head {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .reviews-sec__head {
    display: -ms-grid;
    display: grid;
    width: 100%;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}
@media screen and (max-width: 767px) {
  .reviews-sec__head {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1240px) {
  .reviews-sec__top {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
  }
}
@media screen and (max-width: 767px) {
  .reviews-sec__top {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

.reviews-sec__body {
  max-width: 100%;
}

.reviews-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
  .reviews-card {
    gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .reviews-card {
    gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card {
    gap: 10px;
  }
}
@media (min-width: 1920px) {
  .reviews-card {
    padding: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .reviews-card {
    padding: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card {
    padding: 15px;
  }
}
@media (min-width: 1920px) {
  .reviews-card {
    border-radius: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .reviews-card {
    border-radius: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card {
    border-radius: 10px;
  }
}

.reviews-card__head {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  grid-gap: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.reviews-card__user {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: 15px;
  max-width: 220px;
}

.reviews-card__user-avatar {
  border-radius: 50%;
  width: 46px;
  height: 46px;
  overflow: hidden;
}
.reviews-card__user-avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.reviews-card__user-name {
  font-weight: 600;
  line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
  .reviews-card__user-name {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .reviews-card__user-name {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card__user-name {
    font-size: 14px;
  }
}

.reviews-card__date {
  color: var(--color-gray-teel);
  font-weight: 500;
  line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
  .reviews-card__date {
    font-size: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .reviews-card__date {
    font-size: calc(
				12px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card__date {
    font-size: 12px;
  }
}

.reviews-card__text {
  font-weight: 500;
  line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
  .reviews-card__text {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .reviews-card__text {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .reviews-card__text {
    font-size: 14px;
  }
}

.reviews-card__body {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
}

.reviews-card__text-more {
  margin-left: auto;
}

.reviews-sec__rating {
  padding: 10px 20px;
  background: var(--color-ghost-white);
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 5px;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  color: var(--color-text);
}
@media (min-width: 1920px) {
  .reviews-sec__rating {
    border-radius: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .reviews-sec__rating {
    border-radius: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .reviews-sec__rating {
    border-radius: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .reviews-sec__rating {
    max-width: 309px;
  }
}
@media screen and (max-width: 767px) {
  .reviews-sec__rating {
    max-width: 100%;
    -ms-grid-column-span: 2;
    grid-column: 2 span;
  }
}

.reviews-sec__rating-number {
  padding: 10px 15px;
  border-radius: 15px;
  background: var(--color-light-steel-blue);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  grid-gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
  font-weight: 500;
  line-height: var(--line-height-text);
}
.reviews-sec__rating-number svg,
.reviews-sec__rating-number img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 26px;
  height: 26px;
}

.reviews-sec__list {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
}
.reviews-sec__list li {
  grid-gap: 10px;
  position: relative;
  color: var(--color-gray-teel);
  padding-left: 30px;
}
@media (min-width: 1920px) {
  .reviews-sec__list li {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .reviews-sec__list li {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .reviews-sec__list li {
    font-size: 14px;
  }
}
.reviews-sec__list li a {
  color: var(--color-blue-primary);
}
@media screen and (hover: hover) {
  .reviews-sec__list li a:hover {
    color: var(--color-golden);
  }
}
.reviews-sec__list li a:active {
  opacity: 0.5;
}
.reviews-sec__list li::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../img/icon/cube-blue.svg") no-repeat center center/contain;
}

.reviews-sec__code {
  margin-left: auto;
}
@media (min-width: 1920px) {
  .reviews-sec__code {
    width: 132px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .reviews-sec__code {
    width: calc(
				80px + 52 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .reviews-sec__code {
    width: 80px;
  }
}
@media (min-width: 1920px) {
  .reviews-sec__code {
    height: 132px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .reviews-sec__code {
    height: calc(
				80px + 52 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .reviews-sec__code {
    height: 80px;
  }
}
.reviews-sec__code img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.reviews-sec__code-wrapper {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
}
@media screen and (max-width: 1240px) {
  .reviews-sec__code-wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
  }
}
@media screen and (max-width: 767px) {
  .reviews-sec__code-wrapper {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}

.partners-swiper {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.partners-swiper__slide {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1920px) {
  .partners-swiper__slide {
    height: 154px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .partners-swiper__slide {
    height: calc(
				90px + 64 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .partners-swiper__slide {
    height: 90px;
  }
}
.partners-swiper__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.programs__head {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .programs__head {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs__head {
    grid-gap: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs__head {
    grid-gap: 16px;
  }
}
@media (min-width: 1920px) {
  .programs__head {
    margin-bottom: 40px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs__head {
    margin-bottom: calc(
				20px + 20 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs__head {
    margin-bottom: 20px;
  }
}

.programs__title {
  text-align: center;
  margin: 0 auto;
}
@media (min-width: 1920px) {
  .programs__title {
    max-width: 650px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs__title {
    max-width: calc(
				360px + 290 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs__title {
    max-width: 360px;
  }
}

.programs-action__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1920px) {
  .programs-action__list {
    gap: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-action__list {
    gap: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-action__list {
    gap: 5px;
  }
}

.programs-action__item-input {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.programs-action__item-input:checked + .programs-action__item-inner {
  color: var(--color-white);
  background: var(--color-golden);
}
.programs-action__item-input:checked + .programs-action__item-inner svg path {
  --color-programs-icon: var(--color-white);
}
@media screen and (hover: hover) {
  .programs-action__item-input:checked + .programs-action__item-inner:hover {
    color: var(--color-white);
  }
}

.programs-action__item-inner {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: 10px;
  border-radius: 50px;
  border: 1px solid var(--color-border-gray);
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
  .programs-action__item-inner {
    padding-top: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-action__item-inner {
    padding-top: calc(
				8px + 7 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-action__item-inner {
    padding-top: 8px;
  }
}
@media (min-width: 1920px) {
  .programs-action__item-inner {
    padding-bottom: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-action__item-inner {
    padding-bottom: calc(
				8px + 7 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-action__item-inner {
    padding-bottom: 8px;
  }
}
@media (min-width: 1920px) {
  .programs-action__item-inner {
    padding-left: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-action__item-inner {
    padding-left: calc(
				12px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-action__item-inner {
    padding-left: 12px;
  }
}
@media (min-width: 1920px) {
  .programs-action__item-inner {
    padding-right: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-action__item-inner {
    padding-right: calc(
				12px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-action__item-inner {
    padding-right: 12px;
  }
}
@media (min-width: 1920px) {
  .programs-action__item-inner {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-action__item-inner {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-action__item-inner {
    font-size: 14px;
  }
}
.programs-action__item-inner svg {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .programs-action__item-inner svg {
    width: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-action__item-inner svg {
    width: calc(
				16px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-action__item-inner svg {
    width: 16px;
  }
}
@media (min-width: 1920px) {
  .programs-action__item-inner svg {
    height: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-action__item-inner svg {
    height: calc(
				16px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-action__item-inner svg {
    height: 16px;
  }
}
.programs-action__item-inner svg path {
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}

.programs-action__item {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media screen and (hover: hover) {
  .programs-action__item:hover .programs-action__item-inner {
    color: var(--color-golden);
    border-color: var(--color-golden);
  }
}

.programs__search {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (min-width: 1920px) {
  .programs__search {
    max-width: 1200px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs__search {
    max-width: calc(
				360px + 840 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs__search {
    max-width: 360px;
  }
}

.programs__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media (min-width: 1920px) {
  .programs__body {
    grid-gap: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs__body {
    grid-gap: calc(
				15px + 15 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs__body {
    grid-gap: 15px;
  }
}

.programs__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1920px) {
  .programs__list {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs__list {
    grid-gap: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs__list {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 992px) {
  .programs__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .programs__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.programs-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: var(--color-card-bg);
}

.programs-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .programs-card__body {
    padding: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-card__body {
    padding: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-card__body {
    padding: 15px;
  }
}
@media (min-width: 1920px) {
  .programs-card__body {
    gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-card__body {
    gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-card__body {
    gap: 10px;
  }
}

.programs-card__bottom {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (min-width: 1920px) {
  .programs-card__bottom {
    gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-card__bottom {
    gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-card__bottom {
    gap: 10px;
  }
}

.programs-card__title {
  font-weight: 600;
}
@media (min-width: 1920px) {
  .programs-card__title {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-card__title {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-card__title {
    font-size: 14px;
  }
}

.programs-card__image {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
    background: rgba(196, 198, 255, 0.2509803922);

}
@media (min-width: 1920px) {
  .programs-card__image {
    height: 200px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-card__image {
    height: calc(
				150px + 50 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-card__image {
    height: 150px;
  }
}
.programs-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.programs-card__item {
  display: -ms-grid;
  display: grid;
  grid-gap: 5px;
}
@media (min-width: 1920px) {
  .programs-card__item {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .programs-card__item {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .programs-card__item {
    font-size: 14px;
  }
}

.programs-card__item-label {
  font-weight: 500;
  color: var(--color-gray-teel);
}

.programs-card__item-number {
  color: var(--color-blue-primary);
  font-weight: 600;
}

.programs-card__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .programs-card__items {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}

@media screen and (max-width: 767px) {
  .programs-card__btn {
    margin-left: auto;
  }
}

.program-hero__inner {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: 20px;
}
@media screen and (max-width: 1240px) {
  .program-hero__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1920px) {
  .program-hero__slider {
    width: 500px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-hero__slider {
    width: calc(
				392px + 108 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-hero__slider {
    width: 392px;
  }
}
@media screen and (max-width: 1240px) {
  .program-hero__slider {
    -ms-grid-row-span: 2;
    grid-row: 2 span;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-hero__slider {
    width: 392px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-hero__slider {
    width: calc(
				297px + 95 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-hero__slider {
    width: 297px;
  }
}
@media screen and (max-width: 767px) {
  .program-hero__slider {
    width: 100%;
    -ms-grid-row: 2;
    grid-row: 2;
    max-width: 100%;
  }
}

.program-hero__slider-thumb {
  margin-left: 0;
}
@media (min-width: 1920px) {
  .program-hero__slider-thumb {
    max-width: 430px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-hero__slider-thumb {
    max-width: calc(
				350px + 80 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-hero__slider-thumb {
    max-width: 350px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-hero__slider-thumb {
    max-width: 350px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-hero__slider-thumb {
    max-width: calc(
				270px + 80 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-hero__slider-thumb {
    max-width: 270px;
  }
}
@media screen and (max-width: 767px) {
  .program-hero__slider-thumb {
    max-width: 360px;
  }
}

.program-hero__title {
  line-height: var(--line-height-title);
}
@media screen and (max-width: 767px) {
  .program-hero__title {
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.program-hero__items {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: 0.5fr 1fr 0.5fr 1fr;
  grid-template-columns: 0.5fr 1fr 0.5fr 1fr;
}
@media (min-width: 1920px) {
  .program-hero__items {
    grid-gap: 15px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-hero__items {
    grid-gap: calc(
				10px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-hero__items {
    grid-gap: 10px;
  }
}
@media (min-width: 1920px) {
  .program-hero__items {
    padding-top: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-hero__items {
    padding-top: calc(
				0px + 20 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-hero__items {
    padding-top: 0px;
  }
}
@media (min-width: 1920px) {
  .program-hero__items {
    padding-bottom: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-hero__items {
    padding-bottom: calc(
				0px + 20 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-hero__items {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 1440px) {
  .program-hero__items {
    -ms-grid-columns: 0.5fr 1fr;
    grid-template-columns: 0.5fr 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .program-hero__items {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.program-hero__head {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
}
@media screen and (max-width: 1240px) {
  .program-hero__head {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .program-hero__head {
    -ms-grid-columns: calc(100vw - 40px);
    grid-template-columns: calc(100vw - 40px);
    grid-gap: 10px;
  }
}

.program-hero__item {
  display: -ms-grid;
  display: grid;
  grid-gap: 5px;
}

.program-hero__body {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .program-hero__body {
    grid-gap: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-hero__body {
    grid-gap: calc(
				15px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-hero__body {
    grid-gap: 15px;
  }
}

.program-hero__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1920px) {
  .program-hero__actions {
    gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-hero__actions {
    gap: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-hero__actions {
    gap: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .program-hero__actions {
    -ms-grid-row: 1;
    grid-row: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .program-hero__actions {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 3;
    grid-row: 3;
  }
}

.program-hero__advantages {
  border-radius: 10px;
  background: var(--color-golden-10);
  border: 1px solid var(--color-border-gray);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
@media screen and (max-width: 767px) {
  .program-hero__advantages {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.program-hero__advantages-item {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-row-align: start;
      align-self: start;
  grid-gap: 10px;
  font-weight: 500;
  line-height: var(--line-height-text);
  -ms-grid-column-span: 2;
  grid-column: 2 span;
}
@media (min-width: 1920px) {
  .program-hero__advantages-item {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-hero__advantages-item {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-hero__advantages-item {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .program-hero__advantages-item {
    padding: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-hero__advantages-item {
    padding: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-hero__advantages-item {
    padding: 15px;
  }
}
@media (min-width: 1920px) {
  .program-hero__advantages-item span {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-hero__advantages-item span {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-hero__advantages-item span {
    font-size: 14px;
  }
}
.program-hero__advantages-item:not(:nth-child(3), :nth-child(5)) {
  border-right: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 767px) {
  .program-hero__advantages-item:not(:nth-child(3), :nth-child(5)) {
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  .program-hero__advantages-item {
    grid-column: auto;
  }
}
.program-hero__advantages-item:nth-child(4), .program-hero__advantages-item:nth-child(5) {
  -ms-grid-column-span: 3;
  grid-column: 3 span;
  border-top: 1px solid var(--color-border-gray);
}
@media screen and (max-width: 767px) {
  .program-hero__advantages-item:nth-child(4), .program-hero__advantages-item:nth-child(5) {
    grid-column: auto;
    border-top: none;
  }
}
@media screen and (max-width: 767px) {
  .program-hero__advantages-item:last-child {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    border-top: 1px solid var(--color-border-gray);
  }
}
@media screen and (max-width: 767px) {
  .program-hero__advantages-item:nth-child(2n+2) {
    border-left: 1px solid var(--color-border-gray);
  }
}
@media screen and (max-width: 767px) {
  .program-hero__advantages-item:nth-child(3n), .program-hero__advantages-item:nth-child(4n) {
    border-top: 1px solid var(--color-border-gray);
  }
}
.program-hero__advantages-item svg {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .program-hero__advantages-item svg {
    width: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-hero__advantages-item svg {
    width: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-hero__advantages-item svg {
    width: 20px;
  }
}
@media (min-width: 1920px) {
  .program-hero__advantages-item svg {
    height: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-hero__advantages-item svg {
    height: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-hero__advantages-item svg {
    height: 20px;
  }
}

.program-hero__slider-main {
  border-radius: 10px;
  position: relative;
  border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
  .program-hero__slider-main {
    height: 500px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-hero__slider-main {
    height: calc(
				392px + 108 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-hero__slider-main {
    height: 392px;
  }
}
@media (min-width: 1920px) {
  .program-hero__slider-main {
    margin-bottom: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-hero__slider-main {
    margin-bottom: calc(
				10px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-hero__slider-main {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-hero__slider-main {
    height: 392px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-hero__slider-main {
    height: calc(
				288px + 104 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-hero__slider-main {
    height: 288px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .program-hero__slider-main {
    height: 288px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .program-hero__slider-main {
    height: calc(
				270px + 18 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .program-hero__slider-main {
    height: 270px;
  }
}
@media screen and (hover: hover) {
  .program-hero__slider-main:hover::after {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.program-hero__slider-main::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
  background: url("../img/icon/resize.svg") no-repeat center center/contain;
}
@media (min-width: 1920px) {
  .program-hero__slider-main::after {
    width: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-hero__slider-main::after {
    width: calc(
				24px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-hero__slider-main::after {
    width: 24px;
  }
}
@media (min-width: 1920px) {
  .program-hero__slider-main::after {
    height: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-hero__slider-main::after {
    height: calc(
				24px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-hero__slider-main::after {
    height: 24px;
  }
}
@media (min-width: 1920px) {
  .program-hero__slider-main::after {
    right: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-hero__slider-main::after {
    right: calc(
				18px + -8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-hero__slider-main::after {
    right: 18px;
  }
}
@media (min-width: 1920px) {
  .program-hero__slider-main::after {
    bottom: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-hero__slider-main::after {
    bottom: calc(
				18px + -8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-hero__slider-main::after {
    bottom: 18px;
  }
}

.program-hero__content {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .program-hero__content {
    grid-gap: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-hero__content {
    grid-gap: calc(
				15px + 5 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-hero__content {
    grid-gap: 15px;
  }
}

.program-hero__slider-item {
  width: 100%;
  padding: 10px;
}
.program-hero__slider-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.program-hero__thumb-item {
  border: 1px solid var(--color-border-gray);
  cursor: pointer;
  overflow: hidden;
}
@media (min-width: 1920px) {
  .program-hero__thumb-item {
    height: 100px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-hero__thumb-item {
    height: calc(
				80px + 20 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-hero__thumb-item {
    height: 80px;
  }
}
@media (min-width: 1920px) {
  .program-hero__thumb-item {
    border-radius: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-hero__thumb-item {
    border-radius: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-hero__thumb-item {
    border-radius: 5px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-hero__thumb-item {
    height: 80px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-hero__thumb-item {
    height: calc(
				60px + 20 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-hero__thumb-item {
    height: 60px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .program-hero__thumb-item {
    height: 60px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .program-hero__thumb-item {
    height: calc(
				50px + 10 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .program-hero__thumb-item {
    height: 50px;
  }
}
.program-hero__thumb-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}
@media screen and (hover: hover) {
  .program-hero__thumb-item:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}
.program-hero__thumb-item.swiper-slide-thumb-active {
  border-color: var(--color-blue-primary);
}

@media screen and (max-width: 767px) {
  .program-hero__btn {
    width: 100%;
  }
}

.program-calc {
  background: var(--color-light-periwinkle-40);
  position: relative;
  z-index: 1;
}
@media (min-width: 1920px) {
  .program-calc {
    padding-top: 50px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc {
    padding-top: calc(
				20px + 30 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc {
    padding-top: 20px;
  }
}
@media (min-width: 1920px) {
  .program-calc {
    padding-bottom: 50px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc {
    padding-bottom: calc(
				20px + 30 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc {
    padding-bottom: 20px;
  }
}
.program-calc::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  background: url("../img/calc-bg.png") no-repeat center center/contain;
}
@media (min-width: 1920px) {
  .program-calc::after {
    width: 870px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc::after {
    width: calc(
				430px + 440 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc::after {
    width: 430px;
  }
}
@media (min-width: 1920px) {
  .program-calc::after {
    height: 599px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc::after {
    height: calc(
				285px + 314 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc::after {
    height: 285px;
  }
}
@media (min-width: 1920px) {
  .program-calc::after {
    right: -200px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-calc::after {
    right: calc(
				-300px + 100 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-calc::after {
    right: -300px;
  }
}
@media (min-width: 1920px) {
  .program-calc::after {
    bottom: 0px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-calc::after {
    bottom: calc(
				-10px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-calc::after {
    bottom: -10px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-calc::after {
    right: -300px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-calc::after {
    right: calc(
				-150px + -150 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-calc::after {
    right: -150px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-calc::after {
    bottom: -10px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-calc::after {
    bottom: calc(
				30px + -40 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-calc::after {
    bottom: 30px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .program-calc::after {
    right: -150px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .program-calc::after {
    right: calc(
				-170px + 20 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .program-calc::after {
    right: -170px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .program-calc::after {
    bottom: 30px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .program-calc::after {
    bottom: calc(
				66px + -36 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .program-calc::after {
    bottom: 66px;
  }
}

@media (min-width: 1920px) {
  .program-calc__title {
    font-size: 42px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-calc__title {
    font-size: calc(
				36px + 6 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-calc__title {
    font-size: 36px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-calc__title {
    font-size: 36px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-calc__title {
    font-size: calc(
				30px + 6 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-calc__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .program-calc__title {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .program-calc__title {
    font-size: calc(
				22px + 8 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .program-calc__title {
    font-size: 22px;
  }
}

.program-calc__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
  .program-calc__body {
    grid-gap: 25px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc__body {
    grid-gap: calc(
				15px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc__body {
    grid-gap: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .program-calc__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.program-calc__items {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .program-calc__items {
    grid-gap: 25px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc__items {
    grid-gap: calc(
				10px + 15 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc__items {
    grid-gap: 10px;
  }
}

.program-calc__item {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .program-calc__item {
    grid-gap: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc__item {
    grid-gap: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc__item {
    grid-gap: 5px;
  }
}

.program-calc__item-label {
  display: block;
  font-weight: 500;
  line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
  .program-calc__item-label {
    font-size: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc__item-label {
    font-size: calc(
				16px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc__item-label {
    font-size: 16px;
  }
}

.program-calc__item-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (min-width: 1920px) {
  .program-calc__item-text {
    gap: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc__item-text {
    gap: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc__item-text {
    gap: 5px;
  }
}
@media (min-width: 1920px) {
  .program-calc__item-text {
    max-width: 430px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-calc__item-text {
    max-width: calc(
				360px + 70 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-calc__item-text {
    max-width: 360px;
  }
}
@media (min-width: 1920px) {
  .program-calc__item-text {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc__item-text {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc__item-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .program-calc__item-text {
    max-width: 100%;
  }
}

.program-calc__form-bottom,
.program-calc__form {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .program-calc__form-bottom,
  .program-calc__form {
    grid-gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc__form-bottom,
  .program-calc__form {
    grid-gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc__form-bottom,
  .program-calc__form {
    grid-gap: 10px;
  }
}

@media screen and (max-width: 767px) {
  .program-calc__form-submit,
  .program-calc__form-added {
    margin-left: auto;
  }
}

.program-calc__form-row {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
  .program-calc__form-row {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc__form-row {
    grid-gap: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc__form-row {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .program-calc__form-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.program-calc__form-fields {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .program-calc__form-fields {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-calc__form-fields {
    grid-gap: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-calc__form-fields {
    grid-gap: 10px;
  }
}

.program-advantages__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
@media (min-width: 1920px) {
  .program-advantages__body {
    grid-gap: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .program-advantages__body {
    grid-gap: calc(
				10px + 22 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .program-advantages__body {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .program-advantages__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.program-advantages__item {
  background: var(--color-light-periwinkle-40);
  border: 1px solid var(--color-border-gray);
  -ms-grid-column-span: 2;
  grid-column: 2 span;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media (min-width: 1920px) {
  .program-advantages__item {
    padding: 30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item {
    padding: calc(
				15px + 15 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item {
    padding: 15px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item {
    border-radius: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item {
    border-radius: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item {
    border-radius: 15px;
  }
}
@media screen and (max-width: 767px) {
  .program-advantages__item {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}
.program-advantages__item:nth-child(4) {
  -ms-grid-column-span: 3;
  grid-column: 3 span;
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(4) {
    padding-right: 254px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(4) {
    padding-right: calc(
				150px + 104 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-advantages__item:nth-child(4) {
    padding-right: 150px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(4) {
    padding-bottom: 285px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(4) {
    padding-bottom: calc(
				260px + 25 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-advantages__item:nth-child(4) {
    padding-bottom: 260px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-advantages__item:nth-child(4) {
    padding-right: 150px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-advantages__item:nth-child(4) {
    padding-right: calc(
				100px + 50 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-advantages__item:nth-child(4) {
    padding-right: 100px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-advantages__item:nth-child(4) {
    padding-bottom: 260px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-advantages__item:nth-child(4) {
    padding-bottom: calc(
				125px + 135 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-advantages__item:nth-child(4) {
    padding-bottom: 125px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .program-advantages__item:nth-child(4) {
    padding-bottom: 125px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .program-advantages__item:nth-child(4) {
    padding-bottom: calc(
				40px + 85 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .program-advantages__item:nth-child(4) {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .program-advantages__item:nth-child(4) {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(4) .program-advantages__item-image {
    width: 435px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(4) .program-advantages__item-image {
    width: calc(
				127px + 308 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(4) .program-advantages__item-image {
    width: 127px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(4) .program-advantages__item-image {
    height: 570px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(4) .program-advantages__item-image {
    height: calc(
				170px + 400 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(4) .program-advantages__item-image {
    height: 170px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(4) .program-advantages__item-image {
    right: -67px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(4) .program-advantages__item-image {
    right: calc(
				-20px + -47 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(4) .program-advantages__item-image {
    right: -20px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(4) .program-advantages__item-image {
    bottom: -186px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(4) .program-advantages__item-image {
    bottom: calc(
				-60px + -126 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(4) .program-advantages__item-image {
    bottom: -60px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-right: 150px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-right: calc(
				20px + 130 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-right: 20px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-bottom: 112px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-bottom: calc(
				130px + -18 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-bottom: 130px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-right: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-right: calc(
				15px + 5 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-right: 15px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-bottom: 130px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-bottom: calc(
				95px + 35 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-bottom: 95px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-bottom: 95px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-bottom: calc(
				65px + 30 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .program-advantages__item:nth-child(1), .program-advantages__item:nth-child(3) {
    padding-bottom: 65px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(1) .program-advantages__item-image {
    width: 235px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(1) .program-advantages__item-image {
    width: calc(
				127px + 108 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(1) .program-advantages__item-image {
    width: 127px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(1) .program-advantages__item-image {
    height: 210px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(1) .program-advantages__item-image {
    height: calc(
				113px + 97 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(1) .program-advantages__item-image {
    height: 113px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(1) .program-advantages__item-image {
    right: -12px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(1) .program-advantages__item-image {
    right: calc(
				-6px + -6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(1) .program-advantages__item-image {
    right: -6px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(1) .program-advantages__item-image {
    bottom: -70px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(1) .program-advantages__item-image {
    bottom: calc(
				-34px + -36 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(1) .program-advantages__item-image {
    bottom: -34px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(3) .program-advantages__item-image {
    width: 280px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(3) .program-advantages__item-image {
    width: calc(
				134px + 146 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(3) .program-advantages__item-image {
    width: 134px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(3) .program-advantages__item-image {
    height: 255px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(3) .program-advantages__item-image {
    height: calc(
				123px + 132 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(3) .program-advantages__item-image {
    height: 123px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(3) .program-advantages__item-image {
    right: -40px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(3) .program-advantages__item-image {
    right: calc(
				0px + -40 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(3) .program-advantages__item-image {
    right: 0px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(3) .program-advantages__item-image {
    bottom: -70px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(3) .program-advantages__item-image {
    bottom: calc(
				-34px + -36 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(3) .program-advantages__item-image {
    bottom: -34px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(2) {
    padding-top: 122px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(2) {
    padding-top: calc(
				130px + -8 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-advantages__item:nth-child(2) {
    padding-top: 130px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-advantages__item:nth-child(2) {
    padding-top: 130px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-advantages__item:nth-child(2) {
    padding-top: calc(
				115px + 15 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-advantages__item:nth-child(2) {
    padding-top: 115px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .program-advantages__item:nth-child(2) {
    padding-top: 115px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .program-advantages__item:nth-child(2) {
    padding-top: calc(
				65px + 50 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .program-advantages__item:nth-child(2) {
    padding-top: 65px;
  }
}
.program-advantages__item:nth-child(2) .program-advantages__item-image {
  left: 50%;
  -webkit-transform: rotate(-18deg) translateX(-50%);
      -ms-transform: rotate(-18deg) translateX(-50%);
          transform: rotate(-18deg) translateX(-50%);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(2) .program-advantages__item-image {
    width: 235px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(2) .program-advantages__item-image {
    width: calc(
				127px + 108 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(2) .program-advantages__item-image {
    width: 127px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(2) .program-advantages__item-image {
    height: 210px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(2) .program-advantages__item-image {
    height: calc(
				113px + 97 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(2) .program-advantages__item-image {
    height: 113px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item:nth-child(2) .program-advantages__item-image {
    top: -120px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__item:nth-child(2) .program-advantages__item-image {
    top: calc(
				-70px + -50 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__item:nth-child(2) .program-advantages__item-image {
    top: -70px;
  }
}

.program-advantages__item-image {
  position: absolute;
  z-index: -1;
}

.program-advantages__video {
  -ms-grid-column-span: 3;
  grid-column: 3 span;
  background: var(--color-light-periwinkle-40);
}
@media (min-width: 1920px) {
  .program-advantages__video {
    border-radius: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program-advantages__video {
    border-radius: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program-advantages__video {
    border-radius: 15px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__video {
    height: 433px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-advantages__video {
    height: calc(
				380px + 53 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-advantages__video {
    height: 380px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-advantages__video {
    height: 380px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-advantages__video {
    height: calc(
				220px + 160 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-advantages__video {
    height: 220px;
  }
}
@media screen and (max-width: 767px) {
  .program-advantages__video {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .program-advantages__video {
    height: 220px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .program-advantages__video {
    height: calc(
				200px + 20 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .program-advantages__video {
    height: 200px;
  }
}
.program-advantages__video::before {
  left: 50%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-image: url("../img/icon/play-icon.svg");
}
.program-advantages__video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (hover: hover) {
  .program-advantages__video:hover::before {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
        -ms-transform: translate(-50%, -50%) scale(1.1);
            transform: translate(-50%, -50%) scale(1.1);
  }
}

@media (min-width: 1920px) {
  .program-advantages__item-title {
    font-size: 24px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-advantages__item-title {
    font-size: calc(
				20px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-advantages__item-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-advantages__item-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-advantages__item-title {
    font-size: calc(
				16px + 4 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-advantages__item-title {
    font-size: 16px;
  }
}
@media (min-width: 1920px) {
  .program-advantages__item-title.--big {
    font-size: 32px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .program-advantages__item-title.--big {
    font-size: calc(
				26px + 6 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .program-advantages__item-title.--big {
    font-size: 26px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .program-advantages__item-title.--big {
    font-size: 26px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .program-advantages__item-title.--big {
    font-size: calc(
				20px + 6 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .program-advantages__item-title.--big {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .program-advantages__item-title.--big {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .program-advantages__item-title.--big {
    font-size: calc(
				16px + 4 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .program-advantages__item-title.--big {
    font-size: 16px;
  }
}

.docs-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
  border: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
  .docs-card {
    border-radius: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card {
    border-radius: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card {
    border-radius: 15px;
  }
}
@media (min-width: 1920px) {
  .docs-card {
    padding: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card {
    padding: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card {
    padding: 10px;
  }
}
@media (min-width: 1920px) {
  .docs-card {
    gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card {
    gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card {
    gap: 10px;
  }
}

.docs-card__image-container {
  height: 100%;
  width: 100%;
}

.docs-card__image {
  display: block;
  width: 100%;
  height: 100%;
}
.docs-card__image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-black-opacity);
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
  opacity: 0;
}
.docs-card__image::after {
  content: "Смотреть";
  position: absolute;
  color: var(--color-white);
  font-weight: 500;
  left: 50%;
  top: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../img/icon/resize-white.svg") no-repeat center right/contain;
}
@media (min-width: 1920px) {
  .docs-card__image::after {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card__image::after {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card__image::after {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .docs-card__image::after {
    width: 120px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card__image::after {
    width: calc(
				100px + 20 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card__image::after {
    width: 100px;
  }
}
@media screen and (hover: hover) {
  .docs-card__image:hover::before, .docs-card__image:hover::after {
    opacity: 1;
  }
}
.docs-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.docs-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media (min-width: 1920px) {
  .docs-card__body {
    gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card__body {
    gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card__body {
    gap: 10px;
  }
}

.docs-card__title {
  font-weight: 600;
  line-height: var(--line-height-title);
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (min-width: 1920px) {
  .docs-card__title {
    font-size: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card__title {
    font-size: calc(
				14px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card__title {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .docs-card__title {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
}

.docs-card__text {
  font-weight: 500;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
  .docs-card__text {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card__text {
    font-size: calc(
				12px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card__text {
    font-size: 12px;
  }
}

.docs-card__head {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
@media (min-width: 1920px) {
  .docs-card__head {
    min-height: 455px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card__head {
    min-height: calc(
				170px + 285 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card__head {
    min-height: 170px;
  }
}
@media (min-width: 1920px) {
  .docs-card__head {
    max-height: 455px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card__head {
    max-height: calc(
				170px + 285 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card__head {
    max-height: 170px;
  }
}
@media screen and (hover: hover) {
  .docs-card__head:hover .docs-card__btn {
    opacity: 1;
  }
}

.docs-card__btn {
  color: var(--color-white);
  font-weight: 500;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  margin: 0 auto;
  grid-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
}
@media (min-width: 1920px) {
  .docs-card__btn {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card__btn {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card__btn {
    font-size: 14px;
  }
}
.docs-card__btn svg {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .docs-card__btn svg {
    width: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card__btn svg {
    width: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card__btn svg {
    width: 16px;
  }
}
@media (min-width: 1920px) {
  .docs-card__btn svg {
    height: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .docs-card__btn svg {
    height: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .docs-card__btn svg {
    height: 16px;
  }
}
.docs-card__btn svg path {
  fill: currentColor;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}

.about-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media (min-width: 1920px) {
  .about-wrapper {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-wrapper {
    grid-gap: calc(
				15px + 9 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-wrapper {
    grid-gap: 15px;
  }
}
@media screen and (max-width: 992px) {
  .about-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.about-nav {
  background: var(--color-card-bg);
  border: 1px solid var(--color-border-gray);
  padding: 5px;
  position: sticky;
  top: 10px;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}
@media (min-width: 1920px) {
  .about-nav {
    border-radius: 35px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-nav {
    border-radius: calc(
				25px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-nav {
    border-radius: 25px;
  }
}
@media (min-width: 1920px) {
  .about-nav {
    width: 400px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-nav {
    width: calc(
				288px + 112 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .about-nav {
    width: 288px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about-nav {
    width: 288px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .about-nav {
    width: calc(
				350px + -62 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .about-nav {
    width: 350px;
  }
}
@media screen and (max-width: 992px) {
  .about-nav {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 20;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: var(--duration-hover);
    -o-transition: var(--duration-hover);
    transition: var(--duration-hover);
    opacity: 0;
    visibility: hidden;
    -ms-scroll-chaining: none;
        overscroll-behavior: none;
  }
}
@media screen and (max-width: 992px) and (min-width: 992px) {
  .about-nav {
    max-height: 430px;
  }
}
@media screen and (max-width: 992px) and (min-width: 360px) and (max-width: 992px) {
  .about-nav {
    max-height: calc(
				340px + 90 * (((100vw - 360px)) / ((632)))
			);
  }
}
@media screen and (max-width: 992px) and (max-width: 360px) {
  .about-nav {
    max-height: 340px;
  }
}
@media screen and (max-width: 992px) {
  .about-nav.is-active {
    opacity: 1;
    visibility: visible;
    top: calc(100% + 10px);
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .about-nav {
    width: 370px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .about-nav {
    width: calc(
				294px + 76 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .about-nav {
    width: 294px;
  }
}

.about-nav__link {
  font-weight: 600;
  display: block;
  line-height: var(--line-height-title);
  color: var(--color-steel-blue);
  border-radius: 50px;
}
@media (min-width: 1920px) {
  .about-nav__link {
    padding: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-nav__link {
    padding: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-nav__link {
    padding: 10px;
  }
}
@media (min-width: 1920px) {
  .about-nav__link {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-nav__link {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-nav__link {
    font-size: 14px;
  }
}
@media screen and (hover: hover) {
  .about-nav__link:hover {
    color: var(--color-text);
    background: var(--color-light-periwinkle-40);
  }
}
.about-nav__link:active:not(.is-active) {
  opacity: 0.5;
}
.about-nav__link.is-active {
  color: var(--color-text);
  background: var(--color-light-periwinkle-40);
}

.about-sec__head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (min-width: 1920px) {
  .about-sec__head {
    gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-sec__head {
    gap: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-sec__head {
    gap: 10px;
  }
}
@media (min-width: 1920px) {
  .about-sec__head {
    margin-bottom: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-sec__head {
    margin-bottom: calc(
				16px + 16 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-sec__head {
    margin-bottom: 16px;
  }
}

.about-sec__title {
  color: var(--color-text);
  line-height: var(--line-height-title);
}
@media screen and (max-width: 992px) {
  .about-sec__title {
    color: var(--color-blue-primary);
  }
}

.about-sec__nav-trigger {
  width: 24px;
  height: 24px;
  display: none;
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
}
@media screen and (max-width: 992px) {
  .about-sec__nav-trigger {
    display: block;
  }
  .about-sec__nav-trigger.is-active {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }
}
.about-sec__nav-trigger svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.about-company__body {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-company__body {
    grid-gap: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__body {
    grid-gap: calc(
				16px + 16 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__body {
    grid-gap: 16px;
  }
}

.about-company__desc {
  position: relative;
  display: -ms-grid;
  display: grid;
  font-weight: 500;
  background: var(--color-light-periwinkle-40);
  line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
  .about-company__desc {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__desc {
    grid-gap: calc(
				8px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__desc {
    grid-gap: 8px;
  }
}
@media (min-width: 1920px) {
  .about-company__desc {
    padding-left: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__desc {
    padding-left: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__desc {
    padding-left: 16px;
  }
}
@media (min-width: 1920px) {
  .about-company__desc {
    padding-right: 178px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about-company__desc {
    padding-right: calc(
				110px + 68 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .about-company__desc {
    padding-right: 110px;
  }
}
@media (min-width: 1920px) {
  .about-company__desc {
    padding-top: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__desc {
    padding-top: calc(
				20px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__desc {
    padding-top: 20px;
  }
}
@media (min-width: 1920px) {
  .about-company__desc {
    padding-bottom: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__desc {
    padding-bottom: calc(
				20px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__desc {
    padding-bottom: 20px;
  }
}
@media (min-width: 1920px) {
  .about-company__desc {
    border-radius: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__desc {
    border-radius: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__desc {
    border-radius: 10px;
  }
}
@media (min-width: 1920px) {
  .about-company__desc {
    font-size: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__desc {
    font-size: calc(
				14px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__desc {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .about-company__desc {
    padding-right: 110px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .about-company__desc {
    padding-right: calc(
				15px + 95 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .about-company__desc {
    padding-right: 15px;
  }
}
.about-company__desc::after {
  content: "";
  display: block;
  position: absolute;
  background: url("../img/logo-cube.png") no-repeat center center/contain;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 1920px) {
  .about-company__desc::after {
    width: 200px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-company__desc::after {
    width: calc(
				130px + 70 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .about-company__desc::after {
    width: 130px;
  }
}
@media (min-width: 1920px) {
  .about-company__desc::after {
    height: 200px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-company__desc::after {
    height: calc(
				130px + 70 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .about-company__desc::after {
    height: 130px;
  }
}
@media (min-width: 1920px) {
  .about-company__desc::after {
    right: -45px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-company__desc::after {
    right: calc(
				-33px + -12 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .about-company__desc::after {
    right: -33px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about-company__desc::after {
    width: 130px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .about-company__desc::after {
    width: calc(
				100px + 30 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .about-company__desc::after {
    width: 100px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about-company__desc::after {
    height: 130px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .about-company__desc::after {
    height: calc(
				100px + 30 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .about-company__desc::after {
    height: 100px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about-company__desc::after {
    right: -33px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .about-company__desc::after {
    right: calc(
				-22px + -11 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .about-company__desc::after {
    right: -22px;
  }
}
@media screen and (max-width: 767px) {
  .about-company__desc::after {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    top: -40px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .about-company__desc::after {
    width: 100px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .about-company__desc::after {
    width: calc(
				75px + 25 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .about-company__desc::after {
    width: 75px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .about-company__desc::after {
    height: 100px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .about-company__desc::after {
    height: calc(
				75px + 25 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .about-company__desc::after {
    height: 75px;
  }
}

.about-company__contacts {
  border: 1px solid var(--color-border-gray);
  background: var(--color-card-bg);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
@media (min-width: 1920px) {
  .about-company__contacts {
    border-radius: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__contacts {
    border-radius: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__contacts {
    border-radius: 10px;
  }
}
@media screen and (max-width: 767px) {
  .about-company__contacts {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.about-company__contacts-info {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-company__contacts-info {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__contacts-info {
    grid-gap: calc(
				12px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__contacts-info {
    grid-gap: 12px;
  }
}
@media (min-width: 1920px) {
  .about-company__contacts-info {
    padding-left: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__contacts-info {
    padding-left: calc(
				16px + 16 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__contacts-info {
    padding-left: 16px;
  }
}
@media (min-width: 1920px) {
  .about-company__contacts-info {
    padding-right: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__contacts-info {
    padding-right: calc(
				16px + 16 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__contacts-info {
    padding-right: 16px;
  }
}
@media (min-width: 1920px) {
  .about-company__contacts-info {
    padding-top: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__contacts-info {
    padding-top: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__contacts-info {
    padding-top: 16px;
  }
}
@media (min-width: 1920px) {
  .about-company__contacts-info {
    padding-bottom: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__contacts-info {
    padding-bottom: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__contacts-info {
    padding-bottom: 16px;
  }
}

.about-company__contacts-list {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-company__contacts-list {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__contacts-list {
    grid-gap: calc(
				12px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__contacts-list {
    grid-gap: 12px;
  }
}

.about-company__contacts-item {
  display: -ms-grid;
  display: grid;
  color: var(--color-text);
}
@media (min-width: 1920px) {
  .about-company__contacts-item {
    grid-gap: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__contacts-item {
    grid-gap: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__contacts-item {
    grid-gap: 5px;
  }
}
@media (min-width: 1920px) {
  .about-company__contacts-item {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__contacts-item {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__contacts-item {
    font-size: 14px;
  }
}
.about-company__contacts-item a {
  color: var(--color-text);
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
  line-height: var(--line-height-text);
}
@media screen and (hover: hover) {
  .about-company__contacts-item a:hover {
    color: var(--color-blue-primary);
  }
}
.about-company__contacts-item a:active {
  opacity: 0.5;
}

.about-company__contacts-map {
  background: var(--color-light-periwinkle-40);
}
@media screen and (max-width: 767px) {
  .about-company__contacts-map {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .about-company__contacts-map {
    height: 350px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .about-company__contacts-map {
    height: calc(
				216px + 134 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .about-company__contacts-map {
    height: 216px;
  }
}
.about-company__contacts-map iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-company__info {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-company__info {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-company__info {
    grid-gap: calc(
				10px + 14 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-company__info {
    grid-gap: 10px;
  }
}

.about-team__body {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-team__body {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-team__body {
    grid-gap: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-team__body {
    grid-gap: 16px;
  }
}

.about-team__block {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-team__block {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-team__block {
    grid-gap: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-team__block {
    grid-gap: 10px;
  }
}

.about-team__cards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1920px) {
  .about-team__cards {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-team__cards {
    grid-gap: calc(
				10px + 14 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-team__cards {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .about-team__cards {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.card-person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--color-card-bg);
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid var(--color-border-gray);
}

.card-person__image {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
@media (min-width: 1920px) {
  .card-person__image {
    height: 410px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .card-person__image {
    height: calc(
				160px + 250 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .card-person__image {
    height: 160px;
  }
}
.card-person__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}

.card-person__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (min-width: 1920px) {
  .card-person__body {
    padding: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .card-person__body {
    padding: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .card-person__body {
    padding: 10px;
  }
}
@media (min-width: 1920px) {
  .card-person__body {
    gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .card-person__body {
    gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .card-person__body {
    gap: 10px;
  }
}

.card-person__name {
  font-weight: 600;
  line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
  .card-person__name {
    font-size: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .card-person__name {
    font-size: calc(
				14px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .card-person__name {
    font-size: 14px;
  }
}

.card-person__post {
  font-weight: 600;
  line-height: var(--line-height-title);
  color: var(--color-steel-blue);
}
@media (min-width: 1920px) {
  .card-person__post {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .card-person__post {
    font-size: calc(
				12px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .card-person__post {
    font-size: 12px;
  }
}

.document-card {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  border-bottom: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
  .document-card {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .document-card {
    grid-gap: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .document-card {
    grid-gap: 15px;
  }
}
@media (min-width: 1920px) {
  .document-card {
    padding-bottom: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .document-card {
    padding-bottom: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .document-card {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 992px) {
  .document-card {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1920px) {
  .document-card__images {
    width: 369px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .document-card__images {
    width: calc(
				250px + 119 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .document-card__images {
    width: 250px;
  }
}
@media (min-width: 1920px) {
  .document-card__images {
    height: 254px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .document-card__images {
    height: calc(
				172px + 82 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .document-card__images {
    height: 172px;
  }
}
@media screen and (max-width: 992px) {
  .document-card__images {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .document-card__images {
    margin: 0 auto;
  }
}

.document-card__image {
  width: 100%;
  height: 100%;
  display: block;
}
.document-card__image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-black-opacity);
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
  opacity: 0;
}
.document-card__image::after {
  content: "Смотреть";
  position: absolute;
  color: var(--color-white);
  font-weight: 500;
  left: 50%;
  top: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: var(--duration-hover);
  -o-transition: var(--duration-hover);
  transition: var(--duration-hover);
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url("../img/icon/resize-white.svg") no-repeat center right/contain;
}
@media (min-width: 1920px) {
  .document-card__image::after {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .document-card__image::after {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .document-card__image::after {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .document-card__image::after {
    width: 120px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .document-card__image::after {
    width: calc(
				100px + 20 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .document-card__image::after {
    width: 100px;
  }
}
@media screen and (hover: hover) {
  .document-card__image:hover::before, .document-card__image:hover::after {
    opacity: 1;
  }
}
.document-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.about-docs__body {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-docs__body {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-docs__body {
    grid-gap: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-docs__body {
    grid-gap: 15px;
  }
}

.document-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .document-card__body {
    gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .document-card__body {
    gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .document-card__body {
    gap: 10px;
  }
}

.document-card__title {
  line-height: var(--line-height-title);
  font-weight: 600;
}
@media (min-width: 1920px) {
  .document-card__title {
    font-size: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .document-card__title {
    font-size: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .document-card__title {
    font-size: 16px;
  }
}

.document-card__text {
  display: -ms-grid;
  display: grid;
  -ms-grid-row-align: start;
      align-self: start;
  font-weight: 500;
  color: var(--color-steel-blue);
  line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
  .document-card__text {
    grid-gap: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .document-card__text {
    grid-gap: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .document-card__text {
    grid-gap: 5px;
  }
}
@media (min-width: 1920px) {
  .document-card__text {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .document-card__text {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .document-card__text {
    font-size: 14px;
  }
}

.about-license__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1920px) {
  .about-license__body {
    grid-gap: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-license__body {
    grid-gap: calc(
				10px + 22 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-license__body {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .about-license__body {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.about-info__body {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-info__body {
    grid-gap: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-info__body {
    grid-gap: calc(
				16px + 16 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-info__body {
    grid-gap: 16px;
  }
}

.about-info__block {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-info__block {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-info__block {
    grid-gap: calc(
				12px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-info__block {
    grid-gap: 12px;
  }
}

.about-info__block-body {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-info__block-body {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-info__block-body {
    grid-gap: calc(
				8px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-info__block-body {
    grid-gap: 8px;
  }
}

.about-info__text {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-info__text {
    grid-gap: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-info__text {
    grid-gap: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-info__text {
    grid-gap: 5px;
  }
}

.about-info__text {
  font-weight: 500;
  color: var(--color-text);
  line-height: var(--line-height-text);
}
@media (min-width: 1920px) {
  .about-info__text {
    font-size: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-info__text {
    font-size: calc(
				14px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-info__text {
    font-size: 14px;
  }
}
.about-info__text b {
  font-weight: 700;
}

.about-steps__body {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-steps__body {
    grid-gap: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-steps__body {
    grid-gap: calc(
				24px + 24 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-steps__body {
    grid-gap: 24px;
  }
}

.about-steps__block {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-steps__block {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-steps__block {
    grid-gap: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-steps__block {
    grid-gap: 15px;
  }
}

.about-steps__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  counter-reset: about-steps;
}
@media screen and (max-width: 1440px) {
  .about-steps__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .about-steps__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.about-steps__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  border-right: 1px solid var(--color-border-gray);
  border-bottom: 1px solid var(--color-border-gray);
}
@media (min-width: 1920px) {
  .about-steps__item {
    gap: 16px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about-steps__item {
    gap: calc(
				12px + 4 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .about-steps__item {
    gap: 12px;
  }
}
.about-steps__item:nth-child(4n+4) {
  border-right: none;
}
@media screen and (max-width: 1440px) {
  .about-steps__item:nth-child(4n+4) {
    border-right: 1px solid var(--color-border-gray);
  }
}
@media screen and (max-width: 767px) {
  .about-steps__item:nth-child(4n+4) {
    border-right: none;
  }
}
@media screen and (max-width: 1440px) {
  .about-steps__item:nth-child(3n+3) {
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  .about-steps__item {
    border-right: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
  }
}
.about-steps__item::after {
  content: "0" counter(about-steps);
  display: block;
  margin-top: auto;
  counter-increment: about-steps;
  color: var(--color-middle-blue);
  font-weight: 500;
}
@media (min-width: 1920px) {
  .about-steps__item::after {
    font-size: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-steps__item::after {
    font-size: calc(
				14px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-steps__item::after {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .about-steps__item::after {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column: 3;
    grid-column: 3;
    margin-top: 0;
    -ms-grid-row-align: center;
        align-self: center;
  }
}

.about-steps__item-title {
  font-weight: 600;
  line-height: var(--line-height-title);
  color: var(--color-text);
}
@media (min-width: 1920px) {
  .about-steps__item-title {
    font-size: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-steps__item-title {
    font-size: calc(
				14px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-steps__item-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .about-steps__item-title {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}

.about-steps__item-text {
  font-weight: 500;
  line-height: var(--line-height-text);
  color: var(--color-text);
}
@media (min-width: 1920px) {
  .about-steps__item-text {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-steps__item-text {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-steps__item-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .about-steps__item-text {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column-span: 3;
    grid-column: 3 span;
  }
}

.about-steps__item-image {
  position: relative;
  overflow: hidden;
  border-radius: 100px;
  background: var(--color-light-periwinkle-40);
}
@media (min-width: 1920px) {
  .about-steps__item-image {
    width: 90px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-steps__item-image {
    width: calc(
				60px + 30 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-steps__item-image {
    width: 60px;
  }
}
@media (min-width: 1920px) {
  .about-steps__item-image {
    height: 60px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-steps__item-image {
    height: calc(
				40px + 20 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-steps__item-image {
    height: 40px;
  }
}
.about-steps__item-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 1920px) {
  .about-steps__item-image img {
    width: 100px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-steps__item-image img {
    width: calc(
				74px + 26 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-steps__item-image img {
    width: 74px;
  }
}
@media (min-width: 1920px) {
  .about-steps__item-image img {
    height: 100px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-steps__item-image img {
    height: calc(
				74px + 26 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-steps__item-image img {
    height: 74px;
  }
}

.about-partner__body {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-partner__body {
    grid-gap: 48px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__body {
    grid-gap: calc(
				24px + 24 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__body {
    grid-gap: 24px;
  }
}

.about-partner__content {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-partner__content {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__content {
    grid-gap: calc(
				12px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__content {
    grid-gap: 12px;
  }
}

.about-partner__top {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  background: var(--color-light-periwinkle-40);
  display: -ms-grid;
  display: grid;
  z-index: 1;
}
@media (min-width: 1920px) {
  .about-partner__top {
    padding: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__top {
    padding: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__top {
    padding: 16px;
  }
}
@media (min-width: 1920px) {
  .about-partner__top {
    padding-right: 367px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-partner__top {
    padding-right: calc(
				254px + 113 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .about-partner__top {
    padding-right: 254px;
  }
}
@media (min-width: 1920px) {
  .about-partner__top {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__top {
    grid-gap: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__top {
    grid-gap: 16px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about-partner__top {
    padding-right: 254px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .about-partner__top {
    padding-right: calc(
				208px + 46 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .about-partner__top {
    padding-right: 208px;
  }
}
@media screen and (max-width: 767px) and (min-width: 768px) {
  .about-partner__top {
    padding-right: 208px;
  }
}
@media screen and (max-width: 767px) and (min-width: 360px) and (max-width: 768px) {
  .about-partner__top {
    padding-right: calc(
				16px + 192 * (((100vw - 360px)) / ((408)))
			);
  }
}
@media screen and (max-width: 767px) and (max-width: 360px) {
  .about-partner__top {
    padding-right: 16px;
  }
}

.about-partner__top-image {
  position: absolute;
  z-index: -1;
}
@media (min-width: 1920px) {
  .about-partner__top-image {
    width: 385px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__top-image {
    width: calc(
				139px + 246 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__top-image {
    width: 139px;
  }
}
@media (min-width: 1920px) {
  .about-partner__top-image {
    height: 385px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__top-image {
    height: calc(
				139px + 246 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__top-image {
    height: 139px;
  }
}
@media (min-width: 1920px) {
  .about-partner__top-image {
    right: -30px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__top-image {
    right: calc(
				-25px + -5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__top-image {
    right: -25px;
  }
}
@media (min-width: 1920px) {
  .about-partner__top-image {
    top: -80px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__top-image {
    top: calc(
				-35px + -45 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__top-image {
    top: -35px;
  }
}
.about-partner__top-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.about-partner__block {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-partner__block {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__block {
    grid-gap: calc(
				8px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__block {
    grid-gap: 8px;
  }
}

.about-partner__gifts {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
@media (min-width: 1920px) {
  .about-partner__gifts {
    grid-gap: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .about-partner__gifts {
    grid-gap: calc(
				10px + 10 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .about-partner__gifts {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .about-partner__gifts {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.about-partner__gift {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  padding: 10px;
  border-radius: 10px;
  background: var(--color-light-periwinkle-40);
}
@media screen and (max-width: 767px) {
  .about-partner__gift:last-child {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
  }
}

@media (min-width: 1920px) {
  .about-partner__gift-image {
    width: 120px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__gift-image {
    width: calc(
				75px + 45 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__gift-image {
    width: 75px;
  }
}
@media (min-width: 1920px) {
  .about-partner__gift-image {
    height: 120px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__gift-image {
    height: calc(
				75px + 45 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__gift-image {
    height: 75px;
  }
}
.about-partner__gift-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.about-partner__gift-title {
  font-weight: 600;
  text-align: center;
  line-height: var(--line-height-title);
}
@media (min-width: 1920px) {
  .about-partner__gift-title {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__gift-title {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__gift-title {
    font-size: 14px;
  }
}

.about-partner__gift-label {
  text-align: center;
  font-weight: 400;
  line-height: var(--line-height-title);
  color: var(--color-steel-blue);
}
@media (min-width: 1920px) {
  .about-partner__gift-label {
    font-size: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__gift-label {
    font-size: calc(
				12px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__gift-label {
    font-size: 12px;
  }
}

.about-partner__gifts-container {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-partner__gifts-container {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__gifts-container {
    grid-gap: calc(
				12px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__gifts-container {
    grid-gap: 12px;
  }
}

.about-partner__gifts-text {
  color: var(--color-steel-blue);
  text-align: center;
}

.about-partner__offer {
  border: 1px solid var(--color-border-gray);
  background: var(--color-ghost-white);
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-partner__offer {
    border-radius: 110px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__offer {
    border-radius: calc(
				40px + 70 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__offer {
    border-radius: 40px;
  }
}
@media (min-width: 1920px) {
  .about-partner__offer {
    padding-top: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__offer {
    padding-top: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__offer {
    padding-top: 15px;
  }
}
@media (min-width: 1920px) {
  .about-partner__offer {
    padding-bottom: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__offer {
    padding-bottom: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__offer {
    padding-bottom: 15px;
  }
}
@media (min-width: 1920px) {
  .about-partner__offer {
    padding-left: 100px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__offer {
    padding-left: calc(
				20px + 80 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__offer {
    padding-left: 20px;
  }
}
@media (min-width: 1920px) {
  .about-partner__offer {
    padding-right: 100px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__offer {
    padding-right: calc(
				20px + 80 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__offer {
    padding-right: 20px;
  }
}
@media (min-width: 1920px) {
  .about-partner__offer {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__offer {
    grid-gap: calc(
				12px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__offer {
    grid-gap: 12px;
  }
}

.about-partner__offer-text {
  text-align: center;
}

.about-partner__offer-btn {
  margin: 0 auto;
}

.about-partner__feedback {
  border-radius: 10px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  background: var(--color-light-periwinkle-40);
}
@media (min-width: 1920px) {
  .about-partner__feedback {
    padding: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__feedback {
    padding: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__feedback {
    padding: 16px;
  }
}
@media (min-width: 1920px) {
  .about-partner__feedback {
    grid-gap: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__feedback {
    grid-gap: calc(
				16px + 16 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__feedback {
    grid-gap: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .about-partner__feedback {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.about-partner__feedback-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1920px) {
  .about-partner__feedback-head {
    width: 460px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-partner__feedback-head {
    width: calc(
				312px + 148 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .about-partner__feedback-head {
    width: 312px;
  }
}
@media (min-width: 1920px) {
  .about-partner__feedback-head {
    gap: 16px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-partner__feedback-head {
    gap: calc(
				12px + 4 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .about-partner__feedback-head {
    gap: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .about-partner__feedback-head {
    width: 100%;
  }
}

.about-partner__feedback-text {
  margin-top: auto;
}

.about-partner__feedback-fields {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-partner__feedback-fields {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__feedback-fields {
    grid-gap: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__feedback-fields {
    grid-gap: 10px;
  }
}

.about-partner__feedback-form {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-partner__feedback-form {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__feedback-form {
    grid-gap: calc(
				12px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__feedback-form {
    grid-gap: 12px;
  }
}

.about-partner__feedback-action {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
@media (min-width: 1920px) {
  .about-partner__feedback-action {
    grid-gap: 15px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-partner__feedback-action {
    grid-gap: calc(
				10px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-partner__feedback-action {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .about-partner__feedback-action {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .about-partner__feedback-submit {
    margin-left: auto;
  }
}

.about-check__body {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-check__body {
    grid-gap: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__body {
    grid-gap: calc(
				16px + 16 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__body {
    grid-gap: 16px;
  }
}

.about-check__container {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: 10px;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  border-radius: 20px;
  border: 1px solid var(--color-border-gray);
  overflow: hidden;
}
@media screen and (max-width: 1240px) {
  .about-check__container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.about-check__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--color-light-periwinkle-40);
}
@media (min-width: 1920px) {
  .about-check__image {
    width: 488px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .about-check__image {
    width: calc(
				397px + 91 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .about-check__image {
    width: 397px;
  }
}
@media screen and (max-width: 1240px) {
  .about-check__image {
    width: 100%;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .about-check__image {
    height: 228px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 360px) and (max-width: 1240px) {
  .about-check__image {
    height: calc(
				150px + 78 * (((100vw - 360px)) / ((880)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 360px) {
  .about-check__image {
    height: 150px;
  }
}
.about-check__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.about-check__form,
.about-check__result {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-check__form,
  .about-check__result {
    padding: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__form,
  .about-check__result {
    padding: calc(
				15px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__form,
  .about-check__result {
    padding: 15px;
  }
}
@media (min-width: 1920px) {
  .about-check__form,
  .about-check__result {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__form,
  .about-check__result {
    grid-gap: calc(
				12px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__form,
  .about-check__result {
    grid-gap: 12px;
  }
}

.about-check__form-fields {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-check__form-fields {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__form-fields {
    grid-gap: calc(
				12px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__form-fields {
    grid-gap: 12px;
  }
}

.about-check__status {
  display: -ms-grid;
  display: grid;
  padding: 16px;
}
@media (min-width: 1920px) {
  .about-check__status {
    border-radius: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__status {
    border-radius: calc(
				10px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__status {
    border-radius: 10px;
  }
}
@media (min-width: 1920px) {
  .about-check__status {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__status {
    grid-gap: calc(
				12px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__status {
    grid-gap: 12px;
  }
}
.about-check__status.--success {
  background: var(--color-jungle-green-20);
}
.about-check__status.--error {
  background: var(--color-coral-10);
}

.about-check__status-head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  font-weight: 600;
}
@media (min-width: 1920px) {
  .about-check__status-head {
    grid-gap: 16px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__status-head {
    grid-gap: calc(
				8px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__status-head {
    grid-gap: 8px;
  }
}
@media (min-width: 1920px) {
  .about-check__status-head {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__status-head {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__status-head {
    font-size: 14px;
  }
}
.about-check__status-head svg {
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1920px) {
  .about-check__status-head svg {
    width: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__status-head svg {
    width: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__status-head svg {
    width: 20px;
  }
}
@media (min-width: 1920px) {
  .about-check__status-head svg {
    height: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__status-head svg {
    height: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__status-head svg {
    height: 20px;
  }
}

.about-check__list {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-check__list {
    grid-gap: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__list {
    grid-gap: calc(
				16px + 16 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__list {
    grid-gap: 16px;
  }
}

.about-check__item {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .about-check__item {
    grid-gap: 10px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__item {
    grid-gap: calc(
				5px + 5 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__item {
    grid-gap: 5px;
  }
}
@media (min-width: 1920px) {
  .about-check__item {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .about-check__item {
    font-size: calc(
				14px + 4 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .about-check__item {
    font-size: 14px;
  }
}
.about-check__item * {
  font-size: inherit;
  line-height: var(--line-height-title);
}

.about-check__item-label {
  font-weight: 600;
}

.about-check__item-text {
  font-weight: 500;
}

.article__inner {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .article__inner {
    grid-gap: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .article__inner {
    grid-gap: calc(
				16px + 16 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .article__inner {
    grid-gap: 16px;
  }
}

.article-sec {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .article-sec {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .article-sec {
    grid-gap: calc(
				12px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .article-sec {
    grid-gap: 12px;
  }
}

.article-sec__block {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .article-sec__block {
    grid-gap: 20px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .article-sec__block {
    grid-gap: calc(
				10px + 10 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .article-sec__block {
    grid-gap: 10px;
  }
}

.article-sec__row {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 1920px) {
  .article-sec__row {
    grid-gap: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .article-sec__row {
    grid-gap: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .article-sec__row {
    grid-gap: 20px;
  }
}
@media screen and (max-width: 992px) {
  .article-sec__row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.article-sec__row-content {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .article-sec__row-content {
    grid-gap: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .article-sec__row-content {
    grid-gap: calc(
				20px + 12 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .article-sec__row-content {
    grid-gap: 20px;
  }
}

.article-sec__image {
  width: 100%;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}
.article-sec__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.article-sec__image-container {
  display: -ms-grid;
  display: grid;
  grid-gap: 5px;
  justify-items: center;
}

.article-sec__image-label {
  display: block;
  color: var(--color-steel-blue);
  text-align: center;
  font-weight: 500;
}
@media (min-width: 1920px) {
  .article-sec__image-label {
    font-size: 18px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .article-sec__image-label {
    font-size: calc(
				12px + 6 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .article-sec__image-label {
    font-size: 12px;
  }
}

.article-sec__images {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 767px) {
  .article-sec__images {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1920px) {
  .article-sec__image-one .article-sec__image-container {
    max-width: 800px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .article-sec__image-one .article-sec__image-container {
    max-width: calc(
				768px + 32 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .article-sec__image-one .article-sec__image-container {
    max-width: 768px;
  }
}

.not-found__inner {
  display: -ms-grid;
  display: grid;
  justify-items: center;
}
@media (min-width: 1920px) {
  .not-found__inner {
    grid-gap: 24px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .not-found__inner {
    grid-gap: calc(
				16px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .not-found__inner {
    grid-gap: 16px;
  }
}
@media (min-width: 1920px) {
  .not-found__inner {
    padding-bottom: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .not-found__inner {
    padding-bottom: calc(
				24px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .not-found__inner {
    padding-bottom: 24px;
  }
}
@media (min-width: 1920px) {
  .not-found__inner {
    padding-top: 32px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .not-found__inner {
    padding-top: calc(
				24px + 8 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .not-found__inner {
    padding-top: 24px;
  }
}

.not-found__image {
  width: 100%;
}
@media (min-width: 1920px) {
  .not-found__image {
    max-width: 624px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .not-found__image {
    max-width: calc(
				300px + 324 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .not-found__image {
    max-width: 300px;
  }
}
@media (min-width: 1920px) {
  .not-found__image {
    height: 412px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .not-found__image {
    height: calc(
				198px + 214 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .not-found__image {
    height: 198px;
  }
}
.not-found__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.not-found__title,
.not-found__text {
  text-align: center;
}