@charset "UTF-8";
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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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 {
  text-decoration: none;
  color: inherit;
  display: block;
}

/* 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,
textarea {
  outline: none;
}

textarea {
  resize: none;
}

textarea:focus,
input:focus {
  outline: none;
}

/*- убираем стрелки 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;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

button {
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
  padding: 0;
}

ul {
  list-style: none;
}

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

:root {
  --index: calc(1vw + 1vh);
  --font-family: "Lato", sans-serif;
  --second-family: "Manrope", sans-serif;
  --third-family: "Montserrat", sans-serif;
  --fourth-family: "Inter", sans-serif;
  --hover: 0.4s;
  --bg-color: #f5fcff;
  --white: #ffffff;
  --transparent-white: rgba(255, 255, 255, 0.6);
  --dark: #313233;
  --red: #c60d0d;
  --vivid-red: #f50000;
  --orange: #f39c38;
  --green: #90d557;
  --violet: #9490db;
  --scarlet: #f33d4c;
  --dark-blue: #204caf;
  --gray: #747576;
  --blue: #0faeff;
  --vinous: #f33db5;
  --transparent-blue: rgba(32, 76, 175, 0.05);
  --gradient: linear-gradient(169deg, #f33db5 -11.33%, #30aefd 95.19%);
  --shadow-primary: 0 0 10px 0 rgba(0, 0, 0, 0.02);
}

.--white {
  color: var(--white);
}

.--transparent-white {
  color: var(--transparent-white);
}

.--black {
  color: var(--dark);
}

.--red {
  color: var(--red);
}

.--vivid-red {
  color: var(--vivid-red);
}

.--orange {
  color: var(--orange);
}

.--green {
  color: var(--green);
}

.--violet {
  color: var(--violet);
}

.--scarlet {
  color: var(--scarlet);
}

.--dark-blue {
  color: var(--dark-blue);
}

.--gray {
  color: var(--gray);
}

.--blue {
  color: var(--blue);
}

.--transparent-blue {
  color: var(--transparent-blue);
}

.--vinous {
  color: var(--vinous);
}

@font-face {
  font-family: "Lato";
  font-display: swap;
  src: url("../../assets/fonts/Lato-ExtraBold.woff") format("woff"), url("../../assets/fonts/Lato-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  src: url("../../assets/fonts/Lato-ExtraBoldItalic.woff") format("woff"), url("../../assets/fonts/Lato-ExtraBoldItalic.woff2") format("woff2");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  src: url("../../assets/fonts/Lato-Bold.woff") format("woff"), url("../../assets/fonts/Lato-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  src: url("../../assets/fonts/Lato-BoldItalic.woff") format("woff"), url("../../assets/fonts/Lato-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  src: url("../../assets/fonts/Lato-SemiBold.woff") format("woff"), url("../../assets/fonts/Lato-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  src: url("../../assets/fonts/Lato-SemiBoldItalic.woff") format("woff"), url("../../assets/fonts/Lato-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  src: url("../../assets/fonts/Lato-Medium.woff") format("woff"), url("../../assets/fonts/Lato-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  src: url("../../assets/fonts/Lato-MediumItalic.woff") format("woff"), url("../../assets/fonts/Lato-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  src: url("../../assets/fonts/Lato-Regular.woff") format("woff"), url("../../assets/fonts/Lato-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  font-display: swap;
  src: url("../../assets/fonts/Lato-Italic.woff") format("woff"), url("../../assets/fonts/Lato-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Manrope";
  font-display: swap;
  src: url("../../assets/fonts/Manrope-Bold.woff") format("woff"), url("../../assets/fonts/Manrope-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Manrope";
  font-display: swap;
  src: url("../../assets/fonts/Manrope-SemiBold.woff") format("woff"), url("../../assets/fonts/Manrope-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-Medium.woff") format("woff"), url("../../assets/fonts/Montserrat-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat";
  font-display: swap;
  src: url("../../assets/fonts/Montserrat-SemiBold.woff") format("woff"), url("../../assets/fonts/Montserrat-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  src: url("../../assets/fonts/Inter-Bold.woff") format("woff"), url("../../assets/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  font-display: swap;
  src: url("../../assets/fonts/Inter-Regular.woff") format("woff"), url("../../assets/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
.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;
} /**
 * 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;
}

.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;
}

.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: -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: -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: 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];
  -ms-grid-rows: (max-content)[4];
  grid-template-rows: repeat(4, -webkit-max-content);
  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;
}

*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: var(--font-family);
  font-variant-numeric: lining-nums proportional-nums;
  padding: 0;
  margin: 0;
  background: none;
  line-height: 130%;
}

*::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 10px;
  background: #0faeff;
  cursor: -webkit-grab;
  cursor: grab;
}
*::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
  background: rgba(32, 76, 175, 0.05);
}

body::-webkit-scrollbar-thumb {
  width: 10px;
  border-radius: 10px;
  background: #0faeff;
  cursor: -webkit-grab;
  cursor: grab;
}
body::-webkit-scrollbar {
  width: 10px;
  border-radius: 10px;
  background: rgba(32, 76, 175, 0.05);
}

@-moz-document url-prefix() {
  * {
    scrollbar-width: thin;
    scrollbar-color: #0faeff rgba(32, 76, 175, 0.05);
  }
  *::-webkit-scrollbar-thumb {
    width: 4px;
    background: #0faeff;
    border-radius: 10px;
  }
  *::-webkit-scrollbar {
    width: 4px;
    background: rgba(32, 76, 175, 0.05);
  }
  *::-moz-scrollbar {
    width: 4px;
  }
  * .scrollable-content::-moz-scrollbar-thumb {
    background: #0faeff;
    border-radius: 10px;
  }
}
html {
  overflow-x: hidden;
  scrollbar-gutter: stable;
}
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;
  background: var(--bg-color);
  z-index: 3;
  line-height: 100%;
  position: relative;
}
@media screen and (max-width: 1240px) {
  .page {
    padding-top: 66px;
    overflow: hidden;
  }
}

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

header {
  -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;
}

footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

button {
  border: none;
  outline: none;
  cursor: pointer;
}

.container {
  max-width: 100%;
  margin: 0 auto;
  padding-left: 120px;
  padding-right: 120px;
}
@media screen and (max-width: 1680px) {
  .container {
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media screen and (max-width: 1240px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

time {
  display: block;
}

img {
  width: 100%;
  height: 100%;
}

.logo {
  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;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}
.logo img {
  width: calc(32px + 14 * (100vw - 360px) / 1560);
  height: calc(36px + 16 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}

.logo__text {
  max-width: 160px;
  font-size: 21px;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .logo__text {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .logo__text {
    font-size: 16px;
  }
}

.text-wrap {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.link {
  font-weight: 600;
  display: inline;
  color: var(--dark-blue);
}
@media screen and (hover: hover) {
  .link:hover {
    color: var(--red);
  }
}

.--shape-blue {
  position: relative;
  display: inline-block;
}
.--shape-blue::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(5px + 5 * (100vw - 360px) / 1560);
  left: calc(-2px + -3 * (100vw - 360px) / 1560);
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url("../img/icon/word-shape-blue.svg") no-repeat center center/contain;
}

.--shape-red {
  position: relative;
  margin-left: calc(10px + 10 * (100vw - 360px) / 1560);
}
.--shape-red::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  z-index: -1;
  background: url("../img/icon/word-shape-red.svg") no-repeat center center/contain;
}

.ul {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.ul-item {
  position: relative;
  display: -ms-grid;
  display: grid;
  font-weight: 600;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
  padding-left: calc(20px + 4 * (100vw - 360px) / 1560);
  --w: calc(12px + 2 * (100vw - 360px) / 1560);
}
.ul-item::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: var(--w);
  min-width: var(--w);
  height: calc(24px + 3 * (100vw - 360px) / 1560);
  background: url("../img/icon/star-light-blue.svg") no-repeat center center/contain;
}

.change-date-box {
  display: none;
}

.change-date-box.-is-active {
  display: block;
}

.-is-deactive {
  opacity: 0.3 !important;
  pointer-events: none !important;
}

.mb-60 {
  margin-bottom: calc(25px + 35 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .mb-60 {
    margin-bottom: 25px;
  }
}

.mb-50 {
  margin-bottom: calc(25px + 25 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .mb-50 {
    margin-bottom: 25px;
  }
}

.mb-40 {
  margin-bottom: calc(25px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .mb-40 {
    margin-bottom: 25px;
  }
}

.mb-35 {
  margin-bottom: calc(20px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .mb-35 {
    margin-bottom: 20px;
  }
}

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

.fz-65 {
  font-size: 65px;
}
@media screen and (max-width: 1680px) {
  .fz-65 {
    font-size: 50px;
  }
}
@media screen and (max-width: 992px) {
  .fz-65 {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  .fz-65 {
    font-size: 27px;
  }
}

.fz-55 {
  font-size: calc(27px + 28 * (100vw - 360px) / 1560);
}

.fz-40 {
  font-size: 40px;
}
@media screen and (max-width: 1680px) {
  .fz-40 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-40 {
    font-size: 20px;
  }
}

.fz-36 {
  font-size: calc(16px + 20 * (100vw - 360px) / 1560);
}

.fz-32 {
  font-size: 32px;
}
@media screen and (max-width: 1680px) {
  .fz-32 {
    font-size: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-32 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .fz-32 {
    font-size: 18px;
  }
}

.fz-27 {
  font-size: calc(16px + 11 * (100vw - 360px) / 1560);
}

.fz-24 {
  font-size: 24px;
}
@media screen and (max-width: 1680px) {
  .fz-24 {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-24 {
    font-size: 18px;
  }
}

.fz-21 {
  font-size: calc(14px + 7 * (100vw - 360px) / 1560);
}

.fz-20 {
  font-size: 20px;
}
@media screen and (max-width: 1680px) {
  .fz-20 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-20 {
    font-size: 16px;
  }
}

.fz-20-16 {
  font-size: 20px;
}
@media screen and (max-width: 1680px) {
  .fz-20-16 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-20-16 {
    font-size: 14px;
  }
}

.fz-20-14 {
  font-size: 20px;
}
@media screen and (max-width: 1680px) {
  .fz-20-14 {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-20-14 {
    font-size: 14px;
  }
}

.fz-18 {
  font-size: 18px;
}
@media screen and (max-width: 1680px) {
  .fz-18 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-18 {
    font-size: 14px;
  }
}

.fz-16 {
  font-size: 16px;
}
@media screen and (max-width: 1680px) {
  .fz-16 {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .fz-16 {
    font-size: 12px;
  }
}

.fz-14 {
  font-size: 14px;
}
@media screen and (max-width: 1680px) {
  .fz-14 {
    font-size: 12px;
  }
}

.fz-14-14 {
  font-size: 14px;
}
@media screen and (max-width: 1240px) {
  .fz-14-14 {
    font-size: 12px;
  }
}

.fz-14-10 {
  font-size: 14px;
}
@media screen and (max-width: 1680px) {
  .fz-14-10 {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .fz-14-10 {
    font-size: 12px;
  }
}

.fz-12 {
  font-size: 12px;
}

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

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

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

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

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

.fs-italic {
  font-style: italic;
}

.font-family {
  font-family: var(--font-family);
}

.second-family {
  font-family: var(--second-family);
}

.third-family {
  font-family: var(--third-family);
}

.fourth-family {
  font-family: var(--fourth-family);
}

.modal-background {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 5;
  overflow: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -33333333333;
  opacity: 0;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  padding: 20px;
}

.modal-background.--active {
  opacity: 1;
  z-index: 333;
}
.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: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  margin: auto;
  background: #fff;
  padding: 25px;
  border-radius: 15px;
  width: 420px;
}
@media screen and (max-width: 1440px) {
  .modal__container {
    width: 380px;
    padding: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__container {
    width: 305px;
    padding: 15px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 767px) {
  .modal__container {
    width: 320px;
  }
}
@media (max-width: 350px) {
  .modal__container {
    width: 98%;
  }
}

.modal__container-header {
  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: 10px;
}

.modal__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;
  width: 34px;
  height: 34px;
}
@media screen and (max-width: 1240px) {
  .modal__header-btn {
    width: 27px;
    height: 27px;
  }
}
.modal__header-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.modal__header-btn svg,
.modal__header-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .modal__header-btn:hover path {
    fill: #0faeff;
  }
}
@media (hover: none) {
  .modal__header-btn:active path {
    fill: #0faeff;
  }
}

.modal__header-title {
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .modal__header-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__header-title {
    font-size: 18px;
  }
}

.modal-translation {
  width: 615px;
}
@media screen and (max-width: 767px) {
  .modal-translation {
    width: 360px;
  }
}
@media (max-width: 380px) {
  .modal-translation {
    width: 98%;
  }
}

.modal__footer {
  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;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .modal__footer {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .modal__footer-close {
    display: none !important;
  }
}

.modal__footer-btn {
  margin-left: auto;
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  .modal__footer-btn {
    width: 100% !important;
  }
}

.modal-translation-header-btn {
  width: 24px;
  height: 24px;
  margin-left: auto;
  margin-right: 0;
}

.modal-translation-box {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .modal-translation-box + .modal-translation-box {
    margin-top: 10px;
  }
}

.modal-translation-wrapp {
  overflow-x: hidden;
  overflow-y: auto;
  height: 360px;
  padding-right: 20px;
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .modal-translation-wrapp {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    margin-top: 20px;
    padding-right: 5px;
  }
}

.modal-translation-label-span {
  padding: 10px 15px 55px 15px;
  border: 2px solid rgba(0, 0, 0, 0);
  position: relative;
  display: block;
  position: relative;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 14px;
  background: rgba(32, 76, 175, 0.05);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .modal-translation-label-span {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 0;
    padding-bottom: 50px;
  }
}
.modal-translation-label-span::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 15px;
  width: 24px;
  height: 24px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../../assets/img/creating/square.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .modal-translation-label-span::after {
    width: 20px;
    height: 20px;
  }
}
@media (hover: hover) {
  .modal-translation-label-span:hover {
    border: 2px solid #204caf;
  }
}
@media (hover: none) {
  .modal-translation-label-span:active {
    border: 2px solid #204caf;
  }
}

input:checked ~ .modal-translation-label-span {
  border: 2px solid #204caf;
}
input:checked ~ .modal-translation-label-span::after {
  background: url("../../assets/img/creating/check.svg") no-repeat center center/contain;
}

.modal-translation-label-text {
  display: block;
  width: 100%;
  color: #726dc2;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
  padding-top: 15px;
  padding-bottom: 15px;
  background: url("../../assets/img/creating/back.svg") no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .modal-translation-label-text {
    padding-top: 17px;
    padding-bottom: 22px;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .modal-background-bottom {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .modal__container-bottom {
    width: 100%;
    margin-bottom: 0;
    border-radius: 15px 15px 0px 0px;
  }
}

.modal__translation-list {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 567px;
  padding-right: 20px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .modal__translation-list {
    margin-top: 20px;
    height: 360px;
    padding-left: 10px;
  }
}

.modal__translation-img {
  width: 50px !important;
  height: 50px !important;
}
@media screen and (max-width: 767px) {
  .modal__translation-img {
    width: 40px !important;
    height: 40px !important;
    margin-top: 0 !important;
    margin-left: 0 !important;
  }
}
.modal__translation-img img,
.modal__translation-img svg {
  width: 30px !important;
  height: 30px !important;
}
@media screen and (max-width: 767px) {
  .modal__translation-img img,
  .modal__translation-img svg {
    width: 24px !important;
    height: 24px !important;
  }
}

.modal__translation-title {
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 767px) {
  .modal__translation-title {
    font-size: 12px;
  }
}

.modal__changes-img {
  margin-left: auto;
  margin-right: auto;
  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: 78px;
  height: 78px;
  background: rgba(98, 151, 58, 0.1);
  border-radius: 50%;
}
.modal__changes-img img,
.modal__changes-img svg {
  width: 60px;
  height: 60px;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.modal__changes-title {
  color: #313233;
  font-size: 23px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  text-align: center;
  padding-top: 5px;
}
@media screen and (max-width: 767px) {
  .modal__changes-title {
    font-size: 16px;
  }
}

.modal__changes-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .modal__changes-btn {
    width: 100% !important;
  }
}

.modal-expel-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;
  margin-top: 30px;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .modal-expel-row {
    margin-top: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media screen and (max-width: 767px) {
  .modal-expel--btn {
    width: 100% !important;
  }
}

.modal__changes {
  width: 389px;
}
.modal__changes .modal__header-title {
  font-size: 24px;
}
@media (max-width: 767px) {
  .modal__changes .modal__header-title {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .modal__changes {
    width: 100%;
  }
}

.modal-expel--btn.btn {
  padding: 13px 30px;
}
@media screen and (max-width: 767px) {
  .modal-expel--btn.btn {
    padding: 8px 10px;
  }
}

.modal-expel--btn.btn-grid {
  padding-right: 15px;
}
@media screen and (max-width: 767px) {
  .modal-expel--btn.btn-grid {
    padding: 8px 10px;
  }
}

.modal-expel--btn.btn-br-blue .btn-br-span {
  padding: 9px 28px;
}
@media screen and (max-width: 767px) {
  .modal-expel--btn.btn-br-blue .btn-br-span {
    padding: 5px 8px;
  }
}

.modal-request__container {
  width: calc(360px + 170 * (100vw - 360px) / 1560);
  overflow: hidden;
}

.modal-request__title {
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
  font-size: calc(21px + 11 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .modal-request__title {
    text-align: left;
  }
}

.modal-request__cloud {
  position: relative;
  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;
  background: var(--white);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-weight: 700;
  line-height: 120%;
  grid-gap: 5px;
  margin-bottom: 30px;
  border-radius: calc(15px + 5 * (100vw - 360px) / 1560);
  margin-right: calc(0px + 50 * (100vw - 360px) / 1560);
  margin-left: calc(3px + 2 * (100vw - 360px) / 1560);
  padding-top: calc(8px + 5 * (100vw - 360px) / 1560);
  padding-bottom: calc(8px + 6 * (100vw - 360px) / 1560);
  padding-left: calc(20px + 10 * (100vw - 360px) / 1560);
  padding-right: calc(10px + 8 * (100vw - 360px) / 1560);
}
.modal-request__cloud img {
  width: calc(35px + 31 * (100vw - 360px) / 1560);
  height: calc(29px + 26 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-request__cloud::after {
  content: "";
  display: block;
  position: absolute;
  left: -9px;
  bottom: -2px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 20.5px 32px 12.5px;
  border-color: transparent transparent #ffffff transparent;
  -webkit-transform: rotate(-9deg);
      -ms-transform: rotate(-9deg);
          transform: rotate(-9deg);
}
@media screen and (max-width: 1240px) {
  .modal-request__cloud::after {
    right: -6px;
    bottom: 0px;
    border-width: 0 16.5px 31px 17.5px;
  }
}

.modal-request__form {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-gap: calc(20px + 10 * (100vw - 360px) / 1560);
}
.modal-request__form::before {
  content: "";
  display: block;
  position: absolute;
  position: absolute;
  top: 58%;
  left: 55%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0.2;
  width: calc(320px + 148 * (100vw - 360px) / 1560);
  height: calc(420px + 90 * (100vw - 360px) / 1560);
  background: url("../img/icon/request-emoji.svg") no-repeat center center/contain;
}

.modal-request__form-body {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(15px + 5 * (100vw - 360px) / 1560);
}

.modal-request__form-fields {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(15px + 5 * (100vw - 360px) / 1560);
}

.modal-request__form-btn {
  width: 100% !important;
  max-width: 288px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .modal-request__form-btn {
    max-width: 100%;
  }
}

.modal-request__success {
  position: absolute;
  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;
  background: var(--white);
  z-index: 10;
  inset: 0;
  width: 100%;
  height: 100%;
  padding-top: calc(40px + 33 * (100vw - 360px) / 1560);
  padding-bottom: calc(40px + 33 * (100vw - 360px) / 1560);
  padding-left: calc(10px + 10 * (100vw - 360px) / 1560);
  padding-right: calc(10px + 10 * (100vw - 360px) / 1560);
  gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.modal-request__success-title {
  text-transform: uppercase;
  font-weight: 800;
  font-size: calc(24px + 21 * (100vw - 360px) / 1560);
  text-align: center;
}

.modal-request__success-text {
  text-align: center;
  font-weight: 700;
}

.modal-request__success-animation {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.modal-request__success-animation img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.modal-success__container {
  overflow: hidden;
  width: calc(360px + 653 * (100vw - 360px) / 1560);
  padding-left: calc(20px + 27 * (100vw - 360px) / 1560);
  padding-bottom: calc(280px + -97 * (100vw - 360px) / 1560);
}

.modal-success__close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.modal-success__title {
  text-transform: uppercase;
  font-weight: 800;
  font-size: calc(24px + 21 * (100vw - 360px) / 1560);
  max-width: calc(360px + 200 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .modal-success__title {
    max-width: 100%;
  }
}

.modal-success__text {
  max-width: calc(360px + 120 * (100vw - 360px) / 1560);
}

.modal-success__body {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.modal-success__animation {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: calc(360px + 150 * (100vw - 360px) / 1560);
  height: calc(360px + 150 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .modal-success__animation {
    width: 100%;
  }
}
.modal-success__animation img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.modal-adding-record-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;
  margin-top: 20px;
  color: #0faeff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.modal-adding-record-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .modal-adding-record-btn {
    margin-top: 12px;
    font-size: 14px;
  }
}
.modal-adding-record-btn img,
.modal-adding-record-btn svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .modal-adding-record-btn img,
  .modal-adding-record-btn svg {
    margin-right: 5px;
    width: 18px;
    height: 18px;
  }
}
@media (hover: hover) {
  .modal-adding-record-btn:hover {
    color: #c60d0d;
  }
  .modal-adding-record-btn:hover path {
    fill: #c60d0d;
  }
}
@media (hover: none) {
  .modal-adding-record-btn:active {
    color: #c60d0d;
  }
  .modal-adding-record-btn:active path {
    fill: #c60d0d;
  }
}

.modal-adding-record-time .select__body-wrapp {
  max-height: 200px;
}
.modal-adding-record-time .select__header {
  border: 2px solid rgba(49, 50, 51, 0.1);
}
.modal-adding-record-time .select__current {
  position: relative;
  padding-left: 35px;
}
@media screen and (max-width: 767px) {
  .modal-adding-record-time .select__current {
    padding-left: 20px;
  }
}
.modal-adding-record-time .select__current::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("../../assets/img/icon/time_fill.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .modal-adding-record-time .select__current::after {
    width: 16px;
    height: 16px;
  }
}

.modal-adding-record-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .modal-adding-record-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 12px;
    padding-top: 12px;
  }
}

.modal-adding-record {
  width: 620px;
  background: url("../../assets/img/modal-back.svg") no-repeat top 30px right 80px, #fff;
}
@media screen and (max-width: 767px) {
  .modal-adding-record {
    width: 100%;
    background: #fff;
  }
}

.modal__discipline-dell {
  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;
  color: #f33d4c;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.modal__discipline-dell path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .modal__discipline-dell {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    font-size: 14px;
  }
}
.modal__discipline-dell svg,
.modal__discipline-dell img {
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .modal__discipline-dell svg,
  .modal__discipline-dell img {
    width: 18px;
    height: 18px;
    margin-right: auto;
    margin-left: 5px;
  }
}
@media (hover: hover) {
  .modal__discipline-dell:hover {
    color: #c60d0d;
  }
  .modal__discipline-dell:hover path {
    fill: #c60d0d;
  }
}
@media (hover: none) {
  .modal__discipline-dell:active {
    color: #c60d0d;
  }
  .modal__discipline-dell:active path {
    fill: #c60d0d;
  }
}

.modal__saved {
  width: 215px;
  padding: 25px 20px;
}

.modal__saved-img {
  width: 78px;
  height: 78px;
}

.modal__saved-title {
  text-align: center;
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}

.modal__saved-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px !important;
  padding: 14px 30px !important;
  font-size: 18px !important;
}

.modal-task-base {
  width: 1080px;
}
@media (max-width: 1680px) {
  .modal-task-base {
    width: 682px;
  }
}
@media (max-width: 767px) {
  .modal-task-base {
    width: 100%;
  }
}

.modal-task-base-header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -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 (max-width: 650px) {
  .modal-task-base-header {
    display: block;
  }
}

.modal-task-base-title {
  display: block;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .modal-task-base-title {
    font-size: 14px;
  }
}
@media (max-width: 650px) {
  .modal-task-base-title {
    padding-top: 15px;
  }
}

.modal-task-base-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;
  width: 24px;
  height: 24px;
}
@media (max-width: 1680px) {
  .modal-task-base-img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 650px) {
  .modal-task-base-img {
    width: calc(100% + 20px);
    height: 40px;
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 10px 10px 0px 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(148, 144, 219, 0.1)), to(rgba(148, 144, 219, 0.1)));
    background: -o-linear-gradient(bottom, rgba(148, 144, 219, 0.1) 0%, rgba(148, 144, 219, 0.1) 100%);
    background: linear-gradient(0deg, rgba(148, 144, 219, 0.1) 0%, rgba(148, 144, 219, 0.1) 100%);
  }
}
.modal-task-base-img img,
.modal-task-base-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 650px) {
  .modal-task-base-img img,
  .modal-task-base-img svg {
    width: 20px;
    height: 20px;
  }
}

.modal-task-base-row.filters__label-span {
  display: block;
}
@media (max-width: 1680px) {
  .modal-task-base-row.filters__label-span {
    padding-left: 15px;
  }
}
@media (max-width: 1680px) and (max-width: 650px) {
  .modal-task-base-row.filters__label-span {
    padding: 0 10px 50px 10px;
    border-radius: 10px;
  }
}
@media (max-width: 650px) {
  .modal-task-base-row.filters__label-span::before {
    top: auto;
    right: auto;
    left: 50%;
    bottom: 15px;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

.modal-task-base-inner-title {
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .modal-task-base-inner-title {
    font-size: 12px;
  }
}

.modal-task-base--inner-text {
  color: #204caf;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .modal-task-base--inner-text {
    font-size: 12px;
  }
}

.modal-task-base--list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto auto;
  grid-template-columns: auto auto auto;
  gap: 10px;
  margin-top: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1680px) {
  .modal-task-base--list {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    gap: 5px 20px;
    padding-right: 15px;
  }
}
@media (max-width: 650px) {
  .modal-task-base--list {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }
}

.modal-task-base--dot {
  gap: 10 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.modal-task-base--dot .modal-task-base--inner + .modal-task-base--inner {
  position: relative;
  padding-left: 44px;
}
.modal-task-base--dot .modal-task-base--inner + .modal-task-base--inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 22px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #d2dbef;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
@media (max-width: 1680px) {
  .modal-task-base--dot .modal-task-base--inner + .modal-task-base--inner::after {
    width: 0;
    height: 0;
    background: none;
  }
}
@media (max-width: 1680px) {
  .modal-task-base--dot .modal-task-base--inner + .modal-task-base--inner {
    padding-left: 0;
  }
}
@media (max-width: 1680px) {
  .modal-task-base--dot {
    gap: 5px 20px;
  }
}

@media (max-width: 650px) {
  .modal-task-base--inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 650px) {
  .modal-task-base--inner + .modal-task-base--inner {
    margin-top: 10px;
  }
}

.modal-task-base-top {
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .modal-task-base-top {
    margin-top: 20px;
  }
}

.modal-purpose-date {
  max-width: 300px;
  margin-top: 20px;
}
@media (max-width: 1240px) {
  .modal-purpose-date {
    margin-top: 10px;
  }
}
@media (max-width: 572px) {
  .modal-purpose-date {
    max-width: 100%;
  }
}

.modal-purpose-tab.tab-box {
  margin-top: 20px;
}
.modal-purpose-tab.tab-box .modal-translation-box:nth-child(1) {
  margin-top: 0;
}

.modal-purpose-tab-row {
  margin-top: 20px;
}

.modal-purpose-date .date-select-current::after {
  background: url("../../assets/img/icon/date-2.svg") no-repeat center center/contain;
}

.modal-teacher-disciplines-list {
  margin-top: 20px;
}
@media (max-width: 1240px) {
  .modal-teacher-disciplines-list {
    margin-top: 20px;
  }
}

.modal-teacher-disciplines-list-inner:not(:nth-child(1)) {
  margin-top: 15px;
}

.modal-teacher-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1240px) {
  .modal-teacher-row {
    gap: 5px;
  }
}

.modal-teacher-btn-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;
  width: 24px;
  height: 24px;
}
.modal-teacher-btn-dell path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1240px) {
  .modal-teacher-btn-dell {
    width: 20px;
    height: 20px;
  }
}
.modal-teacher-btn-dell svg,
.modal-teacher-btn-dell img {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .modal-teacher-btn-dell:hover path {
    fill: #c60d0d;
  }
}
@media (hover: none) {
  .modal-teacher-btn-dell:active path {
    fill: #c60d0d;
  }
}

.modal-editing-rating {
  background: #fff;
}

.modal-editing-input {
  display: block;
}

.modal-task-selection-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;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  gap: 20px;
}

.modal-task-selection-tab {
  margin-top: 30px;
}
@media (max-width: 1240px) {
  .modal-task-selection-tab {
    margin-top: 20px;
  }
}

.modal-task-filter {
  margin-top: 30px;
  gap: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 275px 275px;
  grid-template-columns: 1fr 275px 275px;
}
@media (max-width: 1240px) {
  .modal-task-filter {
    margin-top: 20px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 15px 20px;
  }
}
@media (max-width: 767px) {
  .modal-task-filter {
    gap: 10px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.modal-task-search-padding {
  margin-top: 30px;
}
@media (max-width: 1240px) {
  .modal-task-search-padding {
    margin-top: 20px;
  }
}

@media (max-width: 1240px) {
  .modal-task-search {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .modal-task-search {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

.modal__document-dell-btn,
.modal__document-add-btn {
  width: 100% !important;
  height: 46px;
  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) {
  .modal__document-dell-btn,
  .modal__document-add-btn {
    height: 38px;
  }
}
@media (max-width: 1240px) {
  .modal__document-dell-btn,
  .modal__document-add-btn {
    height: 36px;
  }
}
.modal__document-dell-btn .btn-br-span,
.modal__document-add-btn .btn-br-span {
  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;
}

.modal__document-dell {
  width: 390px;
  padding: 25px;
}
@media screen and (max-width: 1440px) {
  .modal__document-dell {
    width: 290px;
    padding: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__document-dell {
    width: 240px;
    padding: 15px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 767px) {
  .modal__document-dell {
    width: 320px;
  }
}
@media (max-width: 350px) {
  .modal__document-dell {
    width: 90%;
  }
}

.modal__document-dell-row,
.modal__document-add-row {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
@media (max-width: 1680px) {
  .modal__document-dell-row,
  .modal__document-add-row {
    margin-top: 20px;
  }
}

.modal__document-add-select {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .modal__document-add-select {
    margin-top: 20px;
  }
}

.modal__document-add-file {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .modal__document-add-file {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__document-add-file {
    margin-top: 10px;
  }
}
.modal__document-add-file .file__label-btn {
  margin-top: 0;
}
.modal__document-add-file .file__row-img {
  background: url("../../assets/img/icon/pdf.svg") no-repeat center center/contain !important;
}

.modal__notifications-file .file__row-img {
  background: url("../../assets/img/icon/pdf.svg") no-repeat center center/contain !important;
}
.modal__notifications-file .file__label-btn {
  margin-top: 0;
}

.modal__notif-file-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.modal__notif-file-text {
  color: #747576;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}

.modal-notice-textarea .textarea {
  height: 105px;
}

.modal-notice-list-heigh {
  max-height: 280px;
}

.modal-notice-list-heigh-2 {
  max-height: 380px;
  height: auto;
}

.modal-notice-date-row {
  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: 10px 15px;
}
@media (max-width: 572px) {
  .modal-notice-date-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.modal-notice-remove-id .filter__label-name {
  padding-top: 0;
  font-size: 18px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: 5px;
}
@media (max-width: 1680px) {
  .modal-notice-remove-id .filter__label-name {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .modal-notice-remove-id .filter__label-name {
    font-size: 12px;
    display: block;
  }
  .modal-notice-remove-id .filter__label-name span {
    display: block;
  }
}
.modal-notice-remove-id .filters__label-img {
  width: 50px;
  height: 50px;
}
@media (max-width: 1680px) {
  .modal-notice-remove-id .filters__label-img {
    width: 40px;
    height: 40px;
  }
}

.modal__row--grid {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 1fr 1fr 24px;
  grid-template-columns: 1fr 1fr 24px;
}
@media (max-width: 767px) {
  .modal__row--grid {
    -ms-grid-columns: 1fr 24px;
    grid-template-columns: 1fr 24px;
  }
}

.modal__btn--dell {
  width: 24px;
  height: 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;
}
.modal__btn--dell path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .modal__btn--dell {
    -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;
  }
}
.modal__btn--dell svg,
.modal__btn--dell img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (hover: hover) {
  .modal__btn--dell:hover path {
    fill: #c60d0d;
  }
}
@media (hover: none) {
  .modal__btn--dell:active path {
    fill: #c60d0d;
  }
}

.modal__complete-test {
  width: 495px;
}
@media screen and (max-width: 1440px) {
  .modal__complete-test {
    width: 410px;
    padding: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__complete-test {
    width: 320px;
    padding: 15px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 767px) {
  .modal__complete-test {
    width: 320px;
    padding: 10px;
  }
}
@media (max-width: 350px) {
  .modal__complete-test {
    width: 98%;
  }
}

.modal__complete-footer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 170px;
  grid-template-columns: 1fr 170px;
  gap: 20px;
  padding-top: 40px;
}
@media screen and (max-width: 1440px) {
  .modal__complete-footer {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    padding-top: 30px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__complete-footer {
    padding-top: 20px;
    gap: 10px;
    -ms-grid-columns: 1.2fr 1fr;
    grid-template-columns: 1.2fr 1fr;
  }
}

.modal__complete-text {
  color: #747576;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  padding-top: 10px;
}
@media screen and (max-width: 1440px) {
  .modal__complete-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__complete-text {
    font-size: 14px;
  }
}

.modal__complete-row-title {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1440px) {
  .modal__complete-row-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__complete-row-title {
    font-size: 14px;
  }
}

.modal__complete-row {
  padding-top: 30px;
}
@media screen and (max-width: 1440px) {
  .modal__complete-row {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__complete-row {
    padding-top: 20px;
  }
}

.modal__complete-time {
  margin-top: 10px;
  color: #f33d4c;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  position: relative;
  padding-left: 45px;
}
@media screen and (max-width: 1440px) {
  .modal__complete-time {
    font-size: 28px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__complete-time {
    font-size: 20px;
    padding-left: 30px;
  }
}
.modal__complete-time::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url("../../assets/img/icon/clock-red.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1440px) {
  .modal__complete-time::after {
    width: 27px;
    height: 27px;
  }
}
@media screen and (max-width: 1240px) {
  .modal__complete-time::after {
    width: 21px;
    height: 21px;
  }
}

.modal-notific__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 15px;
}
.modal-notific__title .home__notific-box-img {
  width: 50px;
  min-width: 50px;
  height: 50px;
}
@media screen and (max-width: 1680px) {
  .modal-notific__title .home__notific-box-img {
    width: 45px;
    min-width: 45px;
    height: 45px;
  }
}
@media screen and (max-width: 1240px) {
  .modal-notific__title .home__notific-box-img {
    width: 36px;
    min-width: 36px;
    height: 36px;
  }
}

.modal-notific__text p {
  line-height: 104%;
}

.modal-notific__content {
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
}

.modal-notific__body {
  display: -ms-grid;
  display: grid;
  grid-gap: 30px;
}
@media screen and (max-width: 1680px) {
  .modal-notific__body {
    grid-gap: 20px;
  }
}
@media screen and (max-width: 992px) {
  .modal-notific__body {
    grid-gap: 15px;
  }
}

.modal-notific__docs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px 40px;
}
@media screen and (max-width: 1680px) {
  .modal-notific__docs {
    grid-gap: 10px 30px;
  }
}
@media screen and (max-width: 767px) {
  .modal-notific__docs {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.modal-notific__docs-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
}
.modal-notific__docs-item img {
  width: 24px;
  min-width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 10px;
}
@media screen and (max-width: 1680px) {
  .modal-notific__docs-item img {
    width: 21px;
    min-width: 21px;
    height: 21px;
  }
}
@media screen and (max-width: 992px) {
  .modal-notific__docs-item img {
    margin-right: 5px;
  }
}

.modal-notific__docs-name {
  font-size: 18px;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .modal-notific__docs-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 992px) {
  .modal-notific__docs-name {
    font-size: 14px;
  }
}

.modal-notific__docs-item-remove {
  width: 25px;
  min-width: 25px;
  height: 25px;
  margin-left: 5px;
}
@media screen and (max-width: 1680px) {
  .modal-notific__docs-item-remove {
    width: 21px;
    min-width: 21px;
    height: 21px;
  }
}
.modal-notific__docs-item-remove svg,
.modal-notific__docs-item-remove img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.modal-notific__image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  padding-top: 43.75%;
}
@media screen and (max-width: 767px) {
  .modal-notific__image {
    padding-top: 90%;
  }
}
.modal-notific__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.modal-notific__container {
  width: 823px;
}
@media screen and (max-width: 1680px) {
  .modal-notific__container {
    width: 698px;
  }
}
@media screen and (max-width: 992px) {
  .modal-notific__container {
    width: calc(100vw - 40px);
  }
}

.tippy-box[data-theme~=tooltips] {
  color: #747576;
  padding: 9px 18px;
  font-family: var(--font-family);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
}
.tippy-box[data-theme~=tooltips] .tippy-content {
  padding: 0;
}
.tippy-box[data-theme~=tooltips] .tippy-content .--yellow {
  color: #F39C38;
}
.tippy-box[data-theme~=tooltips] .tippy-content .---gray {
  color: #747576;
}
.tippy-box[data-theme~=tooltips] .tippy-content .--green {
  color: #90D557;
}
.tippy-box[data-theme~=tooltips] .tippy-content .--red {
  color: #F50000;
}

.tippy-box[data-theme~=tooltips-red] {
  color: #F50000;
  padding: 9px 18px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
}
.tippy-box[data-theme~=tooltips-red] .tippy-content {
  padding: 0;
}

.label {
  position: relative;
  display: block;
}

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

.tab-box {
  display: none;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .tab-box {
    margin-top: 20px;
  }
}

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

.tab-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .tab-row {
    gap: 10px;
  }
}

.tab__label-span {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 20px;
  border-radius: 30px;
  border: 1px solid #313233;
  cursor: pointer;
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tab__label-span {
    padding: 8px 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .tab__label-span {
    padding: 6px 15px;
    font-size: 14px;
  }
}
@media (hover: hover) {
  .tab__label-span:hover {
    background: #204CAF;
    border: 1px solid #204CAF;
    color: #FFF;
  }
}
@media (hover: none) {
  .tab__label-span:active {
    background: #204CAF;
    border: 1px solid #204CAF;
    color: #FFF;
  }
}

input:checked ~ .tab__label-span {
  background: #204CAF;
  border: 1px solid #204CAF;
  color: #FFF;
}

.avatar-label-gradient {
  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: -o-linear-gradient(281deg, #F33DB5 -11.33%, #30AEFD 95.19%);
  background: linear-gradient(169deg, #F33DB5 -11.33%, #30AEFD 95.19%);
  padding: 8px;
  width: 176px;
  height: 176px;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
@media (max-width: 1680px) {
  .avatar-label-gradient {
    width: 120px;
    height: 120px;
    padding: 5px;
  }
}
@media (max-width: 1240px) {
  .avatar-label-gradient {
    width: 80px;
    height: 80px;
    padding: 4px;
  }
}
@media (max-width: 767px) {
  .avatar-label-gradient {
    width: 75px;
    height: 75px;
    padding: 3px;
  }
}

.avatar-label-span {
  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%;
  border: 3px solid #fff;
  background: url("../../assets/img/panel/user.svg") no-repeat center center/contain, rgba(255, 255, 255, 0.6);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  background-size: 60% 60%;
}
.avatar-label-span img,
.avatar-label-span svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.avatar__menu-header {
  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: #0FAEFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.avatar__menu-header path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .avatar__menu-header {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .avatar__menu-header {
    font-size: 14px;
  }
}
.avatar__menu-header svg,
.avatar__menu-header img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 17px;
  height: 17px;
  margin-right: 10px;
}
@media (max-width: 1680px) {
  .avatar__menu-header svg,
  .avatar__menu-header img {
    width: 15px;
    height: 15px;
  }
}
@media (max-width: 1240px) {
  .avatar__menu-header svg,
  .avatar__menu-header img {
    width: 13px;
    height: 13px;
  }
}
@media (hover: hover) {
  .avatar__menu-header:hover {
    color: #C60D0D;
  }
  .avatar__menu-header:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .avatar__menu-header:active {
    color: #C60D0D;
  }
  .avatar__menu-header:active path {
    fill: #C60D0D;
  }
}

.avatar__menu {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}
@media screen and (max-width: 1680px) {
  .avatar__menu {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .avatar__menu {
    margin-top: 5px;
  }
}
.avatar__menu .avatar__menu-wrapp {
  top: auto;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translate(-50%, 100%);
      -ms-transform: translate(-50%, 100%);
          transform: translate(-50%, 100%);
}

.avatar-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .avatar-btn:hover path {
    fill: #204CAF;
  }
}
@media (hover: none) {
  .avatar-btn:active path {
    fill: #204CAF;
  }
}

.file__box-img {
  height: 300px;
  width: 100%;
  border-radius: 10px;
  border: 2px rgba(49, 50, 51, 0.1);
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  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: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 40px;
}
@media screen and (max-width: 1680px) {
  .file__box-img {
    height: 240px;
  }
}
@media screen and (max-width: 1240px) {
  .file__box-img {
    padding: 20px;
    height: 200px;
    padding: 20px;
  }
}
@media screen and (max-width: 572px) {
  .file__box-img {
    height: 160px;
  }
}
.file__box-img::after {
  content: "";
  position: absolute;
  width: 170px;
  height: 170px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -2;
  opacity: 0.3;
  background: url("../../assets/img/icon/file-img-back.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1240px) {
  .file__box-img::after {
    width: 150px;
    height: 150px;
  }
}
@media screen and (max-width: 767px) {
  .file__box-img::after {
    width: 100px;
    height: 100px;
  }
}
.file__box-img.-file-add::after {
  background: none;
}
.file__box-img img,
.file__box-img svg,
.file__box-img video {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.file__box-video::after {
  content: "";
  position: absolute;
  width: 140px;
  height: 118px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: -2;
  opacity: 0.3;
  background: url("../../assets/img/icon/file-video-back.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1240px) {
  .file__box-video::after {
    width: 130px;
    height: 108px;
  }
}
@media screen and (max-width: 767px) {
  .file__box-video::after {
    width: 100px;
    height: 100px;
  }
}
.file__box-video.-file-add::after {
  background: none;
}

.file__label-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;
  margin-top: 15px;
  color: #0FAEFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.file__label-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .file__label-btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .file__label-btn {
    font-size: 14px;
    margin-top: 10px;
  }
}
.file__label-btn img,
.file__label-btn svg {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 10px;
}
@media screen and (max-width: 1680px) {
  .file__label-btn img,
  .file__label-btn svg {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .file__label-btn img,
  .file__label-btn svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
}
@media (hover: hover) {
  .file__label-btn:hover {
    color: #F50000;
  }
  .file__label-btn:hover path {
    fill: #F50000;
  }
}
@media (hover: none) {
  .file__label-btn:active {
    color: #F50000;
  }
  .file__label-btn:active path {
    fill: #F50000;
  }
}

.file-row-name {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto auto;
  grid-template-columns: auto auto auto;
  -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;
  margin-top: 15px;
}
@media screen and (max-width: 1240px) {
  .file-row-name {
    gap: 5px;
    margin-top: 10px;
  }
}

.file__row-img {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1240px) {
  .file__row-img {
    width: 18px;
    height: 18px;
  }
}

.file__row--name {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  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 screen and (max-width: 1680px) {
  .file__row--name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .file__row--name {
    font-size: 14px;
  }
}

.file__row--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: 25px;
  height: 25px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1240px) {
  .file__row--btn {
    width: 18px;
    height: 18px;
  }
}
.file__row--btn path {
  -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 (hover: hover) {
  .file__row--btn:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .file__row--btn:active path {
    fill: #C60D0D;
  }
}

.file-row-element {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 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;
  gap: 10px;
  border-radius: 15px;
  border: 1px rgba(49, 50, 51, 0.1);
  background: #FFF;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
  margin-top: 15px;
}
@media screen and (max-width: 1680px) {
  .file-row-element {
    padding: 10px 24px;
    margin-top: 7px;
  }
}
@media screen and (max-width: 767px) {
  .file-row-element {
    padding: 10px 15px;
  }
}

.file-row-element + .file-row-element {
  margin-top: 15px;
}

.file-simplified-row {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-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;
  margin-top: 15px;
  gap: 10px;
}
@media screen and (max-width: 1680px) {
  .file-simplified-row {
    margin-top: 7px;
  }
}

.file-simplified-row + .file-simplified-row {
  margin-top: 15px;
}

.file__link-btn {
  margin-left: 15px;
  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: 25px;
  height: 25px;
}
.file__link-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .file__link-btn {
    width: 20px;
    height: 20px;
  }
}
.file__link-btn img,
.file__link-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (hover: hover) {
  .file__link-open:hover path {
    stroke: #C60D0D;
  }
}
@media (hover: none) {
  .file__link-open:active path {
    stroke: #C60D0D;
  }
}

@media (hover: hover) {
  .file__link-dowland:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .file__link-dowland:active path {
    fill: #C60D0D;
  }
}

.file__link-btn + .file__link-btn {
  margin-left: 0;
}

.file__title {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-bottom: 15px;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media (max-width: 1680px) {
  .file__title {
    font-size: 16px;
  }
}
@media (max-width: 992px) {
  .file__title {
    padding-bottom: 10px;
    font-size: 14px;
  }
}
.file__title img,
.file__title svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 992px) {
  .file__title img,
  .file__title svg {
    margin-right: 5px;
  }
}

.file__container-img {
  display: contents;
}

.file-img-btn {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: #fff;
  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: 0 5px 0 5px;
}
@media (max-width: 1680px) {
  .file-img-btn {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .file-img-btn {
    width: 18px;
    height: 18px;
  }
}
.file-img-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.file-img-btn img,
.file-img-btn svg {
  width: 70%;
  height: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .file-img-btn:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .file-img-btn:active path {
    fill: #C60D0D;
  }
}

.file__label-img-add {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 10px;
  border: 2px solid rgba(49, 50, 51, 0.1);
  background: url("../../assets/img/icon/upload.svg") no-repeat center center/contain, #FFF;
  background-size: 60% 60%;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  cursor: pointer;
}

.file-img-box {
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.file-img {
  width: 100%;
  height: 100%;
}
.file-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.file-container {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  gap: 15px;
}
@media (max-width: 1680px) {
  .file-container {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 992px) {
  .file-container {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 572px) {
  .file-container {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 360px) {
  .file-container {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.file__container-error-wrapp {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 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: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}

.file__container-error-text {
  color: #FFF;
  text-align: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  padding-top: 5px;
}
@media (max-width: 440px) {
  .file__container-error-text {
    font-size: 8px;
  }
}
@media (max-width: 360px) {
  .file__container-error-text {
    font-size: 10px;
  }
}

.select {
  width: 100%;
  position: relative;
  cursor: pointer;
}

.select.is-active .select__body {
  display: block;
}

.select.is-active .select__arrow {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.select__arrow {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .select__arrow {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .select__arrow {
    width: 16px;
    height: 16px;
  }
}

.select__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 52px;
  position: relative;
  border-radius: 15px;
  border: 1px solid rgba(49, 50, 51, 0.1);
  padding: 14px 24px;
  background: #FFF;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
}
@media screen and (max-width: 1680px) {
  .select__header {
    border-radius: 10px;
    height: 42px;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 1240px) {
  .select__header {
    height: 36px;
  }
}

.select-title {
  display: block;
  padding-bottom: 15px;
  color: #313233;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .select-title {
    font-size: 16px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1240px) {
  .select-title {
    font-size: 14px;
  }
}

.select-header-input,
.select__current {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  color: #313233;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.select-header-input::-webkit-input-placeholder, .select__current::-webkit-input-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.select-header-input::-moz-placeholder, .select__current::-moz-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.select-header-input:-ms-input-placeholder, .select__current:-ms-input-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.select-header-input::-ms-input-placeholder, .select__current::-ms-input-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.select-header-input::placeholder,
.select__current::placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 1680px) {
  .select-header-input::-webkit-input-placeholder, .select__current::-webkit-input-placeholder {
    font-size: 16px;
  }
  .select-header-input::-moz-placeholder, .select__current::-moz-placeholder {
    font-size: 16px;
  }
  .select-header-input:-ms-input-placeholder, .select__current:-ms-input-placeholder {
    font-size: 16px;
  }
  .select-header-input::-ms-input-placeholder, .select__current::-ms-input-placeholder {
    font-size: 16px;
  }
  .select-header-input::placeholder,
  .select__current::placeholder {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .select-header-input::-webkit-input-placeholder, .select__current::-webkit-input-placeholder {
    font-size: 14px;
  }
  .select-header-input::-moz-placeholder, .select__current::-moz-placeholder {
    font-size: 14px;
  }
  .select-header-input:-ms-input-placeholder, .select__current:-ms-input-placeholder {
    font-size: 14px;
  }
  .select-header-input::-ms-input-placeholder, .select__current::-ms-input-placeholder {
    font-size: 14px;
  }
  .select-header-input::placeholder,
  .select__current::placeholder {
    font-size: 14px;
  }
}
@media screen and (max-width: 1680px) {
  .select-header-input,
  .select__current {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .select-header-input,
  .select__current {
    font-size: 14px;
  }
}

.select__current.select-placholder {
  color: #747576;
}

.select__body {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  z-index: 3;
  padding: 14px 10px 14px 20px;
  border-radius: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
}

.select__body-wrapp {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 560px;
  padding-right: 10px;
}

.open-up .select__body {
  top: auto;
  bottom: 100%;
  -webkit-box-shadow: 0px -10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px -10px 30px 0px rgba(141, 140, 140, 0.25);
}
.open-up .select-title ~ .select__body {
  top: auto;
  bottom: calc(100% - 40px);
}
@media screen and (max-width: 1680px) {
  .open-up .select-title ~ .select__body {
    bottom: calc(100% - 30px);
  }
}
@media screen and (max-width: 1240px) {
  .open-up .select-title ~ .select__body {
    bottom: calc(100% - 20px);
  }
}

.select__body-wrapp {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
@media screen and (max-width: 1680px) {
  .select__body-wrapp {
    max-height: 350px;
  }
}
@media screen and (max-width: 1240px) {
  .select__body-wrapp {
    max-height: 300px;
  }
}

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

.select__item {
  display: block;
  cursor: pointer;
  padding: 12px;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .select__item {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .select__item {
    font-size: 14px;
  }
}
@media screen and (max-width: 1680px) {
  .select__item {
    padding: 10px 12px;
  }
}
@media (hover: hover) {
  .select__item:hover {
    border-radius: 15px;
    background: rgba(32, 76, 175, 0.05);
    color: #204CAF;
  }
}
@media (hover: none) {
  .select__item:active {
    border-radius: 15px;
    background: rgba(32, 76, 175, 0.05);
    color: #204CAF;
  }
}

.select-time .select__body-wrapp {
  max-height: 200px;
}
.select-time .select__current {
  position: relative;
  padding-left: 35px;
}
@media screen and (max-width: 767px) {
  .select-time .select__current {
    padding-left: 20px;
  }
}
.select-time .select__current::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("../../assets/img/icon/time_fill.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .select-time .select__current::after {
    width: 16px;
    height: 16px;
  }
}

.--inner-html .select__current {
  width: 100%;
}

.select__item-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;
  width: 100%;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.select__item-row .select__item-text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.select__item-row .select__item-text span {
  color: #747576;
}

.select-icon {
  padding-left: 45px;
  position: relative;
}
.select-icon::after {
  content: "";
  background: url("../../assets/img/icon/doble-arrow.svg") no-repeat center center/contain;
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1680px) {
  .select-icon::after {
    left: 15px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .select-icon::after {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .select-icon {
    padding-left: 35px;
  }
}

.btn,
.btn-grid,
.btn-br,
.btn-br-blue,
.btn-img,
.btn-img-blue,
.btn-br-img,
.btn-white {
  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;
  font-style: normal;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  color: #fff;
  background: #f50000;
  -webkit-box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
          box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  gap: calc(5px + 10 * (100vw - 360px) / 1560);
  border-radius: 10px;
  position: relative;
  isolation: isolate;
  padding: 13px 30px;
}
@media screen and (max-width: 1680px) {
  .btn,
  .btn-grid,
  .btn-br,
  .btn-br-blue,
  .btn-img,
  .btn-img-blue,
  .btn-br-img,
  .btn-white {
    font-size: 16px;
    padding: 9px 25px;
  }
}
@media screen and (max-width: 1240px) {
  .btn,
  .btn-grid,
  .btn-br,
  .btn-br-blue,
  .btn-img,
  .btn-img-blue,
  .btn-br-img,
  .btn-white {
    font-size: 14px;
    padding: 6px 20px;
  }
}
@media screen and (max-width: 767px) {
  .btn,
  .btn-grid,
  .btn-br,
  .btn-br-blue,
  .btn-img,
  .btn-img-blue,
  .btn-br-img,
  .btn-white {
    border-radius: 5px;
    padding: 8px 10px;
  }
}
.btn::after,
.btn-grid::after,
.btn-br::after,
.btn-br-blue::after,
.btn-img::after,
.btn-img-blue::after,
.btn-br-img::after,
.btn-white::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -2px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  border-radius: 100%/100%;
  width: calc(100% - 16px);
  height: 5px;
  background: #f50000;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .btn::after,
  .btn-grid::after,
  .btn-br::after,
  .btn-br-blue::after,
  .btn-img::after,
  .btn-img-blue::after,
  .btn-br-img::after,
  .btn-white::after {
    width: calc(100% - 5px);
  }
}
.btn::before,
.btn-grid::before,
.btn-br::before,
.btn-br-blue::before,
.btn-img::before,
.btn-img-blue::before,
.btn-br-img::before,
.btn-white::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  border-radius: 100%/100%;
  width: calc(100% - 16px);
  height: 5px;
  background: #f50000;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .btn::before,
  .btn-grid::before,
  .btn-br::before,
  .btn-br-blue::before,
  .btn-img::before,
  .btn-img-blue::before,
  .btn-br-img::before,
  .btn-white::before {
    width: calc(100% - 5px);
  }
}
@media (hover: hover) {
  .btn:hover,
  .btn-grid:hover,
  .btn-br:hover,
  .btn-br-blue:hover,
  .btn-img:hover,
  .btn-img-blue:hover,
  .btn-br-img:hover,
  .btn-white:hover {
    background: #0faeff;
    -webkit-box-shadow: 0px 10px 40px rgba(15, 174, 255, 0.21);
            box-shadow: 0px 10px 40px rgba(15, 174, 255, 0.21);
  }
  .btn:hover::after, .btn:hover::before,
  .btn-grid:hover::after,
  .btn-grid:hover::before,
  .btn-br:hover::after,
  .btn-br:hover::before,
  .btn-br-blue:hover::after,
  .btn-br-blue:hover::before,
  .btn-img:hover::after,
  .btn-img:hover::before,
  .btn-img-blue:hover::after,
  .btn-img-blue:hover::before,
  .btn-br-img:hover::after,
  .btn-br-img:hover::before,
  .btn-white:hover::after,
  .btn-white:hover::before {
    background: #0faeff;
  }
}
@media (hover: none) {
  .btn:active,
  .btn-grid:active,
  .btn-br:active,
  .btn-br-blue:active,
  .btn-img:active,
  .btn-img-blue:active,
  .btn-br-img:active,
  .btn-white:active {
    background: #0faeff;
    -webkit-box-shadow: 0px 10px 40px rgba(15, 174, 255, 0.21);
            box-shadow: 0px 10px 40px rgba(15, 174, 255, 0.21);
  }
}
.btn:active,
.btn-grid:active,
.btn-br:active,
.btn-br-blue:active,
.btn-img:active,
.btn-img-blue:active,
.btn-br-img:active,
.btn-white:active {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}

.btn-br-img .btn-br-span {
  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: 12px 13px;
}
@media screen and (max-width: 1680px) {
  .btn-br-img .btn-br-span {
    padding: 9px 10px;
  }
}
@media screen and (max-width: 1240px) {
  .btn-br-img .btn-br-span {
    padding: 6px 8px;
  }
}
.btn-br-img .btn-br-span img,
.btn-br-img .btn-br-span svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
  .btn-br-img .btn-br-span img,
  .btn-br-img .btn-br-span svg {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .btn-br-img .btn-br-span img,
  .btn-br-img .btn-br-span svg {
    width: 16px;
    height: 16px;
  }
}
.btn-br-img .btn-br-span img path,
.btn-br-img .btn-br-span svg path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .btn-br-img:hover path {
    fill: #fff;
  }
}
@media (hover: none) {
  .btn-br-img:active path {
    fill: #fff;
  }
}

.btn-img,
.btn-img-blue {
  padding: 14px 15px;
}
@media screen and (max-width: 1680px) {
  .btn-img,
  .btn-img-blue {
    padding: 11px 12px;
  }
}
@media screen and (max-width: 1240px) {
  .btn-img,
  .btn-img-blue {
    padding: 8px 10px;
  }
}
.btn-img img,
.btn-img svg,
.btn-img-blue img,
.btn-img-blue svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
  .btn-img img,
  .btn-img svg,
  .btn-img-blue img,
  .btn-img-blue svg {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .btn-img img,
  .btn-img svg,
  .btn-img-blue img,
  .btn-img-blue svg {
    width: 16px;
    height: 16px;
  }
}
.btn-img img path,
.btn-img svg path,
.btn-img-blue img path,
.btn-img-blue svg path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .btn-img:hover path,
  .btn-img-blue:hover path {
    fill: #fff;
  }
}
@media (hover: none) {
  .btn-img:active path,
  .btn-img-blue:active path {
    fill: #fff;
  }
}

.btn-img-blue {
  background: #0faeff;
}
.btn-img-blue::after, .btn-img-blue::before {
  background: #0faeff;
}
@media (hover: hover) {
  .btn-img-blue:hover {
    background: #f50000;
    -webkit-box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
            box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
  }
  .btn-img-blue:hover::after, .btn-img-blue:hover::before {
    background: #f50000;
  }
}
@media (hover: none) {
  .btn-img-blue:active {
    background: #f50000;
    -webkit-box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
            box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
  }
  .btn-img-blue:active::after, .btn-img-blue:active::before {
    background: #f50000;
  }
}

.btn-br,
.btn-br-blue,
.btn-br-img {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #f50000;
  padding: 2px;
}

.btn-br-span {
  width: 100%;
  display: block;
  background: #fff;
  border-radius: 10px;
  position: relative;
  isolation: isolate;
  color: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding: 9px 28px;
}
@media screen and (max-width: 1680px) {
  .btn-br-span {
    font-size: 16px;
    padding: 6px 23px;
  }
}
@media screen and (max-width: 1240px) {
  .btn-br-span {
    font-size: 14px;
    padding: 3px 18px;
  }
}
@media screen and (max-width: 767px) {
  .btn-br-span {
    border-radius: 5px;
    padding: 5px 8px;
  }
}
.btn-br-span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -2px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  border-radius: 100%/100%;
  width: calc(100% - 16px);
  height: 5px;
  background: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .btn-br-span::after {
    width: calc(100% - 5px);
  }
}
.btn-br-span::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  border-radius: 100%/100%;
  width: calc(100% - 16px);
  height: 5px;
  background: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .btn-br-span::before {
    width: calc(100% - 5px);
  }
}
@media (hover: hover) {
  .btn-br-span:hover {
    background: rgba(0, 0, 0, 0);
    color: #fff;
  }
  .btn-br-span:hover::after, .btn-br-span:hover::before {
    background: rgba(0, 0, 0, 0);
  }
}
@media (hover: none) {
  .btn-br-span:active {
    background: rgba(0, 0, 0, 0);
    color: #fff;
  }
  .btn-br-span:active::after, .btn-br-span:active::before {
    background: rgba(0, 0, 0, 0);
  }
}

.btn-br-blue {
  background: #0faeff;
  color: #0faeff;
}
.btn-br-blue::after, .btn-br-blue::before {
  background: #0faeff;
}

.btn-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 15px;
  gap: 15px;
}
@media screen and (max-width: 1680px) {
  .btn-grid {
    gap: 5px;
  }
}
@media screen and (max-width: 1240px) {
  .btn-grid {
    padding-right: 10px;
  }
}
.btn-grid svg,
.btn-grid img {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .btn-grid svg,
  .btn-grid img {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .btn-grid svg,
  .btn-grid img {
    width: 16px;
    height: 16px;
  }
}
.btn-grid svg path,
.btn-grid img path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .btn-grid:hover path {
    fill: #fff;
  }
}
@media (hover: none) {
  .btn-grid:active path {
    fill: #fff;
  }
}

.btn-white {
  color: #313233;
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
}
.btn-white::after, .btn-white::before {
  background: #fff;
}
@media (hover: hover) {
  .btn-white:hover {
    background: #e7f7ff;
    -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
            box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
    color: #0faeff;
  }
  .btn-white:hover path {
    fill: #0faeff;
  }
  .btn-white:hover::after, .btn-white:hover::before {
    background: #e7f7ff;
  }
}
@media (hover: none) {
  .btn-white:active {
    background: #0faeff;
    -webkit-box-shadow: 0px 10px 40px rgba(15, 174, 255, 0.21);
            box-shadow: 0px 10px 40px rgba(15, 174, 255, 0.21);
  }
}

.btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(10px + 5 * (100vw - 360px) / 1560);
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
  font-weight: 700;
  line-height: 104%;
  text-align: right;
  color: var(--dark-blue);
}
@media screen and (max-width: 992px) {
  .btn-more {
    font-size: 14px;
  }
}
.btn-more svg {
  width: calc(18px + 6 * (100vw - 360px) / 1560);
  height: calc(18px + 6 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
  fill: var(--dark-blue);
}
@media screen and (max-width: 992px) {
  .btn-more svg {
    width: 18px;
    height: 18px;
  }
}
@media screen and (hover: hover) {
  .btn-more:hover {
    color: var(--red);
  }
  .btn-more:hover svg {
    fill: var(--red);
  }
}
.btn-more:active {
  color: var(--red);
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}
.btn-more:active svg {
  fill: var(--red);
}

.btn-wholly {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: right;
  margin-left: auto;
  color: var(--gray);
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
  font-weight: 500;
  line-height: 104%;
}
@media screen and (hover: hover) {
  .btn-wholly:hover {
    color: var(--dark-blue);
  }
}
.btn-wholly.--active {
  color: var(--dark-blue);
}

.--allert-btn {
  background: #C7C8C8;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.--allert-btn::after, .--allert-btn::before {
  background: #C7C8C8;
}

.cart {
  margin-top: 30px;
  border-radius: 10px;
  position: relative;
  isolation: isolate;
  background: -webkit-gradient(linear, left top, right top, from(rgba(32, 76, 175, 0)), color-stop(50%, rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, rgba(32, 76, 175, 0) 0%, rgba(255, 255, 255, 0) 50%);
  background: linear-gradient(90deg, rgba(32, 76, 175, 0) 0%, rgba(255, 255, 255, 0) 50%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.cart::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -5px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  border-radius: 100%/100%;
  width: calc(100% - 16px);
  height: 10px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(32, 76, 175, 0)), color-stop(50%, rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, rgba(32, 76, 175, 0) 0%, rgba(255, 255, 255, 0) 50%);
  background: linear-gradient(90deg, rgba(32, 76, 175, 0) 0%, rgba(255, 255, 255, 0) 50%);
  -webkit-transition: 0.4;
  -o-transition: 0.4;
  transition: 0.4;
}
.cart::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  border-radius: 100%/100%;
  width: calc(100% - 16px);
  height: 10px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(32, 76, 175, 0)), color-stop(50%, rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, rgba(32, 76, 175, 0) 0%, rgba(255, 255, 255, 0) 50%);
  background: linear-gradient(90deg, rgba(32, 76, 175, 0) 0%, rgba(255, 255, 255, 0) 50%);
  -webkit-transition: 0.4;
  -o-transition: 0.4;
  transition: 0.4;
}
@media (hover: hover) {
  .cart:hover {
    background: -webkit-gradient(linear, left top, right top, from(rgba(32, 76, 175, 0.3)), color-stop(50%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, rgba(32, 76, 175, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(90deg, rgba(32, 76, 175, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
  }
  .cart:hover::after, .cart:hover::before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(32, 76, 175, 0.3)), color-stop(50%, rgba(255, 255, 255, 0)));
    background: -o-linear-gradient(left, rgba(32, 76, 175, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
    background: linear-gradient(90deg, rgba(32, 76, 175, 0.3) 0%, rgba(255, 255, 255, 0) 50%);
  }
}

.cart__wrapp {
  background: #E7ECF5;
  border-radius: 10px;
  position: relative;
  isolation: isolate;
  width: 100%;
  height: 100%;
}
.cart__wrapp::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -5px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  border-radius: 100%/100%;
  width: calc(100% - 16px);
  height: 10px;
  background: #E7ECF5;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.cart__wrapp::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -5px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  border-radius: 100%/100%;
  width: calc(100% - 16px);
  height: 10px;
  background: #E7ECF5;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.cart.-z-index-fix {
  z-index: 3;
}

.label-checkbox-span {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  line-height: 104%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}
@media screen and (max-width: 1680px) {
  .label-checkbox-span {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .label-checkbox-span {
    font-size: 14px;
  }
}
.label-checkbox-span::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("../../assets/img/check/square.svg") no-repeat center center/contain;
  position: relative;
  display: block;
  left: 0;
  top: -3px;
}
@media screen and (max-width: 1680px) {
  .label-checkbox-span::before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .label-checkbox-span::before {
    width: 18px;
    height: 18px;
  }
}

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

input:checked ~ .label-checkbox-span::before {
  background: url("../../assets/img/check/square-chekc.svg") no-repeat center center/contain;
}

.checkbox {
  position: relative;
  display: block;
}

.checkbox__input {
  position: absolute;
  z-index: -333;
  opacity: 0;
  width: 0;
  left: 0;
  top: 0;
}

.checkbox__text {
  position: relative;
  cursor: pointer;
  display: block;
  font-weight: 400;
  line-height: 130%;
  color: var(--dark);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding-left: calc(19px + 9 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1680px) {
  .checkbox__text {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .checkbox__text {
    font-size: 16px;
  }
}
@media screen and (max-width: 992px) {
  .checkbox__text {
    font-size: 14px;
  }
}
.checkbox__text a {
  color: inherit;
  font-weight: 600;
  display: inline;
  font-size: inherit;
}
@media screen and (hover: hover) {
  .checkbox__text a:hover {
    color: var(--dark-blue);
  }
}
.checkbox__text:active::before {
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
.checkbox__text::before, .checkbox__text::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(14px + 4 * (100vw - 360px) / 1560);
  height: calc(14px + 4 * (100vw - 360px) / 1560);
  border-radius: calc(3px + 2 * (100vw - 360px) / 1560);
  top: calc(2px + -2 * (100vw - 360px) / 1560);
  left: 0;
}
.checkbox__text::before {
  border: 1px solid var(--dark);
}
.checkbox__text::after {
  background: url("../img/icon/check-dark.svg") no-repeat center center/contain;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.checkbox__input:checked + .checkbox__text::after {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.panel {
  overflow: clip;
  width: 100vw;
  min-height: 100vh;
  background: url("../../assets/img/back.svg") no-repeat top center/cover;
  background-attachment: fixed;
  padding: 30px 40px 30px 0;
  display: -ms-grid;
  display: grid;
  gap: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-grid-columns: 320px calc(100% - 330px);
  grid-template-columns: 320px calc(100% - 330px);
}
@media screen and (max-width: 1680px) {
  .panel {
    -ms-grid-columns: 235px calc(100% - 245px);
    grid-template-columns: 235px calc(100% - 245px);
  }
}
@media screen and (max-width: 1240px) {
  .panel {
    display: block;
    padding: 20px 20px 100px 20px;
  }
}

.panel__left {
  padding-left: 30px;
  padding-right: 20px;
}
@media screen and (max-width: 1680px) {
  .panel__left {
    padding-left: 40px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__left {
    padding-left: 0;
    padding-right: 0;
    height: initial;
    overflow: initial;
    position: initial;
  }
}

.panel__rigth {
  width: 100%;
  /*height: 100%;*/
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
  border-radius: 10px;
  padding: 30px;
}
@media screen and (max-width: 1680px) {
  .panel__rigth {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__rigth {
    padding: 15px;
    margin-top: 25px;
    min-height: calc(100vh - 190px);
  }
}
@media screen and (max-width: 767px) {
  .panel__rigth {
    padding: 10px 20px;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    margin-top: 20px;
  }
}

.panel__logo {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
}
@media screen and (max-width: 1680px) {
  .panel__logo {
    gap: 10px;
  }
}
.panel__logo img,
.panel__logo svg {
  width: 46px;
  height: 52px;
}
@media screen and (max-width: 1680px) {
  .panel__logo img,
  .panel__logo svg {
    width: 34px;
    height: 38px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__logo img,
  .panel__logo svg {
    width: 30px;
    height: 32.727px;
  }
}

.panel__logo-text {
  color: #313233;
  font-family: var(--font-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  text-decoration: none;
}
@media screen and (max-width: 1680px) {
  .panel__logo-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__logo-text {
    font-size: 14px;
  }
}

.panel__left-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;
}

.panel__message-btn {
  margin-left: auto;
  margin-right: 0;
}

.panel__message-btn,
.panle__menu-btn {
  display: none;
  position: relative;
}
@media screen and (max-width: 1240px) {
  .panel__message-btn,
  .panle__menu-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-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.panle__menu-btn {
  padding: 5px 12px;
}
.panle__menu-btn svg,
.panle__menu-btn img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.panle__menu-btn span {
  color: #313233;
  font-family: var(--font-family);
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

.panel__message-btn {
  padding: 8px 10px;
}
.panel__message-btn svg,
.panel__message-btn img {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.panel__message-info {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 3px 5px;
  color: #FFF;
  text-align: center;
  font-family: var(--font-family);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  border-radius: 10px;
  background: #F50000;
}

.panel__nav-header {
  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;
  margin-bottom: 20px;
}
@media screen and (max-width: 1240px) {
  .panel__nav-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.panel__nav-title {
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}

.panel__nav-list + .panel__nav-list {
  padding-top: 82px;
}
@media screen and (max-width: 1680px) {
  .panel__nav-list + .panel__nav-list {
    padding-top: 72pxpx;
  }
}
@media screen and (max-width: 1240px) {
  .panel__nav-list + .panel__nav-list {
    padding-top: 60pxpx;
  }
}

@media screen and (max-width: 1240px) {
  .panel__nav {
    overflow: auto;
    height: auto;
    padding: 25px 30px 30px 20px;
    margin-left: auto;
    border-radius: 10px 0px 0px 10px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(15, 174, 255, 0.3)), to(rgba(15, 174, 255, 0))), #FFF;
    background: -o-linear-gradient(left, rgba(15, 174, 255, 0.3) 0%, rgba(15, 174, 255, 0) 100%), #FFF;
    background: linear-gradient(90deg, rgba(15, 174, 255, 0.3) 0%, rgba(15, 174, 255, 0) 100%), #FFF;
    -webkit-box-shadow: 0px -10px 30px 0px rgba(141, 140, 140, 0.25);
            box-shadow: 0px -10px 30px 0px rgba(141, 140, 140, 0.25);
    max-height: 100vh;
    width: 360px;
  }
}
@media screen and (max-width: 767px) {
  .panel__nav {
    width: 330px;
  }
}
@media (max-width: 350px) {
  .panel__nav {
    width: 90vw;
  }
}

.panel__left-wrapp {
  margin-top: 30px;
}
@media screen and (max-width: 1240px) {
  .panel__left-wrapp {
    margin-top: 0;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    -webkit-transform: translate(200%, -300%);
        -ms-transform: translate(200%, -300%);
            transform: translate(200%, -300%);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -333;
    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;
    background: rgba(0, 0, 0, 0);
  }
}

@media screen and (max-width: 1240px) {
  .panel__left-wrapp.-is-active {
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    z-index: 3333;
  }
  .-panel-fixed {
    overflow: hidden;
  }
}
.panel__nav-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: 18px;
  height: 18px;
}
.panel__nav-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.panel__nav-btn svg,
.panel__nav-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (hover: hover) {
  .panel__nav-btn:hover path {
    fill: #0FAEFF;
  }
}
@media (hover: none) {
  .panel__nav-btn:active path {
    fill: #0FAEFF;
  }
}

.panel__nav-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;
  width: 24px;
  height: 24px;
  position: relative;
}
.panel__nav-img path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.panel__nav-img img,
.panel__nav-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.panel__nav-link {
  width: 100%;
  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;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
  padding: 20px;
  padding-right: 0px;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 15px;
  position: relative;
  isolation: isolate;
  border-left: 2px solid rgba(32, 76, 175, 0);
}
.panel__nav-link::after, .panel__nav-link::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 15px;
  left: -2px;
  top: -2px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(32, 76, 175)), color-stop(50%, rgba(255, 255, 255, 0)));
  background: -o-linear-gradient(left, rgb(32, 76, 175) 0%, rgba(255, 255, 255, 0) 50%);
  background: linear-gradient(90deg, rgb(32, 76, 175) 0%, rgba(255, 255, 255, 0) 50%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-mask: url("../../assets/img/top.svg");
          mask: url("../../assets/img/top.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: left top;
          mask-position: left top;
  opacity: 0;
}
.panel__nav-link::before {
  top: auto;
  bottom: -2px;
  -webkit-mask: url("../../assets/img/bottom.svg");
          mask: url("../../assets/img/bottom.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: left bottom;
          mask-position: left bottom;
}
@media screen and (max-width: 1680px) {
  .panel__nav-link {
    font-size: 14px;
    padding: 14px 15px;
    gap: 10px;
    padding-right: 0;
  }
}
@media (hover: hover) {
  .panel__nav-link:hover {
    -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
            box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
    background: rgba(255, 255, 255, 0.2);
    border-left: 2px solid rgb(32, 76, 175);
    color: #204CAF;
  }
  .panel__nav-link:hover::after, .panel__nav-link:hover::before {
    opacity: 1;
  }
  .panel__nav-link:hover .panel__nav-img path {
    fill: #F50000;
  }
}
@media (hover: none) {
  .panel__nav-link:active {
    -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
            box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
    background: rgba(255, 255, 255, 0.2);
    border-left: 2px solid rgb(32, 76, 175);
    color: #204CAF;
  }
  .panel__nav-link:active::after, .panel__nav-link:active::before {
    opacity: 1;
  }
  .panel__nav-link:active .panel__nav-img path {
    fill: #F50000;
  }
}

@media (hover: hover) {
  .panel__nav-link-exet:hover .panel__nav-img path {
    stroke: #F50000;
  }
}
@media (hover: none) {
  .panel__nav-link-exet:active .panel__nav-img path {
    stroke: #F50000;
  }
}

.panel__nav-link.-is-active {
  font-weight: 700;
  color: #204CAF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  border-left: 2px solid rgb(32, 76, 175);
  background: rgba(255, 255, 255, 0.2);
}
.panel__nav-link.-is-active .panel__nav-img path {
  fill: #F50000;
}
.panel__nav-link.-is-active::after, .panel__nav-link.-is-active::before {
  opacity: 1;
}

.panel__time {
  color: #313233;
  text-align: right;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: var(--third-family);
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .panel__time {
    font-size: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__time {
    font-size: 20px;
  }
}

.panel__date {
  color: #313233;
  font-family: var(--third-family);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  text-align: right;
  padding-top: 15px;
}
.panel__date span {
  color: #0FAEFF;
}
@media screen and (max-width: 1680px) {
  .panel__date {
    padding-top: 8px;
  }
}
@media screen and (max-width: 767px) {
  .panel__date {
    padding-top: 0px;
  }
}
@media screen and (max-width: 1680px) {
  .panel__date {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__date {
    font-size: 14px;
  }
}

.panel__right-head {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .panel__right-head {
    display: block;
  }
}

.panel__title {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  color: #313233;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .panel__title {
    font-size: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .panel__title {
    font-size: 18px;
  }
}
.panel__title .panle-title-id {
  font-size: 19px;
  color: #747576;
}
@media screen and (max-width: 1680px) {
  .panel__title .panle-title-id {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__title .panle-title-id {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .panel__title {
    padding-top: 15px;
  }
}
.panel__title img,
.panel__title svg {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: block;
  margin-right: 15px;
}
@media screen and (max-width: 1680px) {
  .panel__title img,
  .panel__title svg {
    width: 32px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__title img,
  .panel__title svg {
    width: 28px;
  }
}
@media screen and (max-width: 767px) {
  .panel__title img,
  .panel__title svg {
    width: 24px;
  }
}
@media screen and (max-width: 1680px) {
  .panel__title img,
  .panel__title svg {
    height: 32px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__title img,
  .panel__title svg {
    height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .panel__title img,
  .panel__title svg {
    height: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .panel__title img,
  .panel__title svg {
    margin-right: 10px;
  }
}
.panel__title span,
.panel__title a {
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.panel__title span span,
.panel__title span a,
.panel__title a span,
.panel__title a a {
  color: #204CAF;
  display: inline;
}
@media (hover: hover) {
  .panel__title a:hover {
    color: #C60D0D;
  }
}
@media (hover: none) {
  .panel__title a:active {
    color: #C60D0D;
  }
}

@media screen and (max-width: 767px) {
  .panel__time-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
}

.panel-filter-open-btn {
  display: none;
}
@media screen and (max-width: 767px) {
  .panel-filter-open-btn {
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .panel-filter-search {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .panel-filter-btn {
    width: 100%;
  }
}

.panel-filter {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .panel-filter {
    margin-top: 20px;
  }
}

@media screen and (max-width: 767px) {
  .panel__filter-select + .panel__filter-select {
    margin-top: 10px;
  }
}

.panel-filter {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr 260px 220px 260px;
  grid-template-columns: auto 1fr 260px 220px 260px;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1680px) {
  .panel-filter {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .panel-filter {
    display: block;
  }
}

.panel-filter-btn {
  margin-right: 70px;
}
@media (max-width: 1800px) {
  .panel-filter-btn {
    margin-right: 0;
  }
}

@media screen and (max-width: 1680px) {
  .panel-filter-search {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
    width: 70%;
    margin-left: auto;
    margin-right: 0;
  }
}
@media screen and (max-width: 1240px) {
  .panel-filter-search {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .panel-filter-search {
    display: block;
    width: 100%;
    grid-column: initial;
  }
}

.panel__nav-inner + .panel__nav-inner {
  margin-top: 3px;
}

.panel-open-btn-child {
  width: 40px;
  height: 38px;
  -webkit-box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
          box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
}
.panel-open-btn-child::after, .panel-open-btn-child::before {
  -webkit-box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
          box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
}

input,
textarea {
  width: 100%;
  height: 52px;
  border-radius: 15px;
  border: 1px solid rgba(49, 50, 51, 0.1);
  padding: 14px 24px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
  outline: none;
  color: #313233;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
input::placeholder,
textarea::placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 1680px) {
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 16px;
  }
  input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 16px;
  }
  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: 16px;
  }
  input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    font-size: 16px;
  }
  input::placeholder,
  textarea::placeholder {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  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;
  }
}
input:focus,
textarea:focus {
  border-color: var(--gray);
}
input:user-valid,
textarea:user-valid {
  border-color: var(--green);
}
input:user-invalid,
textarea:user-invalid {
  border-color: var(--red);
}
@media screen and (max-width: 1680px) {
  input,
  textarea {
    border-radius: 10px;
    font-size: 16px;
    height: 42px;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 1240px) {
  input,
  textarea {
    font-size: 14px;
    height: 36px;
  }
}

.textarea.--auto-resize {
  min-height: 52px;
}
@media screen and (max-width: 1680px) {
  .textarea.--auto-resize {
    min-height: 42px;
  }
}
@media screen and (max-width: 1240px) {
  .textarea.--auto-resize {
    min-height: 36px;
  }
}

textarea {
  resize: none;
  height: auto;
}

.input-title {
  display: block;
  padding-bottom: 15px;
  color: #313233;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .input-title {
    font-size: 16px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1240px) {
  .input-title {
    font-size: 14px;
  }
}

.search {
  position: relative;
}
.search input {
  padding-left: 68px;
}
@media screen and (max-width: 1680px) {
  .search input {
    padding-left: 43px;
  }
}
@media screen and (max-width: 1240px) {
  .search input {
    padding-left: 36px;
  }
}

.search-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;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 24px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.search-btn svg,
.search-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
  .search-btn {
    width: 18px;
    height: 18px;
    left: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .search-btn {
    width: 16px;
    height: 16px;
  }
}

.input-time {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-left: 60px;
  background: url("../../assets/img/icon/arrow.svg") no-repeat center right 25px, #fff;
  background-size: 24px 24px;
  position: relative;
}
.input-time::after {
  content: "";
  position: absolute;
  left: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background: url("../../assets/img/icon/time_fill.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .input-time::after {
    width: 16px;
    height: 16px;
    left: 16px;
  }
}
@media screen and (max-width: 767px) {
  .input-time {
    padding-left: 50px;
    background: url("../../assets/img/icon/arrow.svg") no-repeat center right 16px, #fff;
  }
}

.input-time::-webkit-calendar-picker-indicator {
  opacity: 0;
}

.input-time::-webkit-inner-spin-button {
  opacity: 0;
}

.input-time::-webkit-clear-button {
  opacity: 0;
}

.input-tooltiop {
  position: relative;
}

.input-tooltiop-btn {
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
@media (max-width: 1680px) {
  .input-tooltiop-btn {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
@media (max-width: 1240px) {
  .input-tooltiop-btn {
    width: 16px;
    height: 16px;
  }
}

.input-tooltiop-input {
  padding-left: 60px;
  padding-right: 60px;
  background: url("../../assets/img/icon/time_fill.svg") no-repeat center left 24px/contain, #fff;
  background-size: 20px 20px;
}
@media (max-width: 1680px) {
  .input-tooltiop-input {
    padding-left: 45px;
    padding-right: 45px;
    background: url("../../assets/img/icon/time_fill.svg") no-repeat center left 15px/contain, #fff;
    background-size: 18px 18px;
  }
}
@media (max-width: 1240px) {
  .input-tooltiop-input {
    padding-left: 35px;
    padding-right: 35px;
    background-size: 13px 13px;
  }
}

.input-box-wrapp {
  position: relative;
}

.password-input {
  padding-right: 60px;
}
@media (max-width: 1680px) {
  .password-input {
    padding-right: 40px;
  }
}

.btn-password {
  width: 24px;
  height: 24px;
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.btn-password path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .btn-password {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
@media (max-width: 1240px) {
  .btn-password {
    width: 16px;
    height: 16px;
  }
}
.btn-password img,
.btn-password svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.btn-password .--visible {
  display: none;
}
.btn-password.--visible .--visible {
  display: block;
}
.btn-password.--visible .--hidden {
  display: none;
}
@media (hover: hover) {
  .btn-password:hover path {
    fill: #c60d0d;
  }
}
@media (hover: none) {
  .btn-password:active path {
    fill: #c60d0d;
  }
}

.panel__module-wrapp {
  display: contents;
}
@media screen and (max-width: 767px) {
  .panel__module-wrapp {
    display: block;
    margin-top: auto;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 20px 30px 20px;
    border-radius: 10px 10px 0px 0px;
    background: #FFF;
    -webkit-box-shadow: 0px -10px 30px 0px rgba(141, 140, 140, 0.25);
            box-shadow: 0px -10px 30px 0px rgba(141, 140, 140, 0.25);
  }
}

.panel__module-back {
  display: contents;
}
@media screen and (max-width: 767px) {
  .panel__module-back {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    background: rgba(0, 0, 0, 0.6);
    width: 100vw;
    height: 100vh;
    overflow: auto;
    -webkit-transform: translate(200%, -300%);
        -ms-transform: translate(200%, -300%);
            transform: translate(200%, -300%);
    z-index: -333;
  }
}

@media screen and (max-width: 767px) {
  .panel__module-back.-is-active {
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    z-index: 333;
  }
}

.panel__module-header {
  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;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .panel__module-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.panel__filter-title {
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}

.panel__module-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;
  width: 24px;
  height: 24px;
}
.panel__module-header-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.panel__module-header-btn img,
.panel__module-header-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.panel__module-footer {
  padding-top: 20px;
  display: none;
}
@media screen and (max-width: 767px) {
  .panel__module-footer {
    display: block;
  }
}

.panel__module-footer-btn + .panel__module-footer-btn {
  margin-top: 10px;
}

.panel__module-footer-btn {
  width: 100%;
}
.panel__module-footer-btn .btn-br-span {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .--panel-fixed-html {
    overflow: hidden;
  }
}

.menu {
  position: relative;
}

.menu.-is-active .menu__wrapp {
  display: block;
}

.menu__wrapp {
  display: none;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(-104%, -50%);
      -ms-transform: translate(-104%, -50%);
          transform: translate(-104%, -50%);
  z-index: 3;
  padding: 14px 20px;
  border-radius: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
}

.menu-button {
  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: 52px;
  height: 52px;
}
@media screen and (max-width: 1680px) {
  .menu-button {
    width: 44px;
    height: 44px;
  }
}
.menu-button svg,
.menu-button img {
  width: 24px;
  height: 24px;
}

.menu__btn {
  cursor: pointer;
  width: 100%;
  white-space: nowrap;
  text-align: left;
  cursor: pointer;
  padding: 12px;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -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: 1680px) {
  .menu__btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .menu__btn {
    font-size: 14px;
  }
}
.menu__btn img,
.menu__btn svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 10px;
}
@media screen and (max-width: 1680px) {
  .menu__btn img,
  .menu__btn svg {
    width: 18px;
    height: 18px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .menu__btn img,
  .menu__btn svg {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 1680px) {
  .menu__btn {
    padding: 10px 12px;
  }
}
@media (hover: hover) {
  .menu__btn:hover {
    border-radius: 15px;
    background: rgba(32, 76, 175, 0.05);
    color: #204CAF;
  }
}
@media (hover: none) {
  .menu__btn:active {
    border-radius: 15px;
    background: rgba(32, 76, 175, 0.05);
    color: #204CAF;
  }
}

.cart:nth-last-child(1) .menu__wrapp {
  -webkit-transform: translate(-104%, -80%);
      -ms-transform: translate(-104%, -80%);
          transform: translate(-104%, -80%);
}
.cart:nth-child(1) .menu__wrapp {
  -webkit-transform: translate(-104%, -20%);
      -ms-transform: translate(-104%, -20%);
          transform: translate(-104%, -20%);
}

.menu-btn-dell {
  color: #F50000;
  margin-top: 20px;
}
@media (max-width: 1680px) {
  .menu-btn-dell {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .menu-btn-dell {
    margin-top: 10px;
  }
}

.emoji__box-input {
  width: 100%;
  min-height: 52px;
  position: relative;
  border-radius: 15px;
  border: 1px solid rgba(49, 50, 51, 0.1);
  padding: 14px 24px;
  background: #FFF;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
  outline: none;
  color: #313233;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  word-wrap: break-word;
  word-break: break-all;
  overflow-wrap: break-word;
}
@media screen and (max-width: 1680px) {
  .emoji__box-input {
    border-radius: 10px;
    font-size: 16px;
    min-height: 42px;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 1240px) {
  .emoji__box-input {
    font-size: 14px;
    min-height: 36px;
  }
}
.emoji__box-input img,
.emoji__box-input svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .emoji__box-input img,
  .emoji__box-input svg {
    width: 21px;
    height: 21px;
  }
}
@media screen and (max-width: 1240px) {
  .emoji__box-input img,
  .emoji__box-input svg {
    width: 18px;
    height: 18px;
  }
}

.emoji__box-input:empty:before {
  content: attr(data-placeholder);
  position: absolute;
  pointer-events: none;
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 1680px) {
  .emoji__box-input:empty:before {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .emoji__box-input:empty:before {
    font-size: 14px;
  }
}

.emoji__box-input:focus:before {
  display: none;
}

.emoji__title {
  display: block;
  padding-bottom: 15px;
  color: #313233;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .emoji__title {
    font-size: 16px;
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1240px) {
  .emoji__title {
    font-size: 14px;
  }
}

.emoji__btn-container {
  position: relative;
  padding-bottom: 3px;
}

.emoji__container {
  width: 307px;
  padding: 15px;
  border-radius: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 33;
  display: none;
}
@media screen and (max-width: 1680px) {
  .emoji__container {
    border-radius: 12px;
    padding: 10px;
    width: 240px;
  }
}
@media screen and (max-width: 1240px) {
  .emoji__container {
    width: 215px;
  }
}

.emoji__container-btn {
  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;
  width: 24px;
  height: 24px;
  font-size: 24px;
  line-height: 100%;
}
@media screen and (max-width: 1680px) {
  .emoji__container-btn {
    width: 21px;
    height: 21px;
    font-size: 21px;
  }
}
@media screen and (max-width: 1240px) {
  .emoji__container-btn {
    width: 18px;
    height: 18px;
    font-size: 18px;
  }
}
.emoji__container-btn img,
.emoji__container-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.emoji__container-wrapp {
  padding-right: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[8];
  grid-template-columns: repeat(8, 1fr);
  gap: 10px;
  max-height: 160px;
}
@media screen and (max-width: 1680px) {
  .emoji__container-wrapp {
    gap: 10px 5px;
    max-height: 145px;
  }
}
@media screen and (max-width: 1240px) {
  .emoji__container-wrapp {
    max-height: 215px;
  }
}

.emoji {
  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: flex-end;
  gap: 15px;
}
@media screen and (max-width: 1680px) {
  .emoji {
    gap: 10px;
  }
}

.emoji__btn-container.-is-active .emoji__container {
  display: block;
}

.emoji__btn-container.open-up .emoji__container {
  top: auto;
  bottom: 100%;
}

.swiper-container {
  position: relative;
}

.swiper {
  overflow: visible;
}

.swiper-controls {
  margin-top: calc(30px + 20 * (100vw - 360px) / 1560);
}

.swiper-pagination {
  position: relative;
  bottom: 0 !important;
}
.swiper-pagination .swiper-pagination-bullet {
  --margin: 7;
  --margin: calc(5px + 2 * (100vw - 360px) / 1560);
  width: calc(5px + 2 * (100vw - 360px) / 1560);
  height: calc(5px + 2 * (100vw - 360px) / 1560);
  background: var(--dark-blue);
  margin: 0 var(--margin) !important;
}
.swiper-pagination .swiper-pagination-bullet-active {
  width: calc(7px + 2 * (100vw - 360px) / 1560);
  height: calc(7px + 2 * (100vw - 360px) / 1560);
}

.swiper-btn {
  width: calc(36px + 14 * (100vw - 360px) / 1560);
  height: calc(36px + 14 * (100vw - 360px) / 1560);
  border-radius: calc(12px + 3 * (100vw - 360px) / 1560);
  padding: calc(7px + 3 * (100vw - 360px) / 1560);
  background: rgba(15, 174, 255, 0.062745098);
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 20;
}
.swiper-btn svg {
  width: 100%;
  height: 100%;
  fill: var(--blue);
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (hover: hover) {
  .swiper-btn:hover:not(:disabled) {
    background: var(--blue);
    -webkit-box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
            box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
  }
  .swiper-btn:hover:not(:disabled) svg {
    fill: var(--white);
  }
}
.swiper-btn:active(:disabled) {
  -webkit-transform: scale(0.95) translateY(-50%);
      -ms-transform: scale(0.95) translateY(-50%);
          transform: scale(0.95) translateY(-50%);
  background: var(--blue);
}
.swiper-btn:active(:disabled) svg {
  fill: var(--white);
}
.swiper-btn:disabled {
  opacity: 0.5;
}

.swiper-btn--prev {
  left: 0;
}

.swiper-btn--next {
  right: 0;
}

.swiper-scrollbar {
  width: calc(3px + 3 * (100vw - 360px) / 1560);
  background: rgba(116, 117, 118, 0.1);
}
.swiper-scrollbar .swiper-scrollbar-drag {
  background: var(--blue);
}

.swiper-btn-br {
  width: calc(30px + 10 * (100vw - 360px) / 1560);
  height: calc(30px + 10 * (100vw - 360px) / 1560);
  padding: 8px;
}
.swiper-btn-br svg {
  width: 100%;
  height: 100%;
  stroke: var(--dark);
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (hover: hover) {
  .swiper-btn-br:hover:not(:disabled) svg {
    stroke: var(--blue);
  }
}
.swiper-btn-br:active(:disabled) {
  -webkit-transform: scale(0.95) translateY(-50%);
      -ms-transform: scale(0.95) translateY(-50%);
          transform: scale(0.95) translateY(-50%);
}
.swiper-btn-br:active(:disabled) svg {
  fill: var(--blue);
}
.swiper-btn-br:disabled {
  opacity: 0;
  visibility: hidden;
}

.swiper-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}

.filters {
  position: relative;
}

.filters__body {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 33;
  border-radius: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  padding: 15px 20px 20px 0;
  display: none;
}

.filters__body-wrapp {
  padding-right: 20px;
  padding-left: 20px;
  max-height: 365px;
  overflow: auto;
}

.filters__label-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;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.filters__label-img img,
.filters__label-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.filters__label-span {
  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;
  padding: 15px 50px 15px 20px;
  border-radius: 14px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .filters__label-span {
    padding: 10px 40px 10px 10px;
  }
}
.filters__label-span::before {
  content: "";
  width: 24px;
  height: 24px;
  background: url("../../assets/img/check/square.svg") no-repeat center center/contain;
  position: absolute;
  display: block;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .filters__label-span::before {
    width: 20px;
    height: 20px;
    right: 10px;
  }
}
@media (hover: hover) {
  .filters__label-span:hover {
    background: rgba(32, 76, 175, 0.05);
  }
}
@media (hover: none) {
  .filters__label-span:active {
    background: rgba(32, 76, 175, 0.05);
  }
}

input:checked ~ .filters__label-span {
  background: rgba(32, 76, 175, 0.05);
}
input:checked ~ .filters__label-span::before {
  background: url("../../assets/img/check/square-chekc.svg") no-repeat center center/contain;
}

.filters__label + .filters__label {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .filters__label + .filters__label {
    margin-top: 10px;
  }
}

.filter__label-coll {
  padding-left: 10px;
}

.filter__label-id {
  display: block;
  color: #747576;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
.filter__label-id span {
  color: #204CAF;
  font-weight: 600;
  padding-left: 5px;
  display: none;
}
@media screen and (max-width: 767px) {
  .filter__label-id span {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .filter__label-id {
    font-size: 10px;
  }
}

.filter__label-name {
  display: block;
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  padding-top: 10px;
}
.filter__label-name span {
  color: #204CAF;
}
@media screen and (max-width: 767px) {
  .filter__label-name span {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .filter__label-name {
    font-size: 12px;
    padding-top: 5px;
  }
}
@media (max-width: 350px) {
  .filter__label-name {
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
  }
}

.filter__label-name .text-add-input,
.filter__label-name .select-complex-text {
  color: inherit;
  display: inline;
}

.filters__head {
  position: relative;
}
.filters__head .filters-input {
  padding-right: 50px;
}
@media screen and (max-width: 1680px) {
  .filters__head .filters-input {
    padding-right: 40px;
  }
}
@media screen and (max-width: 992px) {
  .filters__head .filters-input {
    padding-right: 35px;
  }
}

.filters__head-btn {
  position: absolute;
  top: 50%;
  z-index: 2;
  right: 25px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
.filters__head-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .filters__head-btn {
    right: 15px;
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 1240px) {
  .filters__head-btn {
    width: 16px;
    height: 16px;
  }
}
.filters__head-btn svg,
.filters__head-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (hover: hover) {
  .filters__head-btn:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .filters__head-btn:active path {
    fill: #C60D0D;
  }
}

.filter__body-complite {
  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;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 15px;
}
.filter__body-complite .filters__label {
  margin: 0;
}
@media (max-width: 1240px) {
  .filter__body-complite {
    gap: 10px;
  }
}

.filter__label--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: 5px 10px;
  padding-top: 15px;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
@media (max-width: 572px) {
  .filter__label--list {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    gap: 5px;
  }
}

.filters__label .filter__label--list-inner,
.filter__label--list-inner {
  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: #313233;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media (max-width: 572px) {
  .filters__label .filter__label--list-inner,
  .filter__label--list-inner {
    font-size: 10px;
    gap: 5px;
  }
}
.filters__label .filter__label--list-inner img,
.filters__label .filter__label--list-inner svg,
.filter__label--list-inner img,
.filter__label--list-inner svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 572px) {
  .filters__label .filter__label--list-inner img,
  .filters__label .filter__label--list-inner svg,
  .filter__label--list-inner img,
  .filter__label--list-inner svg {
    width: 16px;
    height: 16px;
  }
}

.filters__label-span-grid {
  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;
}

.date-select {
  width: 100%;
  position: relative;
  cursor: pointer;
}

.date-select-btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 52px;
  position: relative;
  border-radius: 15px;
  padding: 14px 24px;
  background: #FFF;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
  border: 2px solid rgba(49, 50, 51, 0.1);
}
@media screen and (max-width: 1680px) {
  .date-select-btn {
    border-radius: 10px;
    height: 42px;
    padding: 10px 15px;
  }
}
@media screen and (max-width: 1240px) {
  .date-select-btn {
    height: 36px;
  }
}

.date-select-current {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  color: #313233;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: left;
}
.date-select-current::-webkit-input-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.date-select-current::-moz-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.date-select-current:-ms-input-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.date-select-current::-ms-input-placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.date-select-current::placeholder {
  color: #747576;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 1680px) {
  .date-select-current::-webkit-input-placeholder {
    font-size: 16px;
  }
  .date-select-current::-moz-placeholder {
    font-size: 16px;
  }
  .date-select-current:-ms-input-placeholder {
    font-size: 16px;
  }
  .date-select-current::-ms-input-placeholder {
    font-size: 16px;
  }
  .date-select-current::placeholder {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .date-select-current::-webkit-input-placeholder {
    font-size: 14px;
  }
  .date-select-current::-moz-placeholder {
    font-size: 14px;
  }
  .date-select-current:-ms-input-placeholder {
    font-size: 14px;
  }
  .date-select-current::-ms-input-placeholder {
    font-size: 14px;
  }
  .date-select-current::placeholder {
    font-size: 14px;
  }
}
@media screen and (max-width: 1680px) {
  .date-select-current {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .date-select-current {
    font-size: 14px;
  }
}

.date-container {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  z-index: 3;
}

.date-select.is-active .date-container {
  display: block;
}

.date-select.is-active .select__arrow {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.open-up .date-container {
  top: auto;
  bottom: calc(100% - 40px);
  -webkit-box-shadow: 0px -10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px -10px 30px 0px rgba(141, 140, 140, 0.25);
}
@media screen and (max-width: 1680px) {
  .open-up .date-container {
    bottom: calc(100% - 30px);
  }
}
@media screen and (max-width: 1240px) {
  .open-up .date-container {
    bottom: calc(100% - 20px);
  }
}

.date-select-current {
  position: relative;
  padding-left: 35px;
}
@media screen and (max-width: 767px) {
  .date-select-current {
    padding-left: 20px;
  }
}
.date-select-current::after {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../../assets/img/icon/date.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .date-select-current::after {
    width: 16px;
    height: 16px;
  }
}

.date-btn-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  gap: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.date-select-container {
  position: relative;
}

.-is-active-clear .date-select-container .select__arrow {
  opacity: 0;
}
.-is-active-clear .date-btn-rezet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.date-btn-rezet {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  z-index: 3;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.date-btn-rezet path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.date-btn-rezet svg,
.date-btn-rezet img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .date-btn-rezet {
    width: 18px;
    height: 18px;
    right: 15px;
  }
}
@media (max-width: 1240px) {
  .date-btn-rezet {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .date-btn-rezet {
    width: 18px;
    height: 18px;
  }
}
@media (hover: hover) {
  .date-btn-rezet:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .date-btn-rezet:active path {
    fill: #C60D0D;
  }
}

.accordion-btn,
.js-acc-btn {
  cursor: pointer;
}

.accordion,
.js-acc {
  position: relative;
  z-index: 1;
}

.accordion__body {
  max-height: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  overflow: hidden;
}

.js-acc-body {
  max-height: 0;
  overflow: hidden;
}

.accordion-not-anim__body {
  height: 0;
  overflow: hidden;
}

.accordion-not-anim-btn.--active img,
.accordion-not-anim-btn.--active svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.accordion-not-anim-btn {
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.accordion-not-anim-btn.--active + .accordion-not-anim__body {
  height: initial;
}

.save {
  z-index: 333;
  width: 100%;
  max-width: 505px;
  position: fixed;
  bottom: 10px;
  right: 15px;
  padding: 20px 25px;
  border-radius: 10px;
  background: #FFF;
  display: none;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  overflow: hidden;
  isolation: isolate;
}
.save::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0.2;
  background: #62973A;
  left: 0;
  top: 0;
}

.save.-is-active {
  display: -ms-grid;
  display: grid;
}
.save.-is-active::after {
  -webkit-animation: save-anim 2s linear;
          animation: save-anim 2s linear;
}

@-webkit-keyframes save-anim {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}

@keyframes save-anim {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.save-text {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  gap: 10px;
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
.save-text svg,
.save-text img {
  width: 40px;
  height: 40px;
}

.nav-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  cursor: pointer;
}
@media screen and (max-width: 1240px) {
  .nav-item {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 5px;
  }
}
@media screen and (hover: hover) {
  .nav-item:hover .subnav-list {
    opacity: 1;
    visibility: visible;
  }
  .nav-item:hover .nav-arrow {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
.nav-item.--active .subnav-list {
  display: block;
}
.nav-item.--active .nav-link {
  color: var(--dark-blue);
}

.nav-link {
  font-size: 18px;
}
@media screen and (max-width: 1680px) {
  .nav-link {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .nav-link {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .nav-link {
    font-size: 18px;
  }
}
@media screen and (max-width: 1440px) {
  .nav-link {
    font-size: 14px;
  }
}
@media screen and (hover: hover) {
  .nav-link:hover {
    color: var(--dark-blue);
  }
}
.nav-link.--active {
  color: var(--dark-blue);
}

.nav-arrow {
  width: calc(18px + 6 * (100vw - 360px) / 1560);
  height: calc(18px + 6 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}
.nav-arrow.--active {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.subnav-list {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 14px 20px;
  border-radius: 15px;
  background: var(--white);
  z-index: 11;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 500px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: auto;
}
@media (min-width: 1920px) {
  .subnav-list {
    max-height: 400px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .subnav-list {
    max-height: calc(
				300px + 100 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .subnav-list {
    max-height: 300px;
  }
}
@media screen and (max-width: 1680px) {
  .subnav-list {
    padding: 12px 18px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .subnav-list {
    position: static;
    opacity: 1;
    visibility: visible;
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    margin-top: 5px;
    -webkit-transition: var(--hover);
    -o-transition: var(--hover);
    transition: var(--hover);
    display: none;
    width: 100%;
    max-height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .subnav-list {
    max-width: 100%;
  }
}
.subnav-list.--active {
  display: block;
}

.subnav-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 18px;
  border-radius: 15px;
  font-size: 18px;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .subnav-link {
    font-size: 16px;
    padding: 10px 16px 10px 10px;
    border-radius: 12px;
  }
}
.subnav-link img {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .subnav-link img {
    width: 30px;
    height: 30px;
  }
}
.subnav-link svg {
  min-width: calc(18px + 6 * (100vw - 360px) / 1560);
  width: calc(18px + 6 * (100vw - 360px) / 1560);
  height: calc(18px + 6 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
  margin-left: auto;
}
@media screen and (max-width: 1240px) {
  .subnav-link svg {
    opacity: 1;
  }
}
@media screen and (hover: hover) {
  .subnav-link:hover {
    background: rgba(32, 76, 175, 0.05);
    color: var(--dark-blue);
  }
  .subnav-link:hover svg {
    opacity: 1;
  }
}
.subnav-link:active {
  background: rgba(32, 76, 175, 0.05);
  color: var(--dark-blue);
}
.subnav-link:active svg {
  opacity: 1;
}

.error {
  border-color: #F33D4C !important;
}

.error-text {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  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;
  color: #F50000;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  .error-text {
    margin-top: 10px;
    font-size: 14px;
  }
}
.error-text img,
.error-text svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  .error-text img,
  .error-text svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
}

.breadcrumb {
  z-index: 5;
  overflow: hidden;
  position: relative;
}

.breadcrumb-padding {
  padding-top: calc(15px + 25 * (100vw - 360px) / 1560);
  padding-bottom: calc(40px + 20 * (100vw - 360px) / 1560);
}

.breadcrumb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.breadcrumb__list-inner {
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  position: relative;
  color: var(--red);
}
.breadcrumb__list-inner:nth-last-child(1) {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}
.breadcrumb__list-inner:not(:last-child) {
  padding-right: calc(10px + 3 * (100vw - 360px) / 1560);
  margin-right: calc(7px + 3 * (100vw - 360px) / 1560);
}
.breadcrumb__list-inner:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--dark);
  right: 0;
  top: calc(5px + 2 * (100vw - 360px) / 1560);
}

.breadcrumb__list-link {
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: var(--dark);
}
@media (hover: hover) {
  .breadcrumb__list-link:hover {
    color: var(--dark-blue);
  }
}
@media (hover: none) {
  .breadcrumb__list-link:active {
    color: var(--dark-blue);
  }
}
.breadcrumb__list-link:active {
  color: var(--red);
}

.double-swiper-one {
  padding-bottom: 30px;
}
.double-swiper-one .swiper-scrollbar {
  height: 8px;
  border-radius: 10px;
  background: rgba(32, 76, 175, 0.05);
  margin-top: 15px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.double-swiper-one .swiper-scrollbar .swiper-scrollbar-drag {
  height: 4px;
  border-radius: 10px;
  background: #0FAEFF;
}

.dinamic__acc-body {
  display: none;
}

.dinamic-acc.--active .dinamic__acc-body {
  display: block;
}

.dinamic-acc-btn {
  cursor: pointer;
}
.dinamic-acc-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

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

.article-container {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: calc(20px + 20 * (100vw - 360px) / 1560);
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
  z-index: 30;
}
@media screen and (max-width: 1240px) {
  .article-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .article-container::after {
    content: "";
    display: block;
    position: absolute;
    position: fixed;
    z-index: 80;
    width: 100vw;
    height: 100vh;
    left: 0px;
    top: 0;
    background: rgba(0, 0, 0, 0.062745098);
    display: none;
    visibility: hidden;
  }
}
.article-container.--active::after {
  display: block;
  visibility: visible;
}

.article-sidebar-open {
  display: none;
  position: absolute;
  left: -100px;
  top: 0;
  width: 100px;
  height: 81px;
  background: var(--white);
  z-index: 89;
  -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;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  font-size: 12px;
  font-weight: 600;
  border-radius: 10px 0 0 10px;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}
@media screen and (max-width: 1240px) {
  .article-sidebar-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.article-sidebar-open svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  fill: var(--dark);
}
.article-sidebar-open.--active {
  background: var(--blue);
  color: var(--white);
}
.article-sidebar-open.--active svg {
  fill: var(--white);
}

.article-sidebar {
  position: sticky;
  top: 20px;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  background: var(--white);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
  padding: calc(20px + 10 * (100vw - 360px) / 1560);
  width: calc(251px + 90 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1440px) {
  .article-sidebar {
    width: 293px;
  }
}
@media screen and (max-width: 1240px) {
  .article-sidebar {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: fixed;
    top: 137px;
    right: 0;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    z-index: 90;
    height: calc(100vh - 137px);
  }
}
@media screen and (max-width: 767px) {
  .article-sidebar {
    width: calc(100vw - 120px);
  }
}
.article-sidebar.--show {
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
}

.article-sidebar__nav {
  height: 100%;
  overflow: auto;
  padding-right: 10px;
}

.article-sidebar__link {
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
  line-height: 120%;
  font-weight: 600;
}
.article-sidebar__link:not(:first-child) {
  padding-top: calc(10px + 5 * (100vw - 360px) / 1560);
}
.article-sidebar__link:not(:last-child) {
  padding-bottom: calc(10px + 5 * (100vw - 360px) / 1560);
  border-bottom: 1px solid rgba(116, 117, 118, 0.1254901961);
}
@media screen and (hover: hover) {
  .article-sidebar__link:hover {
    color: var(--dark-blue);
  }
}
.article-sidebar__link.--active {
  font-weight: 700;
  color: var(--blue);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.article-sidebar__link.--active::before {
  content: "";
  display: block;
  position: relative;
  width: calc(14px + 4 * (100vw - 360px) / 1560);
  min-width: calc(14px + 4 * (100vw - 360px) / 1560);
  height: calc(18px + 4 * (100vw - 360px) / 1560);
  margin-right: calc(10px + 5 * (100vw - 360px) / 1560);
  background: url("../img/icon/star-light-blue.svg") no-repeat center center/contain;
}

.fixed-menu-open {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  -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;
  color: #313233;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 101%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 10px 0px 0px 10px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  width: 100px;
  height: 87px;
}
.fixed-menu-open span {
  display: block;
  margin-top: 5px;
}
.fixed-menu-open img,
.fixed-menu-open svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
@media (max-width: 767px) {
  .fixed-menu-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.fixed-menu.--active .fixed-menu-open {
  background: #0FAEFF;
  color: #fff;
}
.fixed-menu.--active .fixed-menu-open path {
  fill: #fff;
}

.fixed-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

@media (max-width: 767px) {
  .fixed-menu {
    margin-top: 0;
    position: fixed;
    z-index: 333;
    right: 0;
    top: 175px;
    -webkit-transform: translate(100%);
        -ms-transform: translate(100%);
            transform: translate(100%);
  }
  .fixed-menu.--active {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
  }
}
.calendar {
  width: 100%;
  background: #fff;
  padding: 20px;
  border-radius: 15px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
}
@media (max-width: 1680px) {
  .calendar {
    padding: 15px;
  }
}
@media (max-width: 1240px) {
  .calendar {
    border-radius: 10px;
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .calendar {
    width: 226px;
    border-radius: 0 10px 10px 10px;
  }
}

.calendar-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;
  margin-bottom: 20px;
}
@media screen and (max-width: 1680px) {
  .calendar-header {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .calendar-header {
    margin-bottom: 10px;
  }
}
.calendar-header img,
.calendar-header svg {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1680px) {
  .calendar-header img,
  .calendar-header svg {
    width: 27px;
    height: 27px;
  }
}
@media (max-width: 1240px) {
  .calendar-header img,
  .calendar-header svg {
    width: 24px;
    height: 24px;
  }
}

.calendar-btn {
  width: 30px;
  height: 30px;
  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;
  background: #E7F7FF;
  border-radius: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.calendar-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.calendar-btn svg,
.calendar-btn img {
  width: 18px;
  height: auto;
}
@media (max-width: 1680px) {
  .calendar-btn svg,
  .calendar-btn img {
    width: 17px;
  }
}
@media (max-width: 1240px) {
  .calendar-btn svg,
  .calendar-btn img {
    width: 12px;
  }
}
@media (max-width: 1680px) {
  .calendar-btn {
    width: 27px;
    height: 27px;
  }
}
@media (max-width: 1240px) {
  .calendar-btn {
    width: 21px;
    height: 21px;
  }
}
@media (hover: hover) {
  .calendar-btn:hover {
    background: #0FAEFF;
  }
  .calendar-btn:hover path {
    fill: #fff;
  }
}
@media (hover: none) {
  .calendar-btn:active {
    background: #0FAEFF;
  }
  .calendar-btn:active path {
    fill: #fff;
  }
}

.calendar-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;
}

.calendar-month-name {
  color: #0FAEFF;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (max-width: 1680px) {
  .calendar-month-name {
    font-size: 18px;
  }
}
@media (max-width: 1240px) {
  .calendar-month-name {
    font-size: 16px;
  }
}

.calendar .air-datepicker {
  width: 100%;
}
.calendar .air-datepicker--navigation {
  display: none;
}
.calendar .air-datepicker-body--day-names {
  border-radius: 10px;
  background: rgba(15, 174, 255, 0.05);
  margin-top: 0;
  height: auto;
}
.calendar .air-datepicker--content {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.calendar .air-datepicker.-inline- {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  background: none;
}
.calendar .air-datepicker-body--day-name {
  color: #747576;
  text-align: center;
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  text-transform: lowercase;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 1680px) {
  .calendar .air-datepicker-body--day-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .calendar .air-datepicker-body--day-name {
    font-size: 14px;
  }
}
.calendar .air-datepicker-cell.-day- {
  aspect-ratio: 1/1;
  color: #313233;
  text-align: center;
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  text-transform: lowercase;
  border-radius: 15px;
  background: none;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1680px) {
  .calendar .air-datepicker-cell.-day- {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .calendar .air-datepicker-cell.-day- {
    font-size: 12px;
  }
}
@media (max-width: 1680px) {
  .calendar .air-datepicker-cell.-day- {
    border-radius: 10px;
  }
}
@media (hover: hover) {
  .calendar .air-datepicker-cell.-day-:hover {
    z-index: 0;
  }
  .calendar .air-datepicker-cell.-day-:hover::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 700%;
    height: 100%;
    z-index: -1;
    background: rgba(243, 156, 56, 0.05);
    border-radius: 15px;
  }
}
@media (hover: hover) and (max-width: 1680px) {
  .calendar .air-datepicker-cell.-day-:hover::after {
    border-radius: 10px;
  }
}
@media (hover: hover) {
  .calendar .air-datepicker-cell.-day-:hover:nth-child(7n+2)::after {
    left: -100%;
  }
}
@media (hover: hover) {
  .calendar .air-datepicker-cell.-day-:hover:nth-child(7n+3)::after {
    left: -200%;
  }
}
@media (hover: hover) {
  .calendar .air-datepicker-cell.-day-:hover:nth-child(7n+4)::after {
    left: -300%;
  }
}
@media (hover: hover) {
  .calendar .air-datepicker-cell.-day-:hover:nth-child(7n+5)::after {
    left: -400%;
  }
}
@media (hover: hover) {
  .calendar .air-datepicker-cell.-day-:hover:nth-child(7n+6)::after {
    left: -500%;
  }
}
@media (hover: hover) {
  .calendar .air-datepicker-cell.-day-:hover:nth-child(7n+7)::after {
    left: -600%;
  }
}
.calendar .air-datepicker-cell.-day-.-other-month- {
  color: #747576;
  opacity: 0.5;
}
.calendar .air-datepicker-cell.-day-.-selected- {
  background: #F39C38;
  color: #fff;
  z-index: 0;
}
.calendar .air-datepicker-cell.-day-.-selected-::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 700%;
  height: 100%;
  z-index: -1;
  background: rgba(116, 117, 118, 0.05);
  border-radius: 15px;
}
@media (max-width: 1680px) {
  .calendar .air-datepicker-cell.-day-.-selected-::after {
    border-radius: 10px;
  }
}
.calendar .air-datepicker-cell.-day-.-selected-:nth-child(7n+2)::after {
  left: -100%;
}
.calendar .air-datepicker-cell.-day-.-selected-:nth-child(7n+3)::after {
  left: -200%;
}
.calendar .air-datepicker-cell.-day-.-selected-:nth-child(7n+4)::after {
  left: -300%;
}
.calendar .air-datepicker-cell.-day-.-selected-:nth-child(7n+5)::after {
  left: -400%;
}
.calendar .air-datepicker-cell.-day-.-selected-:nth-child(7n+6)::after {
  left: -500%;
}
.calendar .air-datepicker-cell.-day-.-selected-:nth-child(7n+7)::after {
  left: -600%;
}
.calendar .air-datepicker-body--cells.-days- {
  grid-auto-rows: auto;
}

.video__container {
  width: 100%;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: 0.4;
  -o-transition: 0.4;
  transition: 0.4;
}
.video__container video,
.video__container iframe {
  width: 100%;
  height: auto;
}
.video__container::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6)));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
}
.video__container::before {
  content: "";
  width: 74px;
  height: 66px;
  background: url("../../assets/img/icon/play-video.svg") no-repeat center center/contain;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
  opacity: 1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .video__container::before {
    width: 54.326px;
    height: 51.853px;
  }
}
@media (max-width: 1240px) {
  .video__container::before {
    width: 47.882px;
    height: 41.132px;
  }
}
@media (max-width: 767px) {
  .video__container::before {
    width: 21.915px;
    height: 18.745px;
  }
}
@media (hover: hover) {
  .video__container:hover::before {
    -webkit-transform: scale(1.1) translate(-50%, -50%);
        -ms-transform: scale(1.1) translate(-50%, -50%);
            transform: scale(1.1) translate(-50%, -50%);
  }
}
.video__container:active::before {
  -webkit-transform: scale(0.9) translate(-50%, -50%);
      -ms-transform: scale(0.9) translate(-50%, -50%);
          transform: scale(0.9) translate(-50%, -50%);
}

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

.star-row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 5px;
}
@media (max-width: 767px) {
  .star-row {
    gap: 2px;
  }
}

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

.hard:checked ~ .star-label path,
.hard:hover ~ .star-label path {
  fill-opacity: 1;
  fill: #F50000;
}

.average:checked ~ .star-label path,
.average:hover ~ .star-label path {
  fill-opacity: 1;
  fill: #F39C38;
}

.easy:checked ~ .star-label path,
.easy:hover ~ .star-label path {
  fill-opacity: 1;
  fill: #90D557;
}

.star-label {
  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: 21px;
  height: 21px;
  cursor: pointer;
}
@media (max-width: 1680px) {
  .star-label {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .star-label {
    width: 16px;
    height: 16px;
  }
}
.star-label path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.star-label svg,
.star-label img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
}
@-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__top {
  position: relative;
}
.header__top::before {
  content: "";
  display: block;
  position: absolute;
  left: calc(20px + -140 * (100vw - 360px) / 1560);
  bottom: 0;
  width: 100vw;
  height: 1px;
  background: rgba(152, 152, 152, 0.3137254902);
}
@media screen and (max-width: 1240px) {
  .header__top {
    display: none;
  }
}

.header__logo {
  z-index: 101;
}

.header__top-list {
  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-column-gap: calc(20px + 40 * (100vw - 360px) / 1560);
     -moz-column-gap: calc(20px + 40 * (100vw - 360px) / 1560);
          column-gap: calc(20px + 40 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .header__top-list {
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .header__top-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.header__bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  padding: 12px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: -webkit-transform var(--hover);
  transition: -webkit-transform var(--hover);
  -o-transition: transform var(--hover);
  transition: transform var(--hover);
  transition: transform var(--hover), -webkit-transform var(--hover);
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
}
@media screen and (max-width: 1680px) {
  .header__bottom {
    padding: 18px 0;
  }
}
@media screen and (max-width: 1240px) {
  .header__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 992px) {
  .header__bottom {
    padding: 12px 0;
  }
}
@media screen and (max-width: 767px) {
  .header__bottom {
    padding: 15px 0;
  }
}
.header__bottom.--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);
  background: var(--bg-color);
  border-bottom: 1px solid rgba(152, 152, 152, 0.3137254902);
}
@media (min-width: 1920px) {
  .header__bottom.--sticky {
    padding-left: 120px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header__bottom.--sticky {
    padding-left: calc(
				40px + 80 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header__bottom.--sticky {
    padding-left: 40px;
  }
}
@media (min-width: 1920px) {
  .header__bottom.--sticky {
    padding-right: 120px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .header__bottom.--sticky {
    padding-right: calc(
				40px + 80 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .header__bottom.--sticky {
    padding-right: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .header__bottom.--sticky {
    padding-left: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .header__bottom.--sticky {
    padding-left: calc(
				20px + 20 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .header__bottom.--sticky {
    padding-left: 20px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 1240px) {
  .header__bottom.--sticky {
    padding-right: 40px;
  }
}
@media screen and (max-width: 1240px) and (min-width: 768px) and (max-width: 1240px) {
  .header__bottom.--sticky {
    padding-right: calc(
				20px + 20 * (((100vw - 768px)) / ((472)))
			);
  }
}
@media screen and (max-width: 1240px) and (max-width: 768px) {
  .header__bottom.--sticky {
    padding-right: 20px;
  }
}
.header__bottom.is-active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.header__top-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  position: relative;
  padding: 20px 0;
}
@media screen and (max-width: 1680px) {
  .header__top-item {
    padding: 15px 0;
  }
}
@media screen and (max-width: 1240px) {
  .header__top-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-gap: 5px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    padding: 0;
  }
}
@media screen and (hover: hover) {
  .header__top-item:hover .header__top-sublist {
    opacity: 1;
    visibility: visible;
  }
  .header__top-item:hover .header__top-arrow {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

.header__top-link {
  font-weight: 700;
  color: var(--dark-blue);
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .header__top-link {
    font-size: 18px;
  }
}
@media screen and (hover: hover) {
  .header__top-link:hover {
    color: var(--red);
  }
}
.header__top-link.--active {
  color: var(--red);
}

.header__top-subnav-link {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 18px;
  border-radius: 15px;
  font-size: 18px;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .header__top-subnav-link {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .header__top-subnav-link {
    font-size: 14px;
    padding: 12px;
  }
}
.header__top-subnav-link svg {
  opacity: 0;
}
@media screen and (max-width: 1240px) {
  .header__top-subnav-link svg {
    opacity: 1;
  }
}
@media screen and (hover: hover) {
  .header__top-subnav-link:hover {
    background: rgba(32, 76, 175, 0.05);
    color: var(--dark-blue);
  }
  .header__top-subnav-link:hover svg {
    opacity: 1;
  }
}
.header__top-subnav-link:active {
  background: rgba(32, 76, 175, 0.05);
  color: var(--dark-blue);
}
.header__top-subnav-link:active svg {
  opacity: 1;
}

.header__burger {
  position: relative;
  cursor: pointer;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 101;
}
@media screen and (max-width: 1240px) {
  .header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__burger:before {
  content: "Меню";
  display: block;
  font-size: 14px;
  font-weight: 700;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  color: var(--dark);
}
.header__burger:after {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  background: url("../img/icon/burger.svg") no-repeat center center/contain;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}
@media screen and (max-width: 1240px) {
  .header__burger:after {
    margin-left: 5px;
  }
}
.header__burger.--active:before {
  content: "Закрыть";
}
.header__burger.--active:after {
  background: url("../img/icon/burger-close.svg") no-repeat center center/contain;
}

.header__menu {
  will-change: transform;
}
@media screen and (max-width: 1240px) {
  .header__menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 100;
    background: var(--bg-color);
    padding-top: 87px;
    -webkit-transition: var(--hover);
    -o-transition: var(--hover);
    transition: var(--hover);
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    overflow: hidden;
  }
}
.header__menu.--active {
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
}
.header__menu.--active .header__menu-inner {
  opacity: 1;
}

.header__menu-bottom {
  display: none;
}
@media screen and (max-width: 1240px) {
  .header__menu-bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr auto;
    grid-template-columns: 1fr 1fr auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-gap: 80px;
  }
}
@media screen and (max-width: 767px) {
  .header__menu-bottom {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-gap: 20px;
  }
}

.header__menu-creator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}
.header__menu-creator img {
  width: 10px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (max-width: 767px) {
  .header__menu-copy {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
  }
}

@media screen and (max-width: 1240px) {
  .header__menu-inner {
    display: -ms-grid;
    display: grid;
    grid-gap: 40px;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    height: 100%;
    padding: 0 20px 20px 20px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transition: var(--hover);
    -o-transition: var(--hover);
    transition: var(--hover);
    opacity: 0;
    -webkit-transition-delay: var(--hover);
         -o-transition-delay: var(--hover);
            transition-delay: var(--hover);
  }
}

@media screen and (max-width: 1240px) {
  .header__menu-nav {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    grid-gap: 30px 60px;
  }
}
@media screen and (max-width: 767px) {
  .header__menu-nav {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.header__nav-list {
  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: 40px;
}
@media screen and (max-width: 1680px) {
  .header__nav-list {
    gap: 30px;
  }
}
@media screen and (max-width: 1240px) {
  .header__nav-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 30px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.header__nav-item {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  .header__nav-link {
    font-size: 18px;
  }
}

.header__account {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media screen and (max-width: 1240px) {
  .header__account {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    -ms-grid-row: 2;
    grid-row: 2;
  }
}
@media screen and (max-width: 767px) {
  .header__account {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

.header__profile {
  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: calc(10px + 10 * (100vw - 360px) / 1560);
}

.header__profile-wrapper {
  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;
}
@media screen and (hover: hover) {
  .header__profile-wrapper:hover {
    color: var(--dark-blue);
  }
  .header__profile-wrapper:hover .header__profile-avatar::before {
    opacity: 0;
  }
}

.header__profile-avatar {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  -webkit-filter: drop-shadow(0px 10px 30px rgba(141, 140, 140, 0.25));
          filter: drop-shadow(0px 10px 30px rgba(141, 140, 140, 0.25));
  background: -o-linear-gradient(281deg, #f33db5 -11.33%, #30aefd 95.19%);
  background: linear-gradient(169deg, #f33db5 -11.33%, #30aefd 95.19%);
  width: calc(32px + 20 * (100vw - 360px) / 1560);
  height: calc(32px + 20 * (100vw - 360px) / 1560);
}
.header__profile-avatar img {
  width: 100%;
  padding: 5px;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
}
.header__profile-avatar::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  inset: 0;
  border-radius: 50%;
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: var(--white);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}

.header__profile-name {
  font-weight: 700;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  line-height: 104%;
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
}

.header__profile-exit {
  padding: 12px 14px;
}
@media screen and (max-width: 1680px) {
  .header__profile-exit {
    padding: 10px 12px;
  }
}
@media screen and (max-width: 1240px) {
  .header__profile-exit {
    padding: 8px 10px;
  }
}
@media screen and (max-width: 767px) {
  .header__profile-exit {
    padding: 6px 8px;
  }
}
.header__profile-exit svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.footer {
  background: rgba(15, 174, 255, 0.15);
  position: relative;
  z-index: 0;
}
.footer::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(330px + 205 * (100vw - 360px) / 1560);
  height: calc(300px + 183 * (100vw - 360px) / 1560);
  right: calc(-110px + 86 * (100vw - 360px) / 1560);
  bottom: calc(140px + 70 * (100vw - 360px) / 1560);
  right: -24px;
  z-index: -2;
  background: url("../img/boat.png") no-repeat center center/contain;
}
@media screen and (max-width: 1680px) {
  .footer::before {
    bottom: 210px;
  }
}
@media screen and (max-width: 1440px) {
  .footer::before {
    bottom: 170px;
  }
}
@media screen and (max-width: 1240px) {
  .footer::before {
    opacity: 0.3;
    bottom: 150px;
  }
}
@media screen and (max-width: 992px) {
  .footer::before {
    width: 190px;
    height: 170px;
  }
}
@media screen and (max-width: 767px) {
  .footer::before {
    bottom: 120px;
    width: 340px;
    height: 300px;
    right: -110px;
  }
}
.footer::after {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: calc(220px + 180 * (100vw - 360px) / 1560);
  left: 0;
  bottom: 0;
  z-index: -1;
  background: url("../img/icon/footer-bg.svg") no-repeat left top/cover;
}
@media screen and (max-width: 1440px) {
  .footer::after {
    height: 300px;
  }
}
@media screen and (max-width: 1240px) {
  .footer::after {
    height: 250px;
  }
}
@media screen and (max-width: 992px) {
  .footer::after {
    height: 220px;
  }
}

.footer__inner {
  padding-top: calc(20px + 50 * (100vw - 360px) / 1560);
  padding-bottom: 27px;
  z-index: 1;
}

.footer__logo-text {
  max-width: 180px;
}
@media screen and (max-width: 767px) {
  .footer__logo-text {
    font-size: 16px;
  }
}

.footer__top {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(30px + 30 * (100vw - 360px) / 1560);
  padding-bottom: calc(140px + 180 * (100vw - 360px) / 1560);
}

.footer__body,
.footer__nav-wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 767px) {
  .footer__body,
  .footer__nav-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.footer__body {
  grid-gap: calc(30px + 96 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .footer__body {
    grid-gap: 60px;
    -ms-grid-columns: 300px 1fr;
    grid-template-columns: 300px 1fr;
  }
}
@media screen and (max-width: 992px) {
  .footer__body {
    -ms-grid-columns: 220px 1fr;
    grid-template-columns: 220px 1fr;
  }
}
@media screen and (max-width: 767px) {
  .footer__body {
    grid-gap: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.footer__nav-wrapper {
  grid-gap: calc(30px + 50 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .footer__nav-wrapper {
    grid-gap: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.footer__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__contact-list {
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
  margin-bottom: 30px;
}

.footer__contact-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;
  background: rgba(255, 255, 255, 0.4);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(141, 140, 140, 0.15);
          box-shadow: 0px 10px 20px 0px rgba(141, 140, 140, 0.15);
  grid-gap: 10px;
  padding: 10px 15px;
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1680px) {
  .footer__contact-item {
    padding: 9px 12px;
  }
}
@media screen and (max-width: 992px) {
  .footer__contact-item {
    padding: 6px 10px;
  }
}
@media screen and (max-width: 767px) {
  .footer__contact-item {
    width: 100%;
  }
}
.footer__contact-item svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: calc(18px + 6 * (100vw - 360px) / 1560);
  height: calc(18px + 6 * (100vw - 360px) / 1560);
}
.footer__contact-item a {
  font-weight: 500;
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .footer__contact-item a {
    font-size: 14px;
  }
}
@media screen and (hover: hover) {
  .footer__contact-item a:hover {
    color: var(--dark-blue);
  }
}
@media screen and (hover: hover) {
  .footer__contact-item:hover {
    background: var(--white);
  }
}

.footer__social-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;
  margin-top: auto;
  gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.footer__social-link {
  background: var(--white);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  border-radius: 8px;
  width: calc(32px + 12 * (100vw - 360px) / 1560);
  height: calc(32px + 12 * (100vw - 360px) / 1560);
  padding: calc(5px + 2 * (100vw - 360px) / 1560);
}
.footer__social-link svg {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  fill: var(--red);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}
@media screen and (hover: hover) {
  .footer__social-link:hover {
    background: var(--red);
  }
  .footer__social-link:hover svg {
    fill: var(--white);
  }
}
.footer__social-link:active {
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}

.footer__nav-list {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(25px + 10 * (100vw - 360px) / 1560);
}

.footer__nav-link {
  font-size: calc(16px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .footer__nav-link {
    font-size: 16px;
  }
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: calc(10px + 36 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .footer__bottom {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    grid-gap: 10px;
  }
}
@media screen and (hover: hover) {
  .footer__bottom a:hover {
    color: var(--dark-blue);
  }
}

.footer__bottom-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(10px + 36 * (100vw - 360px) / 1560);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 992px) {
  .footer__bottom-col {
    gap: 5px;
  }
}
@media screen and (max-width: 767px) {
  .footer__bottom-col {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
}

.footer__creator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(5px + 5 * (100vw - 360px) / 1560);
}
.footer__creator img {
  width: calc(10px + 6 * (100vw - 360px) / 1560);
  height: calc(20px + 10 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .footer__creator {
    font-size: 11px;
  }
}

@media screen and (max-width: 767px) {
  .footer__copy {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    -ms-grid-row: 1;
    grid-row: 1;
    font-size: 11px;
  }
}

@media screen and (max-width: 767px) {
  .footer__policy {
    font-size: 11px;
  }
}

.feedback {
  position: relative;
  z-index: 0;
}
.feedback::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 300%;
  left: 0;
  bottom: 0;
  z-index: -2;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.82%, rgba(15, 174, 255, 0)), color-stop(86.63%, rgba(15, 174, 255, 0.15)));
  background: -o-linear-gradient(top, rgba(15, 174, 255, 0) -12.82%, rgba(15, 174, 255, 0.15) 86.63%);
  background: linear-gradient(180deg, rgba(15, 174, 255, 0) -12.82%, rgba(15, 174, 255, 0.15) 86.63%);
}

.feedback__inner {
  padding-top: calc(20px + 50 * (100vw - 360px) / 1560);
  padding-bottom: calc(20px + 40 * (100vw - 360px) / 1560);
}

.feedback__title {
  text-transform: uppercase;
  line-height: 133%;
  font-weight: 800;
  max-width: 635px;
}
@media screen and (max-width: 1680px) {
  .feedback__title {
    max-width: 524px;
  }
}
@media screen and (max-width: 1240px) {
  .feedback__title {
    max-width: 100%;
  }
}

.feedback__content {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(20px + 25 * (100vw - 360px) / 1560);
}

.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;
  gap: 20px;
  max-width: 887px;
}
@media screen and (max-width: 1680px) {
  .feedback__head {
    grid-gap: 15px;
    max-width: 665px;
  }
}
@media screen and (max-width: 1240px) {
  .feedback__head {
    max-width: 100%;
    grid-gap: 10px;
  }
}

@media screen and (max-width: 1240px) {
  .feedback__desc {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .feedback__desc {
    font-size: 14px;
  }
}

.feedback__form {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(25px + 25 * (100vw - 360px) / 1560);
  max-width: calc(230px + 825 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .feedback__form {
    max-width: 100%;
  }
}

.feedback__form-fields {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: calc(15px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .feedback__form-fields {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    max-width: 260px;
  }
}
@media screen and (max-width: 992px) {
  .feedback__form-fields {
    max-width: 230px;
  }
}
@media screen and (max-width: 767px) {
  .feedback__form-fields {
    max-width: 100%;
  }
}

.feedback__form-inner {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.feedback__form-btn {
  width: 100%;
  max-width: calc(148px + 191 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .feedback__form-btn {
    max-width: 100%;
  }
}

.feedback__image {
  position: absolute;
  z-index: -1;
  width: calc(360px + 222 * (100vw - 360px) / 1560);
  height: calc(383px + 236 * (100vw - 360px) / 1560);
  right: calc(-75px + 195 * (100vw - 360px) / 1560);
  top: calc(143px + -143 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .feedback__image {
    opacity: 0.5;
  }
}
.feedback__image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.feedback__image-cloud {
  position: absolute;
  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;
  background: var(--white);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  top: calc(50px + 38 * (100vw - 360px) / 1560);
  left: calc(0px + -333 * (100vw - 360px) / 1560);
  width: calc(280px + 200 * (100vw - 360px) / 1560);
  border-radius: calc(15px + 5 * (100vw - 360px) / 1560);
  grid-gap: calc(8px + 5 * (100vw - 360px) / 1560);
  padding-top: calc(8px + 5 * (100vw - 360px) / 1560);
  padding-bottom: calc(8px + 6 * (100vw - 360px) / 1560);
  padding-left: calc(10px + 8 * (100vw - 360px) / 1560);
  padding-right: calc(10px + 8 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .feedback__image-cloud {
    display: none;
  }
}
.feedback__image-cloud img {
  width: calc(35px + 31 * (100vw - 360px) / 1560);
  height: calc(29px + 26 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}
.feedback__image-cloud span {
  font-size: calc(14px + 10 * (100vw - 360px) / 1560);
  font-weight: 700;
  line-height: 120%;
}
.feedback__image-cloud::after {
  content: "";
  display: block;
  position: absolute;
  right: -17px;
  bottom: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 29.5px 45px 22.5px;
  border-color: transparent transparent #ffffff transparent;
  -webkit-transform: rotate(19deg);
      -ms-transform: rotate(19deg);
          transform: rotate(19deg);
}
@media screen and (max-width: 1240px) {
  .feedback__image-cloud::after {
    right: -9px;
    bottom: -5px;
    border-width: 0 16.5px 31px 17.5px;
  }
}

.hero {
  position: relative;
  padding-bottom: calc(110px + 120 * (100vw - 360px) / 1560);
  z-index: 2;
}
.hero::after {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: calc(112px + 188 * (100vw - 360px) / 1560);
  z-index: -1;
  bottom: 0;
  left: 0;
  background: url("../img/icon/hero-bottom-bg.svg") repeat-x 60% center/cover;
}

.hero__inner {
  margin-top: calc(25px + 35 * (100vw - 360px) / 1560);
  margin-bottom: calc(25px + 35 * (100vw - 360px) / 1560);
  z-index: 3;
}
.hero__inner::before {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: calc(459px + 396 * (100vw - 360px) / 1560);
  z-index: -2;
  bottom: 0;
  left: 0;
  background: url("../img/icon/hero-bg.svg") repeat-x center center/cover;
}

.hero__boat {
  position: absolute;
  -webkit-animation: moveBoat 5s linear infinite;
          animation: moveBoat 5s linear infinite;
  width: calc(237px + 385 * (100vw - 360px) / 1560);
  height: calc(237px + 385 * (100vw - 360px) / 1560);
  bottom: calc(30px + 40 * (100vw - 360px) / 1560);
  right: calc(-95px + 155 * (100vw - 360px) / 1560);
  z-index: -1;
}
.hero__boat img {
  -o-object-fit: contain;
     object-fit: contain;
}
.hero__boat::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(300px + 486 * (100vw - 360px) / 1560);
  height: calc(40px + 66 * (100vw - 360px) / 1560);
  bottom: 0;
  z-index: -1;
  left: 0;
  background: url("../img/icon/vawe-boat.svg") no-repeat center center/contain;
  -webkit-animation: moveBoat 20s linear infinite;
          animation: moveBoat 20s linear infinite;
}

@-webkit-keyframes moveBoat {
  0% {
    -webkit-transform: translate(-3%) rotate(0);
            transform: translate(-3%) rotate(0);
  }
  25% {
    -webkit-transform: translate(0%) rotate(-5deg);
            transform: translate(0%) rotate(-5deg);
  }
  50% {
    -webkit-transform: translate(1%) rotate(0);
            transform: translate(1%) rotate(0);
  }
  75% {
    -webkit-transform: translate(-5%) rotate(2deg);
            transform: translate(-5%) rotate(2deg);
  }
  100% {
    -webkit-transform: translate(-3%) rotate(0deg);
            transform: translate(-3%) rotate(0deg);
  }
}

@keyframes moveBoat {
  0% {
    -webkit-transform: translate(-3%) rotate(0);
            transform: translate(-3%) rotate(0);
  }
  25% {
    -webkit-transform: translate(0%) rotate(-5deg);
            transform: translate(0%) rotate(-5deg);
  }
  50% {
    -webkit-transform: translate(1%) rotate(0);
            transform: translate(1%) rotate(0);
  }
  75% {
    -webkit-transform: translate(-5%) rotate(2deg);
            transform: translate(-5%) rotate(2deg);
  }
  100% {
    -webkit-transform: translate(-3%) rotate(0deg);
            transform: translate(-3%) rotate(0deg);
  }
}
.hero__title {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 120%;
}

.hero__subtitle {
  font-weight: 500;
}

.hero__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(30px + 20 * (100vw - 360px) / 1560);
  max-width: calc(320px + 480 * (100vw - 360px) / 1560);
  z-index: 3;
}
@media screen and (max-width: 767px) {
  .hero__content {
    margin-bottom: 56px;
  }
}

.hero__content-top {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(15px + 35 * (100vw - 360px) / 1560);
}

.hero__content-wrapper {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

@media screen and (max-width: 767px) {
  .hero__items {
    display: -ms-grid;
    display: grid;
    grid-gap: 24px;
  }
}

.hero-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(5px + 5 * (100vw - 360px) / 1560);
  -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;
  max-width: calc(165px + 185 * (100vw - 360px) / 1560);
  position: absolute;
}
@media screen and (max-width: 767px) {
  .hero-item {
    position: relative;
  }
}
.hero-item::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(460px + 1240 * (100vw - 360px) / 1560);
  height: calc(111px + 139 * (100vw - 360px) / 1560);
  top: 120%;
  left: 90%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  background: url("../img/icon/hero-item-line.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1440px) {
  .hero-item::after {
    top: 103%;
    left: 80%;
  }
}
@media screen and (max-width: 992px) {
  .hero-item::after {
    top: 98%;
    left: 74%;
  }
}
@media screen and (max-width: 767px) {
  .hero-item::after {
    top: 90%;
    left: 60%;
  }
}

.hero-item__icon {
  width: calc(22px + 8 * (100vw - 360px) / 1560);
  height: calc(28px + 8 * (100vw - 360px) / 1560);
}

.hero-item__text {
  text-align: center;
  font-weight: 700;
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
}

.hero-item--1 {
  right: calc(127px + 523 * (100vw - 360px) / 1560);
  top: calc(285px + -192 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .hero-item--1 {
    margin-left: 54px;
    top: 0;
    right: 0;
  }
}

.hero-item--2 {
  right: calc(180px + 640 * (100vw - 360px) / 1560);
  top: calc(375px + -45 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .hero-item--2 {
    top: 0;
    right: 0;
  }
}

.hero__suptitle {
  opacity: 0.8;
}

.advantages {
  position: relative;
  background: var(--bg);
}
.advantages::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(1160px + 1947 * (100vw - 360px) / 1560);
  height: calc(50px + 141 * (100vw - 360px) / 1560);
  bottom: calc(30px + -80 * (100vw - 360px) / 1560);
  left: 35%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  background: url("../img/icon/advantages-bg.svg") no-repeat center center/cover;
}

.program-advantages::before {
  display: none;
}

.advantages__inner {
  padding-top: calc(30px + 20 * (100vw - 360px) / 1560);
  padding-bottom: calc(30px + 20 * (100vw - 360px) / 1560);
}

.advantages__body {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(20px + 80 * (100vw - 360px) / 1560);
  -ms-grid-columns: (1fr)[2] 0.8fr;
  grid-template-columns: repeat(2, 1fr) 0.8fr;
}
@media screen and (max-width: 1240px) {
  .advantages__body {
    grid-gap: 15px 10px;
  }
}
@media screen and (max-width: 767px) {
  .advantages__body {
    -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;
  grid-gap: calc(15px + 5 * (100vw - 360px) / 1560);
  max-width: calc(15px + 478 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .advantages__item {
    max-width: 100%;
  }
}

.advantages__item-num {
  font-weight: 700;
  line-height: 120%;
  font-size: calc(32px + 28 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .advantages__item-num {
    font-size: 32px;
  }
}

.advantages__item-text {
  font-size: calc(16px + 5 * (100vw - 360px) / 1560);
  font-weight: 500;
}
@media screen and (max-width: 992px) {
  .advantages__item-text {
    font-size: 16px;
  }
}

.about {
  position: relative;
}
.about::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(-3.27%, #edf9ff), to(rgba(237, 249, 255, 0)));
  background: -o-linear-gradient(bottom, #edf9ff -3.27%, rgba(237, 249, 255, 0) 100%);
  background: linear-gradient(0deg, #edf9ff -3.27%, rgba(237, 249, 255, 0) 100%);
}
.about::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(150px + 390 * (100vw - 360px) / 1560);
  height: calc(200px + 295 * (100vw - 360px) / 1560);
  top: calc(50px + -100 * (100vw - 360px) / 1560);
  left: calc(-70px + 70 * (100vw - 360px) / 1560);
  z-index: -1;
  background: url("../img/icon/about-bg.svg") no-repeat center center/contain;
}

.about__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: calc(15px + 55 * (100vw - 360px) / 1560);
  padding-top: calc(30px + 70 * (100vw - 360px) / 1560);
  padding-bottom: calc(30px + 100 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .about__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.about__image-wrapper {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: calc(0px + 125 * (100vw - 360px) / 1560);
  padding-left: calc(10px + 15 * (100vw - 360px) / 1560);
  padding-right: calc(35px + 85 * (100vw - 360px) / 1560);
}
.about__image-wrapper::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(150px + 371 * (100vw - 360px) / 1560);
  height: calc(150px + 371 * (100vw - 360px) / 1560);
  z-index: -1;
  left: 40%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: 0;
  background: url("../img/icon/about-image-line.svg") no-repeat center center/cover;
}

.about__image {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 50%;
}
.about__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about__image--big {
  width: calc(117px + 287 * (100vw - 360px) / 1560);
  height: calc(117px + 287 * (100vw - 360px) / 1560);
}

.about__image--large {
  width: calc(55px + 132 * (100vw - 360px) / 1560);
  height: calc(55px + 132 * (100vw - 360px) / 1560);
  position: absolute;
  right: 0;
  top: 0;
}

.about__image--small {
  width: calc(28px + 67 * (100vw - 360px) / 1560);
  height: calc(28px + 67 * (100vw - 360px) / 1560);
  position: absolute;
  bottom: 0;
  left: 0;
}

.about__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: calc(0px + 275 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .about__body {
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .about__head {
    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;
  }
}

@media screen and (max-width: 767px) {
  .about__title {
    font-size: 21px;
  }
}

@media screen and (max-width: 767px) {
  .about__btn {
    margin-left: auto;
  }
}

.teachers__inner {
  padding-top: calc(40px + 20 * (100vw - 360px) / 1560);
  padding-bottom: calc(0px + 90 * (100vw - 360px) / 1560);
}

.teachers__head {
  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;
}

.teachers__head-content {
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
  max-width: 1296px;
}

.teachers__title,
.teachers__desc {
  text-align: center;
}

.teachers__btn-more {
  margin-left: auto;
  margin-top: calc(20px + -10 * (100vw - 360px) / 1560);
}

.teachers__card {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  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;
}
.teachers__card.swiper-slide {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}
.teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide {
  -webkit-transform: translateY(-30px);
      -ms-transform: translateY(-30px);
          transform: translateY(-30px);
}
.teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide .teachers__card-image {
  width: calc(200px + 84 * (100vw - 360px) / 1560);
  height: calc(200px + 84 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1440px) {
  .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide .teachers__card-image {
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width: 992px) {
  .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide .teachers__card-image {
    width: 180px;
    height: 180px;
  }
}
@media screen and (max-width: 767px) {
  .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide .teachers__card-image {
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width: 1240px) {
  .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
  .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide .teachers__card-image {
    width: 180px;
    height: 180px;
  }
}
@media screen and (max-width: 992px) {
  .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide .teachers__card-image {
    width: 160px;
    height: 160px;
  }
}
.teachers__card.swiper-slide-active + .swiper-slide, .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
}
@media screen and (max-width: 992px) {
  .teachers__card.swiper-slide-active + .swiper-slide, .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.teachers__card.swiper-slide-active, .teachers__card.swiper-slide-active + .swiper-slide, .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide, .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide, .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1240px) {
  .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide, .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .teachers__card.swiper-slide-active + .swiper-slide, .teachers__card.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
  }
}

.teachers__card-image {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  width: calc(160px + 85 * (100vw - 360px) / 1560);
  height: calc(160px + 85 * (100vw - 360px) / 1560);
  margin-bottom: calc(10px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1440px) {
  .teachers__card-image {
    width: 180px;
    height: 180px;
  }
}
@media screen and (max-width: 992px) {
  .teachers__card-image {
    width: 160px;
    height: 160px;
  }
}
.teachers__card-image img {
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 22%;
     object-position: center 22%;
}

.teachers__card-body {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}

.teachers__card-title {
  font-size: calc(14px + 7 * (100vw - 360px) / 1560);
  font-weight: 800;
  text-align: center;
}

.teachers__card-suptitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--gray);
  font-size: calc(12px + 4 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .teachers__card-suptitle {
    font-size: 12px;
  }
}
.teachers__card-suptitle svg {
  width: calc(14px + 4 * (100vw - 360px) / 1560);
  height: calc(15px + 4 * (100vw - 360px) / 1560);
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}

.teachers__card-subtitle {
  font-size: calc(12px + 4 * (100vw - 360px) / 1560);
  color: var(--dark-blue);
  text-align: center;
}
@media screen and (max-width: 992px) {
  .teachers__card-subtitle {
    font-size: 12px;
  }
}

.teachers__swiper {
  margin-left: calc(60px + 18 * (100vw - 360px) / 1560);
  margin-right: calc(60px + 18 * (100vw - 360px) / 1560);
}

.teachers__swiper-wrapper {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.program {
  background: #fafeff;
}

.program__inner {
  padding-top: calc(20px + 40 * (100vw - 360px) / 1560);
  padding-bottom: calc(20px + 40 * (100vw - 360px) / 1560);
}

.program__title {
  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;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}
.program__title svg {
  width: calc(20px + 29 * (100vw - 360px) / 1560);
  height: calc(24px + 29 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}

.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: calc(20px + 180 * (100vw - 360px) / 1560);
  margin-bottom: calc(20px + 50 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .program__head {
    grid-gap: 20px;
  }
}
@media screen and (max-width: 992px) {
  .program__head {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.program__head-content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(5px + 10 * (100vw - 360px) / 1560);
}

.program__classes {
  max-width: calc(520px + 248 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .program__classes {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .program__classes {
    display: none;
  }
}

.program__classes-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  grid-gap: 15px;
}
@media screen and (max-width: 1680px) {
  .program__classes-list {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 992px) {
  .program__classes-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.program__classes-item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.program__classes-item input {
  display: none;
}
.program__classes-item input:checked + span {
  background: var(--dark-blue);
  color: var(--white);
  border-color: transparent;
}
.program__classes-item span {
  border: 1px solid var(--dark);
  line-height: 80%;
  font-weight: 600;
  border-radius: calc(20px + 10 * (100vw - 360px) / 1560);
  padding-top: calc(8px + 2 * (100vw - 360px) / 1560);
  padding-bottom: calc(8px + 2 * (100vw - 360px) / 1560);
  padding-left: calc(16px + 4 * (100vw - 360px) / 1560);
  padding-right: calc(16px + 4 * (100vw - 360px) / 1560);
  font-size: calc(14px + 7 * (100vw - 360px) / 1560);
}
@media screen and (hover: hover) {
  .program__classes-item:hover span {
    border-color: var(--dark-blue);
    color: var(--dark-blue);
  }
}

.program__select {
  display: none;
}
@media screen and (max-width: 767px) {
  .program__select {
    display: block;
  }
}

.program__select-header {
  border: 1px solid var(--dark);
  border-radius: 20px;
}

.program__subtitle {
  font-weight: 700;
}

.program__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 40px 90px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1680px) {
  .program__list {
    margin-bottom: 25px;
    grid-gap: 20px 60px;
  }
}
@media screen and (max-width: 1440px) {
  .program__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .program__list {
    margin-bottom: 15px;
    grid-gap: 15px 40px;
  }
}
@media screen and (max-width: 767px) {
  .program__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px 10px;
    margin-bottom: 30px;
  }
}

.program__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.program__btn-more {
  margin-left: auto;
}

.program__item {
  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;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .program__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: start;
    grid-gap: 5px;
  }
}

@media (min-width: 1920px) {
  .program__item-icon {
    width: 79px;
  }
}
@media (min-width: 360px) and (max-width: 1920px) {
  .program__item-icon {
    width: calc(
				32px + 47 * (((100vw - 360px)) / ((1560)))
			);
  }
}
@media (max-width: 360px) {
  .program__item-icon {
    width: 32px;
  }
}
@media (min-width: 1920px) {
  .program__item-icon {
    height: 69px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .program__item-icon {
    height: calc(
				28px + 41 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .program__item-icon {
    height: 28px;
  }
}
.program__item-icon img,
.program__item-icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.program__item-title {
  font-weight: 600;
  line-height: 120%;
}
@media (min-width: 1920px) {
  .program__item-title {
    font-size: 24px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .program__item-title {
    font-size: calc(
				14px + 10 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .program__item-title {
    font-size: 14px;
  }
}

.program__body {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .program__body {
    grid-gap: 60px;
  }
}
@media (min-width: 768px) and (max-width: 1920px) {
  .program__body {
    grid-gap: calc(
				30px + 30 * (((100vw - 768px)) / ((1152)))
			);
  }
}
@media (max-width: 768px) {
  .program__body {
    grid-gap: 30px;
  }
}

.document {
  position: relative;
  z-index: -1;
}
.document::before {
  content: "";
  display: block;
  position: absolute;
  left: 89%;
  top: 72%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%) rotate(9deg);
      -ms-transform: translate(-50%, -50%) rotate(9deg);
          transform: translate(-50%, -50%) rotate(9deg);
  width: calc(1742px + 2636 * (100vw - 360px) / 1560);
  height: calc(446px + 674 * (100vw - 360px) / 1560);
  background: url("../img/icon/document-bg.svg") no-repeat center center/cover;
}

.document__inner {
  padding-top: calc(48px + 109 * (100vw - 360px) / 1560);
  padding-bottom: calc(160px + -3 * (100vw - 360px) / 1560);
  position: relative;
}

.document__head {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 auto;
  grid-gap: calc(10px + 20 * (100vw - 360px) / 1560);
  max-width: calc(360px + 483 * (100vw - 360px) / 1560);
}

.document__title {
  text-transform: uppercase;
  text-align: center;
}

.document__desc {
  text-align: center;
}

.document__image {
  position: absolute;
  bottom: calc(20px + 80 * (100vw - 360px) / 1560);
}
.document__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.document__image--left {
  width: calc(149px + 244 * (100vw - 360px) / 1560);
  height: calc(107px + 174 * (100vw - 360px) / 1560);
  left: 0;
}

.document__image--right {
  width: calc(130px + 218 * (100vw - 360px) / 1560);
  height: calc(120px + 200 * (100vw - 360px) / 1560);
  right: 0;
}

.tariffs {
  z-index: 2;
}

.tariffs__inner {
  padding-top: calc(20px + 30 * (100vw - 360px) / 1560);
  padding-bottom: calc(30px + 20 * (100vw - 360px) / 1560);
}

.tariffs__head {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  margin-bottom: calc(20px + 20 * (100vw - 360px) / 1560);
}

.tariffs__title {
  text-align: center;
}

.tariffs__more-btn {
  margin-left: auto;
}

.tariffs__card {
  position: relative;
  display: -ms-grid;
  display: grid;
  background: var(--white);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  padding: 35px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  border-radius: calc(15px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1680px) {
  .tariffs__card {
    padding: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .tariffs__card {
    padding: 15px;
  }
}
@media (min-width: 1920px) {
  .tariffs__card {
    grid-gap: 30px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .tariffs__card {
    grid-gap: calc(
				15px + 15 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .tariffs__card {
    grid-gap: 15px;
  }
}
.tariffs__card.swiper-slide {
  opacity: 0;
  visibility: hidden;
}
.tariffs__card.swiper-slide-active, .tariffs__card.swiper-slide-active + .swiper-slide, .tariffs__card.swiper-slide-active + .swiper-slide + .swiper-slide, .tariffs__card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  .tariffs__card.swiper-slide-active + .swiper-slide, .tariffs__card.swiper-slide-active + .swiper-slide + .swiper-slide, .tariffs__card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .tariffs__card.swiper-slide-active::before, .tariffs__card.swiper-slide-active::after {
    opacity: 1;
  }
}
.tariffs__card::before, .tariffs__card::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(34px + 8 * (100vw - 360px) / 1560);
  height: calc(34px + 8 * (100vw - 360px) / 1560);
  opacity: 0.3;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}
.tariffs__card::before {
  top: -5px;
  left: -5px;
  background: url("../img/icon/tarif-card-before.svg") no-repeat center center/contain;
}
.tariffs__card::after {
  bottom: -5px;
  right: -5px;
  background: url("../img/icon/tarif-card-after.svg") no-repeat center center/contain;
}
@media screen and (hover: hover) {
  .tariffs__card:hover::before, .tariffs__card:hover::after {
    opacity: 1;
  }
}

.tariffs__card-head {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .tariffs__card-head {
    grid-gap: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .tariffs__card-head {
    grid-gap: calc(
				10px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .tariffs__card-head {
    grid-gap: 10px;
  }
}

.tariffs__card-title {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  line-height: 104%;
}
.tariffs__card-title span {
  line-height: inherit;
}
@media screen and (max-width: 992px) {
  .tariffs__card-title {
    font-size: 21px;
  }
}
.tariffs__card-title svg {
  width: calc(21px + 9 * (100vw - 360px) / 1560);
  height: calc(21px + 9 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}

.tariffs__card-ul {
  display: -ms-grid;
  display: grid;
}
@media (min-width: 1920px) {
  .tariffs__card-ul {
    grid-gap: 20px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .tariffs__card-ul {
    grid-gap: calc(
				10px + 10 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .tariffs__card-ul {
    grid-gap: 10px;
  }
}

.tariffs__card-li {
  position: relative;
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
  padding-left: calc(25px + 2 * (100vw - 360px) / 1560);
  font-weight: 500;
  line-height: 104%;
}
.tariffs__card-li::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(15px + 2 * (100vw - 360px) / 1560);
  height: calc(18px + 6 * (100vw - 360px) / 1560);
  top: 0;
  left: 0;
  background: url("../img/icon/star-blue.svg") no-repeat center center/contain;
}

.tariffs__card-footer {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(20px + 20 * (100vw - 360px) / 1560);
}

.tariffs__card-btn {
  width: 100%;
}

.tariffs__card-price-label {
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
  line-height: 104%;
}

.tariffs__card-price-container {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
}

.tariffs__card-price {
  font-size: 27px;
  line-height: 104%;
  color: var(--gray);
}
@media screen and (max-width: 1680px) {
  .tariffs__card-price {
    font-size: 21px;
  }
}
@media screen and (max-width: 1240px) {
  .tariffs__card-price {
    font-size: 18px;
  }
}

.tariffs__card-price-num {
  font-size: 45px;
  color: var(--dark);
}
@media (min-width: 1920px) {
  .tariffs__card-price-num {
    font-size: 26px;
  }
}
@media (min-width: 1280px) and (max-width: 1920px) {
  .tariffs__card-price-num {
    font-size: calc(
				18px + 8 * (((100vw - 1280px)) / ((640)))
			);
  }
}
@media (max-width: 1280px) {
  .tariffs__card-price-num {
    font-size: 18px;
  }
}

.tariffs__card-price-old {
  font-size: calc(16px + 5 * (100vw - 360px) / 1560);
  font-weight: 500;
  text-decoration: line-through;
}

@media screen and (max-width: 992px) {
  .tariffs__swiper-nav {
    display: none;
  }
}

.reviews {
  position: relative;
  z-index: 1;
}
.reviews::before {
  content: "";
  display: block;
  position: absolute;
  left: 57%;
  top: 29%;
  z-index: -2;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(1200px + 1714 * (100vw - 360px) / 1560);
  height: calc(320px + 602 * (100vw - 360px) / 1560);
  background: url("../img/icon/reviews-bg.svg") no-repeat center center/cover;
}

.reviews__inner {
  padding-top: calc(30px + 20 * (100vw - 360px) / 1560);
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}

.reviews__title {
  text-align: center;
}

.reviews__card-text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}
.reviews__card-text.--active {
  display: block;
}

.reviews__swiper {
  margin-left: calc(0px + 78 * (100vw - 360px) / 1560);
  margin-right: calc(0px + 78 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .reviews__swiper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (max-width: 1240px) {
  .reviews__swiper-nav {
    display: none;
  }
}

.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;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  position: relative;
  height: auto;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  padding-top: calc(45px + 20 * (100vw - 360px) / 1560);
  padding-bottom: calc(15px + 5 * (100vw - 360px) / 1560);
  padding-left: calc(15px + 5 * (100vw - 360px) / 1560);
  padding-right: calc(15px + 5 * (100vw - 360px) / 1560);
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
  margin-top: calc(40px + 10 * (100vw - 360px) / 1560);
}
.reviews__card.swiper-slide {
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 1240px) {
  .reviews__card.swiper-slide {
    opacity: 1;
    visibility: visible;
  }
}
.reviews__card.swiper-slide-active, .reviews__card.swiper-slide-active + .swiper-slide, .reviews__card.swiper-slide-active + .swiper-slide + .swiper-slide {
  opacity: 1;
  visibility: visible;
}
.reviews__card.swiper-slide-active + .swiper-slide {
  --y: calc(0px + -40 * (100vw - 360px) / 1560);
  -webkit-transform: translateY(var(--y));
      -ms-transform: translateY(var(--y));
          transform: translateY(var(--y));
}
@media screen and (max-width: 1240px) {
  .reviews__card.swiper-slide-active + .swiper-slide {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (max-width: 1240px) {
  .reviews__card.swiper-slide-active {
    --y: calc(0px + -40 * (100vw - 360px) / 1560);
    -webkit-transform: translateY(var(--y));
        -ms-transform: translateY(var(--y));
            transform: translateY(var(--y));
  }
}
@media screen and (max-width: 1240px) {
  .reviews__card.swiper-slide-prev, .reviews__card.swiper-slide-next {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .reviews__card.swiper-slide-prev, .reviews__card.swiper-slide-next {
    opacity: 0;
    visibility: hidden;
  }
}

.reviews__card-head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  justify-items: center;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
  margin-bottom: calc(15px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .reviews__card-head {
    grid-gap: 5px;
  }
}

.reviews__card-image {
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: calc(-40px + -10 * (100vw - 360px) / 1560);
  width: calc(80px + 16 * (100vw - 360px) / 1560);
  height: calc(80px + 16 * (100vw - 360px) / 1560);
}
.reviews__card-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.reviews__card-body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}

.reviews__card-rating {
  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;
}
.reviews__card-rating svg {
  width: calc(18px + 7 * (100vw - 360px) / 1560);
  height: calc(18px + 7 * (100vw - 360px) / 1560);
  margin-left: calc(2.5px + 2.5 * (100vw - 360px) / 1560);
  margin-right: calc(2.5px + 2.5 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}

.faq__inner {
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}

.faq__head {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
}

.faq__more-btn {
  margin-left: auto;
}

.faq__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.faq__accordion-btn-more {
  margin: 0 auto;
}

.faq__accordion {
  position: relative;
  z-index: 1;
}
.faq__accordion::before {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  background: rgba(245, 0, 0, 0.03);
  opacity: 0;
  z-index: -1;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}
.faq__accordion:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  background: #747576;
  height: 1px;
  opacity: 0.1;
}
.faq__accordion.--active-status .faq__accordion-icon {
  fill: var(--red);
}
.faq__accordion.--active-status .faq__accordion-close {
  stroke: var(--red);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.faq__accordion.--active-status .faq__accordion-title {
  color: var(--red);
}
.faq__accordion.--active-status::after {
  background: var(--red);
  opacity: 0.2;
}
.faq__accordion.--active-status::before {
  opacity: 1;
}

.faq__accordion-btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: calc(0px + 20 * (100vw - 360px) / 1560);
  padding-right: calc(0px + 20 * (100vw - 360px) / 1560);
  padding-top: calc(10px + 15 * (100vw - 360px) / 1560);
  padding-bottom: calc(10px + 15 * (100vw - 360px) / 1560);
}
@media screen and (hover: hover) {
  .faq__accordion-btn:hover .faq__accordion-title {
    color: var(--red);
  }
}

.faq__accordion-title {
  text-align: left;
  font-weight: 600;
  line-height: 104%;
  display: block;
  margin-left: calc(10px + 15 * (100vw - 360px) / 1560);
  margin-right: calc(10px + 15 * (100vw - 360px) / 1560);
}

.faq__accordion-icon {
  min-width: calc(20px + 10 * (100vw - 360px) / 1560);
  width: calc(20px + 10 * (100vw - 360px) / 1560);
  height: calc(24px + 11 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
  fill: var(--dark-blue);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}

.faq__accordion-close {
  min-width: calc(24px + 22 * (100vw - 360px) / 1560);
  width: calc(24px + 22 * (100vw - 360px) / 1560);
  height: calc(24px + 22 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: auto;
  margin-right: 0;
  stroke: var(--dark-blue);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}

.faq__accordion-wrap {
  padding-left: calc(30px + 45 * (100vw - 360px) / 1560);
  padding-right: calc(30px + 45 * (100vw - 360px) / 1560);
  padding-bottom: calc(20px + 20 * (100vw - 360px) / 1560);
}

.faq__main-title {
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .faq__main-title {
    font-size: 21px;
  }
}

.news__inner {
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}

.news__head {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}

.news__title {
  text-align: center;
}

.news__more-btn {
  margin-left: auto;
}

.news-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;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  position: relative;
}
.news-card.swiper-slide {
  opacity: 0;
  visibility: hidden;
}
.news-card.swiper-slide-active, .news-card.swiper-slide-active + .swiper-slide, .news-card.swiper-slide-active + .swiper-slide + .swiper-slide, .news-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1240px) {
  .news-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .news-card.swiper-slide-active + .swiper-slide, .news-card.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
  }
}
.news-card::before {
  content: "";
  display: block;
  position: absolute;
  --offset: calc(10px + 50 * (100vw - 360px) / 1560);
  --inset: calc(-5px + -25 * (100vw - 360px) / 1560);
  border-radius: calc(10px + 5 * (100vw - 360px) / 1560);
  width: calc(100% + var(--offset));
  height: calc(100% + var(--offset));
  top: var(--inset);
  left: var(--inset);
  z-index: -1;
  background: var(--white);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  opacity: 0;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
@media screen and (hover: hover) {
  .news-card:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}

.news-card__image {
  position: relative;
  overflow: hidden;
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
  padding-top: 56.25%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, 0)), to(rgba(0, 0, 0, 0.5)));
  background: -o-linear-gradient(top, rgba(102, 102, 102, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(102, 102, 102, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.news-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}

.news-card__head {
  overflow: hidden;
  margin-bottom: calc(15px + 5 * (100vw - 360px) / 1560);
}
@media screen and (hover: hover) {
  .news-card__head:hover .news-card__image img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.news-card__tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}

.news-card__title {
  line-height: 114%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1440px) {
  .news-card__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 992px) {
  .news-card__title {
    font-size: 16px;
  }
}

.news-card__tag-item {
  color: var(--white);
  line-height: 104%;
  border-radius: 30px;
  padding-top: calc(8px + 2 * (100vw - 360px) / 1560);
  padding-bottom: calc(8px + 2 * (100vw - 360px) / 1560);
  padding-left: calc(16px + 4 * (100vw - 360px) / 1560);
  padding-right: calc(16px + 4 * (100vw - 360px) / 1560);
  font-size: calc(12px + 4 * (100vw - 360px) / 1560);
}
.news-card__tag-item:nth-child(4n+1) {
  background: var(--violet);
}
.news-card__tag-item:nth-child(4n+2) {
  background: var(--green);
}
.news-card__tag-item:nth-child(4n+3) {
  background: var(--orange);
}
.news-card__tag-item:nth-child(4n+4) {
  background: var(--red);
}

.news-card__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
  margin-bottom: calc(10px + 5 * (100vw - 360px) / 1560);
}

.news-card__footer {
  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;
  margin-top: auto;
  gap: 4px;
}

.news-card__text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
}

.news-card__btn {
  color: var(--red);
  font-weight: 500;
}
.news-card__btn svg {
  fill: var(--red);
}
@media screen and (hover: hover) {
  .news-card__btn:hover {
    color: var(--dark-blue);
  }
  .news-card__btn:hover svg {
    fill: var(--dark-blue);
  }
}

.news-card__date {
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
  color: var(--gray);
}
@media screen and (max-width: 992px) {
  .news-card__date {
    font-size: 14px;
  }
}

.teachers-hero {
  position: relative;
}
.teachers-hero::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../img/icon/teachers-hero-bg.svg") no-repeat center top/contain;
  width: calc(1570px + 2330 * (100vw - 360px) / 1560);
  height: calc(240px + 540 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .teachers-hero::before {
    top: 25%;
    left: 60%;
  }
}
@media screen and (max-width: 767px) {
  .teachers-hero::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    bottom: 25%;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-6deg);
        -ms-transform: translateX(-50%) rotate(-6deg);
            transform: translateX(-50%) rotate(-6deg);
    background: url("../img/icon/teachers-hero-bg.svg") no-repeat right top/contain;
    width: calc(1570px + 2330 * (100vw - 360px) / 1560);
    height: calc(240px + 540 * (100vw - 360px) / 1560);
  }
}

.teachers-hero__inner {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  padding-bottom: calc(64px + 86 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .teachers-hero__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 1680px) {
  .teachers-hero__desc {
    max-width: 422px;
  }
}

.teachers-hero__head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(20px + 25 * (100vw - 360px) / 1560);
  max-width: calc(400px + 385 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .teachers-hero__head {
    max-width: 400px;
  }
}
@media screen and (max-width: 767px) {
  .teachers-hero__head {
    max-width: 100%;
    -ms-grid-row: 3;
    grid-row: 3;
    margin-top: 49px;
  }
}

.teachers-hero__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .teachers-hero__content {
    grid-gap: 10px;
  }
}

.teachers-hero__title {
  text-transform: uppercase;
  font-weight: 700;
  line-height: 120%;
}
@media screen and (max-width: 992px) {
  .teachers-hero__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .teachers-hero__title {
    font-size: 24px;
  }
}

.teachers-hero__btn {
  width: 100%;
  max-width: calc(160px + 180 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .teachers-hero__btn {
    max-width: 100%;
  }
}

.teachers-hero__photo-text {
  text-align: center;
  margin: 0 auto;
  position: relative;
  max-width: calc(160px + 147 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .teachers-hero__photo-text {
    font-size: 16px;
    max-width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .teachers-hero__photo-text {
    font-size: 14px;
    margin-top: 20px;
  }
}
.teachers-hero__photo-text::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 110%;
  left: 74%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(568px + 532 * (100vw - 360px) / 1560);
  height: calc(43px + 65 * (100vw - 360px) / 1560);
  background: url("../img/icon/teachers-photo-line.svg") no-repeat center top/contain;
}
@media screen and (max-width: 767px) {
  .teachers-hero__photo-text::before {
    left: 60%;
  }
}

.teachers-hero__photo-main {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: center;
      align-content: center;
  grid-gap: calc(15px + 15 * (100vw - 360px) / 1560);
  --y: calc(-10px + -20 * (100vw - 360px) / 1560);
  -webkit-transform: translateY(var(--y));
      -ms-transform: translateY(var(--y));
          transform: translateY(var(--y));
}
@media screen and (max-width: 767px) {
  .teachers-hero__photo-main {
    --y: -10px;
  }
}

.teachers-hero__photo-image {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  width: calc(122px + 216 * (100vw - 360px) / 1560);
  height: calc(122px + 216 * (100vw - 360px) / 1560);
  margin: 0 auto;
}
@media screen and (max-width: 992px) {
  .teachers-hero__photo-image {
    width: 157px;
    height: 157px;
  }
}
@media screen and (max-width: 767px) {
  .teachers-hero__photo-image {
    width: 122px;
    height: 122px;
  }
}
.teachers-hero__photo-image img {
  width: 100%;
  -o-object-position: center 8%;
     object-position: center 8%;
  -o-object-fit: cover;
     object-fit: cover;
}

.teachers-hero__photo-image--small {
  width: calc(54px + 82 * (100vw - 360px) / 1560);
  height: calc(54px + 82 * (100vw - 360px) / 1560);
  margin-bottom: calc(60px + 80 * (100vw - 360px) / 1560);
  margin-right: calc(0px + 30 * (100vw - 360px) / 1560);
  margin-left: calc(20px + -20 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .teachers-hero__photo-image--small {
    width: 63px;
    height: 63px;
  }
}
@media screen and (max-width: 767px) {
  .teachers-hero__photo-image--small {
    width: 54px;
    height: 54px;
    margin-right: 0;
  }
}

.teachers-hero__photo-image--large {
  width: calc(77px + 116 * (100vw - 360px) / 1560);
  height: calc(77px + 116 * (100vw - 360px) / 1560);
  margin-left: calc(0px + 60 * (100vw - 360px) / 1560);
  margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
  .teachers-hero__photo-image--large {
    width: 90px;
    height: 90px;
  }
}
@media screen and (max-width: 767px) {
  .teachers-hero__photo-image--large {
    width: 77px;
    height: 77px;
    margin-right: 0;
    margin-bottom: 0;
  }
}

.teachers-hero__photo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .teachers-hero__photo-wrapper {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.teachers-hero__media {
  position: relative;
}
@media screen and (max-width: 767px) {
  .teachers-hero__media {
    padding-top: 80px;
  }
}

.teachers-hero__media-text {
  text-align: center;
  position: absolute;
}
@media screen and (max-width: 1680px) {
  .teachers-hero__media-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .teachers-hero__media-text {
    font-size: 12px;
  }
}
.teachers-hero__media-text::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: 70%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: calc(522px + 778 * (100vw - 360px) / 1560);
  height: calc(100px + 90 * (100vw - 360px) / 1560);
  bottom: calc(-100px + -100 * (100vw - 360px) / 1560);
  background: url("../img/icon/hero-item-line.svg") no-repeat right center/contain;
}

.teachers-hero__media-text--1 {
  max-width: calc(107px + 53 * (100vw - 360px) / 1560);
  top: calc(-50px + -14 * (100vw - 360px) / 1560);
  left: calc(5px + -5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .teachers-hero__media-text--1 {
    top: 30px;
  }
}

.teachers-hero__media-text--2 {
  max-width: calc(131px + 99 * (100vw - 360px) / 1560);
  top: calc(-60px + 30 * (100vw - 360px) / 1560);
  right: calc(-2px + 39 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .teachers-hero__media-text--2 {
    top: 30px;
  }
}

.teachers-hero__media-text--3 {
  max-width: calc(104px + 203 * (100vw - 360px) / 1560);
  left: calc(0px + -159 * (100vw - 360px) / 1560);
  bottom: calc(42px + 20 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .teachers-hero__media-text--3 {
    bottom: -100px;
  }
}
@media screen and (max-width: 767px) {
  .teachers-hero__media-text--3 {
    left: 0;
    bottom: 40px;
  }
}

.educators__inner {
  padding-bottom: calc(20px + 80 * (100vw - 360px) / 1560);
}

.educators__head {
  margin-bottom: calc(26px + 37 * (100vw - 360px) / 1560);
}

.educators__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: calc(12px + 12 * (100vw - 360px) / 1560);
  grid-row-gap: calc(21px + 19 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .educators__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .educators__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.teacher-card {
  position: relative;
  background: var(--white);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  padding-top: calc(71px + 29 * (100vw - 360px) / 1560);
  padding-bottom: calc(20px + 10 * (100vw - 360px) / 1560);
  padding-right: calc(20px + 10 * (100vw - 360px) / 1560);
  padding-left: calc(20px + 10 * (100vw - 360px) / 1560);
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
  margin-top: calc(60px + 31 * (100vw - 360px) / 1560);
  --y: calc(0px + -40 * (100vw - 360px) / 1560);
}
@media screen and (hover: hover) {
  .teacher-card:hover {
    -webkit-box-shadow: 0px 20px 30px 0px rgba(141, 140, 140, 0.25);
            box-shadow: 0px 20px 30px 0px rgba(141, 140, 140, 0.25);
    -webkit-transform: translateY(var(--y));
        -ms-transform: translateY(var(--y));
            transform: translateY(var(--y));
  }
}

.teacher-card__image {
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  border: 5px solid var(--white);
  top: calc(-60px + -31 * (100vw - 360px) / 1560);
  width: calc(120px + 62 * (100vw - 360px) / 1560);
  height: calc(120px + 62 * (100vw - 360px) / 1560);
}
.teacher-card__image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 22%;
     object-position: center 22%;
}

.teacher-card__head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  justify-items: center;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
  border-bottom: 1px solid rgba(116, 117, 118, 0.1254901961);
}

.teacher-card__title-wrap {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}

.teacher-card__title,
.teacher-card__subtitle {
  text-align: center;
}

.teacher-card__items {
  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;
}

.teacher-card__suptitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.teacher-card__suptitle svg,
.teacher-card__suptitle img {
  width: calc(18px + 6 * (100vw - 360px) / 1560);
  height: calc(18px + 6 * (100vw - 360px) / 1560);
  margin-right: calc(5px + 5 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}

.teacher-card__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: calc(5px + 5 * (100vw - 360px) / 1560);
  margin-right: calc(5px + 5 * (100vw - 360px) / 1560);
  margin-bottom: calc(10px + 5 * (100vw - 360px) / 1560);
}
.teacher-card__item svg,
.teacher-card__item img {
  width: calc(18px + 6 * (100vw - 360px) / 1560);
  height: calc(18px + 6 * (100vw - 360px) / 1560);
  margin-right: calc(5px + 5 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}

.teacher-card__accordion-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;
}

.teacher-card__accordion-arrow {
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: 10px;
  width: calc(18px + 6 * (100vw - 360px) / 1560);
  height: calc(18px + 6 * (100vw - 360px) / 1560);
}

.teacher-card__accordion-wrap {
  padding-top: 10px;
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
}

.teacher-card__accordion {
  padding-top: calc(10px + 5 * (100vw - 360px) / 1560);
  padding-bottom: calc(10px + 5 * (100vw - 360px) / 1560);
}
.teacher-card__accordion:not(:last-child) {
  border-bottom: 1px solid rgba(116, 117, 118, 0.1254901961);
}
.teacher-card__accordion.--active-status .teacher-card__accordion-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  opacity: 0.3;
}

.teacher-card__accordion-text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.teacher-card__accordion-text.--active {
  display: block;
}

.about-hero {
  position: relative;
  padding-bottom: calc(65px + 60 * (100vw - 360px) / 1560);
}
.about-hero::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(1558px + 739 * (100vw - 360px) / 1560);
  height: calc(208px + 98 * (100vw - 360px) / 1560);
  z-index: -1;
  bottom: 0;
  left: 55%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../img/icon/about-hero-bg.svg") no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .about-hero::after {
    bottom: auto;
    top: 250px;
  }
}

.about-hero__inner {
  position: relative;
}
@media screen and (max-width: 767px) {
  .about-hero__inner {
    display: -ms-grid;
    display: grid;
    grid-gap: 40px;
  }
}
.about-hero__inner::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(1026px + 633 * (100vw - 360px) / 1560);
  height: calc(97px + 147 * (100vw - 360px) / 1560);
  top: calc(10px + -10 * (100vw - 360px) / 1560);
  left: calc(-415px + 15 * (100vw - 360px) / 1560);
  z-index: -1;
  background: url("../img/icon/hero-item-line.svg") no-repeat center center/contain;
}
.about-hero__inner::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(1026px + 633 * (100vw - 360px) / 1560);
  height: calc(97px + 147 * (100vw - 360px) / 1560);
  bottom: calc(10px + 240 * (100vw - 360px) / 1560);
  right: calc(-480px + -320 * (100vw - 360px) / 1560);
  z-index: -1;
  background: url("../img/icon/hero-item-line.svg") no-repeat center center/contain;
}

.about-hero__body {
  position: relative;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  justify-items: center;
  grid-gap: calc(25px + 15 * (100vw - 360px) / 1560);
  padding-top: calc(200px + 174 * (100vw - 360px) / 1560);
  z-index: 2;
}

.about-hero__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  justify-items: center;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.about-hero__title {
  font-weight: 800;
  line-height: 120%;
  text-transform: uppercase;
  text-align: center;
  font-size: calc(21px + 24 * (100vw - 360px) / 1560);
  max-width: calc(320px + 513 * (100vw - 360px) / 1560);
}

.about-hero__desc {
  text-align: center;
  max-width: calc(320px + 389 * (100vw - 360px) / 1560);
}

.about-hero__btn {
  margin: 0 auto;
  width: 100%;
  max-width: calc(159px + 180 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .about-hero__btn {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
  }
}

.about-hero__image {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  width: calc(320px + 321 * (100vw - 360px) / 1560);
  height: calc(200px + 302 * (100vw - 360px) / 1560);
  top: calc(0px + -100 * (100vw - 360px) / 1560);
}
.about-hero__image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.about-hero__image::before {
  content: "";
  display: block;
  position: absolute;
  height: calc(92px + 94 * (100vw - 360px) / 1560);
  bottom: calc(-20px + 20 * (100vw - 360px) / 1560);
  left: 0;
  width: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(32.68%, #f5fcff), color-stop(56.89%, rgba(245, 252, 255, 0.8)), to(rgba(245, 252, 255, 0)));
  background: -o-linear-gradient(bottom, #f5fcff 32.68%, rgba(245, 252, 255, 0.8) 56.89%, rgba(245, 252, 255, 0) 100%);
  background: linear-gradient(0deg, #f5fcff 32.68%, rgba(245, 252, 255, 0.8) 56.89%, rgba(245, 252, 255, 0) 100%);
}
.about-hero__image::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(249px + 253 * (100vw - 360px) / 1560);
  height: calc(249px + 253 * (100vw - 360px) / 1560);
  z-index: -1;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../img/icon/about-hero-circle.svg") no-repeat center center/contain;
}

@media screen and (max-width: 767px) {
  .about-hero__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px 21px;
  }
}

.about-hero__item {
  position: absolute;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  justify-items: center;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
  max-width: calc(150px + 137 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .about-hero__item {
    max-width: 100%;
    position: static;
  }
}

.about-hero__item-num {
  font-weight: 700;
  line-height: 120%;
  font-size: calc(30px + 20 * (100vw - 360px) / 1560);
}

.about-hero__item-text {
  font-weight: 500;
  text-align: center;
}

.about-hero__item--1 {
  left: calc(0px + 200 * (100vw - 360px) / 1560);
  top: calc(0px + 50 * (100vw - 360px) / 1560);
}

.about-hero__item--2 {
  bottom: calc(150px + 100 * (100vw - 360px) / 1560);
  left: 0;
}

.about-hero__item--3 {
  right: calc(0px + 220 * (100vw - 360px) / 1560);
  top: calc(-40px + 40 * (100vw - 360px) / 1560);
}

.about-hero__item--4 {
  bottom: calc(170px + 130 * (100vw - 360px) / 1560);
  right: 0;
}

.attachment {
  position: relative;
}
.attachment::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(-8.16%, #0faeff), color-stop(124.44%, rgba(15, 174, 255, 0)));
  background: -o-linear-gradient(bottom, #0faeff -8.16%, rgba(15, 174, 255, 0) 124.44%);
  background: linear-gradient(0deg, #0faeff -8.16%, rgba(15, 174, 255, 0) 124.44%);
  opacity: 0.05;
}

.attachment__inner {
  padding-bottom: calc(20px + 60 * (100vw - 360px) / 1560);
}

.attachment__head {
  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;
  margin-bottom: calc(80px + 20 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .attachment__head {
    display: -ms-grid;
    display: grid;
    grid-gap: 40px;
  }
}

.attachment__head-top {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(20px + 20 * (100vw - 360px) / 1560);
  max-width: calc(320px + 415 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .attachment__head-top {
    max-width: 100%;
  }
}

.attachment__title {
  line-height: 120%;
}
.attachment__title * {
  line-height: inherit;
  font-size: inherit;
}

.attachment__head-row {
  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;
  position: relative;
}

.attachment__head-icon {
  -webkit-transform: rotate(-6deg);
      -ms-transform: rotate(-6deg);
          transform: rotate(-6deg);
  position: absolute;
  right: calc(-100px + -140 * (100vw - 360px) / 1560);
  top: calc(-30px + -40 * (100vw - 360px) / 1560);
  width: calc(89px + 94 * (100vw - 360px) / 1560);
  height: calc(79px + 69 * (100vw - 360px) / 1560);
}
.attachment__head-icon img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.attachment__head-text {
  font-size: calc(21px + 24 * (100vw - 360px) / 1560);
  line-height: 120%;
  text-align: right;
}
@media screen and (max-width: 992px) {
  .attachment__head-text {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .attachment__head-text {
    font-size: 21px;
  }
}

.attachment__head-bottom {
  max-width: calc(320px + 272 * (100vw - 360px) / 1560);
  padding-bottom: calc(60px + 40 * (100vw - 360px) / 1560);
  position: relative;
  margin-left: auto;
}

.attachment__head-image {
  position: absolute;
  bottom: -5px;
  left: calc(-30px + 20 * (100vw - 360px) / 1560);
  width: calc(240px + 156 * (100vw - 360px) / 1560);
  height: calc(88px + 57 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .attachment__head-image {
    left: 0;
  }
}
.attachment__head-image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.attachment__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr var(--column);
  grid-template-columns: 1fr var(--column);
  --column: calc(200px + 435 * (100vw - 360px) / 1560);
  grid-gap: calc(15px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .attachment__body {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  .attachment__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.attachment__card {
  position: relative;
  background: var(--white);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  border-radius: calc(15px + 15 * (100vw - 360px) / 1560);
}
.attachment__card::before, .attachment__card::after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  opacity: 0.3;
}
.attachment__card::before {
  top: calc(-3px + 3 * (100vw - 360px) / 1560);
  left: calc(-3px + 3 * (100vw - 360px) / 1560);
  background: url("../img/icon/border-top-left.svg") no-repeat center center/contain;
}
.attachment__card::after {
  top: calc(-3px + 3 * (100vw - 360px) / 1560);
  right: calc(-3px + 3 * (100vw - 360px) / 1560);
  background: url("../img/icon/border-top-right.svg") no-repeat center center/contain;
}

.attachment__card-inner {
  position: relative;
  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;
  height: 100%;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
  padding-top: calc(15px + 10 * (100vw - 360px) / 1560);
  padding-bottom: calc(15px + 10 * (100vw - 360px) / 1560);
  padding-left: calc(15px + 15 * (100vw - 360px) / 1560);
  padding-right: calc(15px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .attachment__card-inner {
    padding: 10px 15px;
  }
}
@media screen and (max-width: 767px) {
  .attachment__card-inner {
    padding: 15px;
  }
}
.attachment__card-inner::before, .attachment__card-inner::after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  opacity: 0.3;
}
.attachment__card-inner::before {
  left: calc(-3px + 3 * (100vw - 360px) / 1560);
  bottom: calc(-3px + 3 * (100vw - 360px) / 1560);
  background: url("../img/icon/border-bottom-left.svg") no-repeat center center/contain;
}
.attachment__card-inner::after {
  right: calc(-3px + 3 * (100vw - 360px) / 1560);
  bottom: calc(-3px + 3 * (100vw - 360px) / 1560);
  background: url("../img/icon/border-bottom-right.svg") no-repeat center center/contain;
}

.attachment__card--big {
  -ms-grid-row-span: 2;
  grid-row: 2 span;
  margin-left: calc(0px + 85 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .attachment__card--big {
    -ms-grid-row: 1;
    grid-row: 1;
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .attachment__card--big {
    -ms-grid-column: 1;
    grid-column: 1;
    margin-bottom: 10px;
  }
}
.attachment__card--big .attachment__card-inner {
  height: 100%;
  padding: 0;
  grid-gap: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.attachment__card--big .attachment__card-inner::before {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .attachment__card--big .attachment__card-inner::before {
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .attachment__card--big .attachment__card-inner::after {
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .attachment__card--big .attachment__card-inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.attachment__card--big .attachment__card-image {
  width: calc(140px + 198 * (100vw - 360px) / 1560);
  border-radius: calc(15px + 15 * (100vw - 360px) / 1560);
  --x: calc(0px + -30 * (100vw - 360px) / 1560);
  height: 100%;
}
@media screen and (max-width: 992px) {
  .attachment__card--big .attachment__card-image {
    width: 240px;
  }
}
@media screen and (max-width: 767px) {
  .attachment__card--big .attachment__card-image {
    width: 100%;
    height: 161px;
  }
}
.attachment__card--big .attachment__card-image img {
  -webkit-transform: scale(1.3) translateX(var(--x));
      -ms-transform: scale(1.3) translateX(var(--x));
          transform: scale(1.3) translateX(var(--x));
}
.attachment__card--big .attachment__card-image::before, .attachment__card--big .attachment__card-image::after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
}
.attachment__card--big .attachment__card-image::before {
  top: 0;
  right: 0;
  background: url("../img/icon/border-top-right.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .attachment__card--big .attachment__card-image::before {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    background: url("../img/icon/border-bottom-left.svg") no-repeat center center/contain;
  }
}
.attachment__card--big .attachment__card-image::after {
  right: 0;
  bottom: 0;
  background: url("../img/icon/border-bottom-right.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .attachment__card--big .attachment__card-title {
    font-size: 21px;
  }
}
.attachment__card--big .attachment__card-body {
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
  padding-top: calc(15px + 25 * (100vw - 360px) / 1560);
  padding-bottom: calc(15px + 25 * (100vw - 360px) / 1560);
  padding-left: calc(15px + 35 * (100vw - 360px) / 1560);
  padding-right: calc(15px + 25 * (100vw - 360px) / 1560);
}
.attachment__card--big::before {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .attachment__card--big::after {
    opacity: 1;
  }
}

.attachment__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;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}

.attachment__card-image {
  position: relative;
}
.attachment__card-image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.attachment__card--reverse .attachment__card-inner {
  padding: 0;
}
.attachment__card--reverse .attachment__card-body {
  padding-top: calc(15px + 10 * (100vw - 360px) / 1560);
  padding-bottom: calc(15px + 10 * (100vw - 360px) / 1560);
  padding-left: calc(15px + 15 * (100vw - 360px) / 1560);
  padding-right: calc(10px + 5 * (100vw - 360px) / 1560);
}
.attachment__card--reverse .attachment__card-image {
  width: calc(77px + 89 * (100vw - 360px) / 1560);
  height: calc(72px + 84 * (100vw - 360px) / 1560);
  margin-right: calc(20px + 10 * (100vw - 360px) / 1560);
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}

.attachment__card-title {
  line-height: 120%;
}
.attachment__card-title * {
  line-height: inherit;
}

@media screen and (max-width: 767px) {
  .attachment__card-text .fz-18 {
    font-size: 12px;
  }
}

.attachment__card-image--circle {
  width: calc(68px + 52 * (100vw - 360px) / 1560);
  height: calc(68px + 52 * (100vw - 360px) / 1560);
  border-radius: 50%;
  overflow: hidden;
}
.attachment__card-image--circle img {
  -o-object-fit: cover;
     object-fit: cover;
}

.attachment__card-btn {
  margin-top: auto;
}
@media screen and (max-width: 992px) {
  .attachment__card-btn {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .attachment__card-btn {
    margin-top: 30px;
  }
}

.include {
  position: relative;
  overflow: hidden;
}
.include::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(429px + 1465 * (100vw - 360px) / 1560);
  height: calc(429px + 1465 * (100vw - 360px) / 1560);
  right: calc(-200px + 300 * (100vw - 360px) / 1560);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
  border-right: 10px solid var(--red);
  z-index: -1;
  opacity: 0.05;
}
@media screen and (max-width: 992px) {
  .include::before {
    border-left: 3px solid var(--red);
    border-right: none;
    left: 13px;
    top: -191px;
  }
}
@media screen and (max-width: 767px) {
  .include::before {
    left: -48px;
    top: -72px;
  }
}

.include__inner {
  padding-top: calc(20px + 130 * (100vw - 360px) / 1560);
  padding-bottom: calc(20px + 30 * (100vw - 360px) / 1560);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 992px) {
  .include__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px) {
  .include__inner {
    grid-gap: 20px;
  }
}

@media screen and (max-width: 767px) {
  .include__body {
    display: -ms-grid;
    display: grid;
    grid-gap: 40px;
  }
}

.include__title {
  text-align: right;
  text-transform: uppercase;
  font-weight: 800;
  margin-left: auto;
  margin-bottom: calc(10px + 80 * (100vw - 360px) / 1560);
  max-width: calc(320px + 455 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1680px) {
  .include__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 1240px) {
  .include__title {
    font-size: 27px;
    max-width: 561px;
  }
}
@media screen and (max-width: 767px) {
  .include__title {
    max-width: 100%;
    font-size: 18px;
  }
}

.include__list {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-gap: calc(20px + 40 * (100vw - 360px) / 1560);
}
.include__list::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(529px + 399 * (100vw - 360px) / 1560);
  height: calc(529px + 399 * (100vw - 360px) / 1560);
  left: calc(-499px + -206 * (100vw - 360px) / 1560);
  top: calc(-140px + -88 * (100vw - 360px) / 1560);
  border-radius: 50%;
  -webkit-transform: rotate(40deg);
      -ms-transform: rotate(40deg);
          transform: rotate(40deg);
  border-right: 3px solid var(--blue);
  z-index: -1;
  opacity: 0.3;
}
@media screen and (max-width: 992px) {
  .include__list::before {
    border-left: 3px solid var(--blue);
    border-right: none;
    left: 13px;
    top: -191px;
    -webkit-transform: rotate(-40deg);
        -ms-transform: rotate(-40deg);
            transform: rotate(-40deg);
  }
}
@media screen and (max-width: 767px) {
  .include__list::before {
    left: -48px;
    top: -72px;
  }
}

.include__item {
  position: relative;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: var(--w-icon) 1fr;
  grid-template-columns: var(--w-icon) 1fr;
  --w-icon: calc(30px + 25 * (100vw - 360px) / 1560);
  grid-gap: calc(10px + 20 * (100vw - 360px) / 1560);
  max-width: calc(320px + 301 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .include__item {
    max-width: 100% !important;
    margin-left: 0 !important;
  }
}
.include__item::before {
  content: "";
  display: block;
  position: relative;
  height: calc(30px + 25 * (100vw - 360px) / 1560);
  background: -o-linear-gradient(109deg, #6ca5e0 -10.65%, #dff4fe 127.19%);
  background: linear-gradient(341deg, #6ca5e0 -10.65%, #dff4fe 127.19%);
  border-radius: 50%;
  overflow: hidden;
  width: var(--w-icon);
}
.include__item::after {
  content: "";
  display: block;
  position: absolute;
  left: calc(6px + 4 * (100vw - 360px) / 1560);
  width: calc(18px + 15 * (100vw - 360px) / 1560);
  height: calc(18px + 15 * (100vw - 360px) / 1560);
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../img/icon/plane.svg") no-repeat center center/contain;
}

.include__item:nth-child(1) {
  margin-left: calc(0px + 150 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .include__item:nth-child(1) {
    margin-left: 18px;
    max-width: 100%;
  }
}

.include__item:nth-child(2) {
  margin-left: calc(0px + 185 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .include__item:nth-child(2) {
    margin-left: 0;
    max-width: 100%;
  }
}

.include__item:nth-child(3) {
  margin-left: calc(0px + 196 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .include__item:nth-child(3) {
    margin-left: 0;
    max-width: 80%;
  }
}

.include__item:nth-child(4) {
  margin-left: calc(0px + 175 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .include__item:nth-child(4) {
    margin-left: 10px;
    max-width: 70%;
  }
}

.include__item:nth-child(5) {
  margin-left: calc(0px + 120 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .include__item:nth-child(5) {
    margin-left: 40px;
    max-width: 60%;
  }
}

.include__item:nth-child(6) {
  max-width: calc(280px + 220 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .include__item:nth-child(6) {
    margin-left: 97px;
    max-width: 50%;
  }
}

@media screen and (max-width: 767px) {
  .include__item-text {
    font-size: 12px;
  }
}

.include__bottom {
  position: relative;
  display: -ms-grid;
  display: grid;
  justify-items: end;
  margin-left: auto;
  top: calc(0px + -30 * (100vw - 360px) / 1560);
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
  max-width: calc(200px + 176 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .include__bottom {
    top: 0;
    max-width: 100%;
    margin-left: 0;
    justify-items: center;
  }
}

.include__label {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .include__label {
    text-align: center;
  }
}

@media screen and (max-width: 767px) {
  .include__btn {
    width: 100%;
  }
}

.include__head {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: calc(100px + 200 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .include__head {
    max-width: 480px;
    margin: 0 auto;
  }
}

.include__head-item {
  width: 100%;
  position: relative;
  font-weight: 700;
  text-align: center;
  font-size: calc(12px + 9 * (100vw - 360px) / 1560);
  max-width: calc(112px + 123 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1440px) {
  .include__head-item {
    font-size: 16px;
  }
}
@media screen and (max-width: 992px) {
  .include__head-item {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .include__head-item {
    font-size: 12px;
  }
}

.include__head-item:nth-child(1) {
  margin-bottom: calc(10px + 40 * (100vw - 360px) / 1560);
  left: calc(100px + 220 * (100vw - 360px) / 1560);
  max-width: calc(140px + 110 * (100vw - 360px) / 1560);
}

.include__head-item:nth-child(2) {
  margin-bottom: calc(22px + 78 * (100vw - 360px) / 1560);
  left: calc(26px + 64 * (100vw - 360px) / 1560);
}

.include__head-item:nth-child(3) {
  margin-bottom: calc(22px + 78 * (100vw - 360px) / 1560);
}

.include__image-wrapper {
  position: absolute;
  top: calc(40px + 30 * (100vw - 360px) / 1560);
  right: calc(-70px + 20 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .include__image-wrapper {
    right: 0px;
  }
}

.include__image {
  position: relative;
  border-radius: 50%;
}
.include__image img {
  overflow: hidden;
  border-radius: 50%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.include__image--big {
  width: calc(200px + 422 * (100vw - 360px) / 1560);
  height: calc(200px + 422 * (100vw - 360px) / 1560);
  padding: calc(20px + 30 * (100vw - 360px) / 1560);
}
.include__image--big::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("../img/icon/include-image-line.svg") no-repeat center center/contain;
}

.include__image--large {
  position: absolute;
  top: calc(-30px + -30 * (100vw - 360px) / 1560);
  right: calc(0px + 0 * (100vw - 360px) / 1560);
  width: calc(88px + 167 * (100vw - 360px) / 1560);
  height: calc(88px + 167 * (100vw - 360px) / 1560);
}

.include__image--small {
  position: absolute;
  bottom: calc(-50px + -50 * (100vw - 360px) / 1560);
  left: calc(-30px + -70 * (100vw - 360px) / 1560);
  width: calc(69px + 130 * (100vw - 360px) / 1560);
  height: calc(69px + 130 * (100vw - 360px) / 1560);
}

.include__image--little {
  position: absolute;
  bottom: calc(-30px + -70 * (100vw - 360px) / 1560);
  right: calc(0px + 100 * (100vw - 360px) / 1560);
  width: calc(48px + 92 * (100vw - 360px) / 1560);
  height: calc(48px + 92 * (100vw - 360px) / 1560);
}

.steps {
  position: relative;
}
.steps::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(-8.16%, #0faeff), color-stop(124.44%, rgba(15, 174, 255, 0)));
  background: -o-linear-gradient(bottom, #0faeff -8.16%, rgba(15, 174, 255, 0) 124.44%);
  background: linear-gradient(0deg, #0faeff -8.16%, rgba(15, 174, 255, 0) 124.44%);
  opacity: 0.05;
}

.steps__inner {
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
  padding-top: calc(40px + 60 * (100vw - 360px) / 1560);
}

.steps__head {
  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;
}
@media screen and (max-width: 767px) {
  .steps__head {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
  }
}

@media screen and (max-width: 767px) {
  .steps__title {
    font-size: 21px;
  }
}

.steps__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.steps__btn::after {
  content: "";
  display: block;
  position: relative;
  width: calc(24px + 8 * (100vw - 360px) / 1560);
  height: calc(24px + 8 * (100vw - 360px) / 1560);
  margin-left: 10px;
  background: url("../img/icon/list-icon.svg") no-repeat center center/contain;
}
@media screen and (max-width: 992px) {
  .steps__btn {
    font-size: 16px;
  }
}
@media screen and (hover: hover) {
  .steps__btn:hover {
    color: var(--blue);
  }
}

.steps__item {
  position: relative;
  display: -ms-grid;
  display: grid;
  grid-gap: calc(10px + 20 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .steps__item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}
.steps__item:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(10px + 77 * (100vw - 360px) / 1560);
  top: calc(52px + 85 * (100vw - 360px) / 1560);
  right: calc(-5px + -122 * (100vw - 360px) / 1560);
  height: 16px;
  background: url("../img/icon/arrow-right.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1680px) {
  .steps__item:not(:last-child)::after {
    height: 12px;
  }
}
@media screen and (max-width: 1440px) {
  .steps__item:not(:last-child)::after {
    right: -72px;
  }
}
@media screen and (max-width: 1240px) {
  .steps__item:not(:last-child)::after {
    height: 6px;
    right: -68px;
  }
}
@media screen and (max-width: 992px) {
  .steps__item:not(:last-child)::after {
    right: -36px;
  }
}
@media screen and (max-width: 767px) {
  .steps__item:not(:last-child)::after {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
        -ms-transform: translateX(-50%) rotate(90deg);
            transform: translateX(-50%) rotate(90deg);
    top: auto;
    bottom: -24px;
    width: 30px;
    height: 12px;
  }
}

.steps__item-title {
  text-transform: uppercase;
  font-weight: 800;
  color: var(--white);
  text-align: center;
  background: var(--bg);
  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: 0 auto;
  border-radius: 50%;
  font-size: calc(12px + 9 * (100vw - 360px) / 1560);
  width: calc(100px + 192 * (100vw - 360px) / 1560);
  height: calc(100px + 192 * (100vw - 360px) / 1560);
  padding: calc(5px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .steps__item-title {
    width: 112px;
    height: 112px;
    font-size: 12px;
  }
}

.steps__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: calc(0px + 169 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1440px) {
  .steps__body {
    grid-gap: 80px;
  }
}
@media screen and (max-width: 992px) {
  .steps__body {
    grid-gap: 40px;
  }
}
@media screen and (max-width: 767px) {
  .steps__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.steps__item-text {
  text-align: center;
}
@media screen and (max-width: 992px) {
  .steps__item-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .steps__item-text {
    text-align: left;
  }
}

.entrance {
  background: var(--white);
}

.entrance__inner {
  padding-top: calc(23px + 22 * (100vw - 360px) / 1560);
  padding-bottom: calc(23px + 22 * (100vw - 360px) / 1560);
}

.entrance__body {
  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: 20px;
  padding-top: calc(25px + 5 * (100vw - 360px) / 1560);
  padding-bottom: calc(25px + 5 * (100vw - 360px) / 1560);
  padding-right: calc(25px + 47 * (100vw - 360px) / 1560);
  border-top-right-radius: calc(30px + 30 * (100vw - 360px) / 1560);
  border-bottom-right-radius: calc(30px + 30 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .entrance__body {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.entrance__body::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(482px + 330 * (100vw - 360px) / 1560);
  border-radius: calc(30px + 30 * (100vw - 360px) / 1560);
  right: 0;
  top: 0;
  height: 100%;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(245, 0, 0, 0.1254901961)));
  background: -o-linear-gradient(left, #fff, rgba(245, 0, 0, 0.1254901961));
  background: linear-gradient(90deg, #fff, rgba(245, 0, 0, 0.1254901961));
  padding: 5px;
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}

.entrance__title {
  text-transform: uppercase;
  font-weight: 600;
}
.entrance__title .--shape {
  position: relative;
}
.entrance__title .--shape::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 10px;
  left: calc(0px + -10 * (100vw - 360px) / 1560);
  bottom: -6px;
  background: url("../img/icon/word-underline.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .entrance__title {
    font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .entrance__btn {
    width: 100%;
  }
}

.cost {
  padding-top: calc(40px + 58 * (100vw - 360px) / 1560);
  padding-bottom: calc(40px + 58 * (100vw - 360px) / 1560);
}

.cost__inner {
  background: rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: calc(30px + 40 * (100vw - 360px) / 1560);
  padding-top: calc(20px + 40 * (100vw - 360px) / 1560);
  padding-bottom: calc(20px + 40 * (100vw - 360px) / 1560);
  padding-left: calc(20px + 40 * (100vw - 360px) / 1560);
  padding-right: calc(20px + 40 * (100vw - 360px) / 1560);
  border-radius: calc(15px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .cost__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
}

.cost__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
  max-width: calc(200px + 304 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .cost__head {
    max-width: 100%;
  }
}

.cost__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(15px + 25 * (100vw - 360px) / 1560);
}

.cost__title {
  text-transform: uppercase;
  font-weight: 800;
}

.cost__btn {
  margin-top: auto;
}
@media screen and (max-width: 992px) {
  .cost__btn {
    margin-top: 10px;
  }
}

.cost__item:nth-child(1) {
  margin-left: calc(0px + 154 * (100vw - 360px) / 1560);
}

.cost__item:nth-child(2) {
  margin-right: calc(0px + 154 * (100vw - 360px) / 1560);
}

.cost__item-text {
  font-weight: 600;
}
@media screen and (max-width: 992px) {
  .cost__item-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .cost__item-text {
    font-size: 12px;
  }
}

.cost__item-body {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}

.cost__item {
  position: relative;
  background: var(--white);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  border-radius: calc(10px + 20 * (100vw - 360px) / 1560);
}
.cost__item::before, .cost__item::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(20px + 20 * (100vw - 360px) / 1560);
  height: calc(20px + 20 * (100vw - 360px) / 1560);
  opacity: 0.3;
}
.cost__item::before {
  top: -2px;
  left: -2px;
  background: url("../img/icon/border-top-left.svg") no-repeat center center/contain;
}
.cost__item::after {
  top: -2px;
  right: -2px;
  background: url("../img/icon/border-top-right.svg") no-repeat center center/contain;
}

.cost__item-inner {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: calc(10px + 20 * (100vw - 360px) / 1560);
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}
.cost__item-inner::before, .cost__item-inner::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(20px + 20 * (100vw - 360px) / 1560);
  height: calc(20px + 20 * (100vw - 360px) / 1560);
  opacity: 0.3;
}
.cost__item-inner::before {
  left: -2px;
  bottom: -2px;
  background: url("../img/icon/border-bottom-left.svg") no-repeat center center/contain;
}
.cost__item-inner::after {
  right: -2px;
  bottom: -2px;
  background: url("../img/icon/border-bottom-right.svg") no-repeat center center/contain;
}

.cost__item-icon {
  width: calc(63px + 37 * (100vw - 360px) / 1560);
  height: calc(50px + 31 * (100vw - 360px) / 1560);
}
.cost__item-icon img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.cost-hero {
  position: relative;
}
.cost-hero::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../img/icon/cost-hero-bg.svg") no-repeat center center/cover;
  width: calc(1729px + 1262 * (100vw - 360px) / 1560);
  height: calc(407px + 297 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .cost-hero::before {
    right: auto;
    left: 50%;
    top: 60%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
.cost-hero::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: -100%;
  -webkit-transform: translate(-50%) rotate(-6deg);
      -ms-transform: translate(-50%) rotate(-6deg);
          transform: translate(-50%) rotate(-6deg);
  background: url("../img/icon/teachers-hero-bg.svg") no-repeat right top/contain;
  width: 1570px;
  height: 200px;
}

.cost-hero__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  grid-gap: 15px;
  padding-bottom: calc(64px + 86 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .cost-hero__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.cost-hero__title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: calc(24px + 46 * (100vw - 360px) / 1560);
}
.cost-hero__title img {
  display: inline;
  width: calc(40px + 50 * (100vw - 360px) / 1560);
  height: calc(30px + 50 * (100vw - 360px) / 1560);
  -webkit-transform: rotate(-6deg);
      -ms-transform: rotate(-6deg);
          transform: rotate(-6deg);
  -o-object-fit: contain;
     object-fit: contain;
}

.cost-hero__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  grid-gap: 20px;
  max-width: calc(320px + 342 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .cost-hero__body {
    max-width: 100%;
  }
}

.cost-hero__desc {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .cost-hero__desc {
    text-align: left;
  }
}

.cost-hero__btn {
  margin-top: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .cost-hero__btn {
    margin-top: 0;
    margin-left: 0;
  }
}

.payment__inner {
  position: relative;
  padding-bottom: calc(60px + 40 * (100vw - 360px) / 1560);
}
.payment__inner:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(419px + 247 * (100vw - 360px) / 1560);
  height: calc(417px + 243 * (100vw - 360px) / 1560);
  top: 0;
  right: 0;
  z-index: -1;
  background: url("../img/payment.png") no-repeat center center/contain;
}
@media screen and (max-width: 1440px) {
  .payment__inner:after {
    width: 478px;
    height: 475px;
  }
}
@media screen and (max-width: 992px) {
  .payment__inner:after {
    width: 419px;
    height: 417px;
  }
}
@media screen and (max-width: 767px) {
  .payment__inner:after {
    opacity: 0.3;
    right: -100px;
  }
}

.payment__head {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
  margin-bottom: calc(20px + 30 * (100vw - 360px) / 1560);
  max-width: calc(100px + 530 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .payment__head {
    max-width: 100%;
  }
}

.payment__body {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(15px + 5 * (100vw - 360px) / 1560);
  margin-bottom: calc(30px + 50 * (100vw - 360px) / 1560);
  max-width: calc(400px + 650 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .payment__body {
    max-width: 100%;
  }
}

.payment__footer {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(15px + 15 * (100vw - 360px) / 1560);
  max-width: calc(100px + 900 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .payment__footer {
    max-width: 100%;
  }
}

.payment__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: calc(15px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .payment__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    max-width: 400px;
  }
}
@media screen and (max-width: 992px) {
  .payment__list {
    max-width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .payment__list {
    max-width: 100%;
  }
}

.payment__item {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: var(--w) 1fr;
  grid-template-columns: var(--w) 1fr;
  border: 1px solid var(--white);
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  font-weight: 700;
  line-height: 120%;
  font-size: calc(21px + 11 * (100vw - 360px) / 1560);
  padding: calc(10px + 10 * (100vw - 360px) / 1560);
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
  grid-gap: calc(15px + 5 * (100vw - 360px) / 1560);
  --w: calc(45px + 47 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1680px) {
  .payment__item {
    font-size: 24px;
    padding: 15px;
    --w: 52px;
  }
}
@media screen and (max-width: 992px) {
  .payment__item {
    font-size: 21px;
    padding: 10px;
    --w: 45px;
  }
}
.payment__item img {
  height: calc(45px + 47 * (100vw - 360px) / 1560);
  width: var(--w);
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 992px) {
  .payment__item img {
    width: 45px;
    height: 45px;
  }
}
.payment__item span {
  line-height: inherit;
}

@media screen and (max-width: 767px) {
  .payment__lbl {
    font-size: 12px;
  }
}

.payment__subtitle {
  font-weight: 700;
}
@media screen and (max-width: 992px) {
  .payment__subtitle {
    font-size: 16px;
  }
}

.payment__description-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(15px + 25 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .payment__description-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.payment__description-item {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}

.payment__description-title {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: var(--w) 1fr;
  grid-template-columns: var(--w) 1fr;
  color: var(--red);
  font-weight: 700;
  position: relative;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
  --w: calc(13px + 4 * (100vw - 360px) / 1560);
}
.payment__description-title::before {
  content: "";
  display: block;
  position: relative;
  height: calc(15px + 5 * (100vw - 360px) / 1560);
  width: var(--w);
  background: url("../img/icon/star-red.svg") no-repeat center center/contain;
}

.additional__inner {
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}

.additional__title {
  line-height: 120%;
}
.additional__title * {
  line-height: inherit;
}

.additional__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 screen and (max-width: 767px) {
  .additional__head {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
  }
}

.additional__title {
  max-width: calc(320px + 520 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .additional__title {
    max-width: 100%;
    font-size: 24px;
  }
}

.additional__head-content {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(20px + 20 * (100vw - 360px) / 1560);
  max-width: calc(320px + 233 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .additional__head-content {
    max-width: 100%;
  }
}

.additional__desc {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .additional__desc {
    text-align: left;
  }
}

.additional__btn {
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .additional__btn {
    margin-left: 0;
    width: 100%;
  }
}

.additional__body {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(20px + 10 * (100vw - 360px) / 1560);
  --col: calc(150px + 865 * (100vw - 360px) / 1560);
  -ms-grid-columns: var(--col) 1fr;
  grid-template-columns: var(--col) 1fr;
}
@media screen and (max-width: 1440px) {
  .additional__body {
    grid-gap: 15px;
  }
}
@media screen and (max-width: 992px) {
  .additional__body {
    grid-gap: 20px;
    -ms-grid-columns: calc(100vw - 40px);
    grid-template-columns: calc(100vw - 40px);
  }
}

.additional__swiper {
  width: 100%;
}

.additional__card {
  position: relative;
  background: rgba(255, 255, 255, 0.3764705882);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  border-radius: calc(20px + 10 * (100vw - 360px) / 1560);
  opacity: 0;
  visibility: hidden;
}
.additional__card::before, .additional__card::after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 2;
}
.additional__card::before {
  top: calc(-3px + 1 * (100vw - 360px) / 1560);
  left: calc(-3px + 1 * (100vw - 360px) / 1560);
  background: url("../img/icon/border-top-left.svg") no-repeat center center/contain;
}
.additional__card::after {
  bottom: calc(-3px + 1 * (100vw - 360px) / 1560);
  left: calc(-3px + 1 * (100vw - 360px) / 1560);
  background: url("../img/icon/border-bottom-left.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .additional__card::after {
    opacity: 0;
  }
}
.additional__card.swiper-slide-active {
  opacity: 1;
  visibility: visible;
}

.additional__card-inner {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .additional__card-inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.additional__card-inner::before, .additional__card-inner::after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 2;
  opacity: 0.3;
}
@media screen and (max-width: 767px) {
  .additional__card-inner::before, .additional__card-inner::after {
    opacity: 1;
  }
}
.additional__card-inner::before {
  top: calc(-3px + 1 * (100vw - 360px) / 1560);
  right: calc(-3px + 1 * (100vw - 360px) / 1560);
  background: url("../img/icon/border-top-right.svg") no-repeat center center/contain;
}
.additional__card-inner::after {
  bottom: calc(-3px + 1 * (100vw - 360px) / 1560);
  right: calc(-3px + 1 * (100vw - 360px) / 1560);
  background: url("../img/icon/border-bottom-right.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .additional__card-inner::after {
    opacity: 0;
  }
}

.additional__card-image {
  position: relative;
  padding: 45px 40px;
  height: 100%;
  background: var(--white);
  border-radius: calc(20px + 10 * (100vw - 360px) / 1560);
  width: calc(134px + 289 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1680px) {
  .additional__card-image {
    padding: 60px 20px;
  }
}
@media screen and (max-width: 1440px) {
  .additional__card-image {
    width: 272px;
  }
}
@media screen and (max-width: 1240px) {
  .additional__card-image {
    padding: 30px 20px;
    width: 250px;
  }
}
@media screen and (max-width: 767px) {
  .additional__card-image {
    width: 100%;
    height: 180px;
    padding: 20px 40px;
  }
}
.additional__card-image::before, .additional__card-image::after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
}
.additional__card-image::before {
  top: 0;
  right: 0;
  background: url("../img/icon/border-top-right.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .additional__card-image::before {
    top: auto;
    right: auto;
    left: 0;
    bottom: 0;
    background: url("../img/icon/border-bottom-left.svg") no-repeat center center/contain;
  }
}
.additional__card-image::after {
  right: 0;
  bottom: 0;
  background: url("../img/icon/border-bottom-right.svg") no-repeat center center/contain;
}
.additional__card-image img {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}

.additional__card-title {
  position: relative;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: var(--w) 1fr;
  grid-template-columns: var(--w) 1fr;
  --w: calc(28px + 27 * (100vw - 360px) / 1560);
  grid-gap: calc(5px + 10 * (100vw - 360px) / 1560);
  margin-bottom: calc(5px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .additional__card-title {
    font-size: 21px;
  }
}
.additional__card-title::before {
  content: "";
  display: block;
  position: relative;
  height: calc(25px + 24 * (100vw - 360px) / 1560);
  width: var(--w);
  background: url("../img/icon/program-icon.svg") no-repeat center center/contain;
}

.additional__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;
  padding: 40px 50px;
}
@media screen and (max-width: 1680px) {
  .additional__card-body {
    padding: 15px;
  }
}
@media screen and (max-width: 992px) {
  .additional__card-body {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 767px) {
  .additional__card-body {
    padding: 15px;
  }
}

.additional__card-tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}

.additional__card-tag-item {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  color: var(--dark-blue);
  font-weight: 600;
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
  --w: calc(10px + 5 * (100vw - 360px) / 1560);
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
  padding: calc(1px + 2 * (100vw - 360px) / 1560);
  -ms-grid-columns: var(--w) 1fr;
  grid-template-columns: var(--w) 1fr;
}
@media screen and (max-width: 1440px) {
  .additional__card-tag-item {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .additional__card-tag-item {
    font-size: 12px;
  }
}
.additional__card-tag-item::before {
  content: "";
  display: block;
  position: relative;
  background: url("../img/icon/star-blue.svg") no-repeat center center/contain;
  width: var(--w);
  height: calc(15px + 2 * (100vw - 360px) / 1560);
}

.additional__card-bottom {
  margin-top: auto;
  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: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  grid-gap: 10px;
}

.additional__box {
  position: relative;
  background: rgba(255, 255, 255, 0.3764705882);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  border-radius: calc(20px + 10 * (100vw - 360px) / 1560);
}
.additional__box::before, .additional__box::after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 2;
  opacity: 0.3;
}
.additional__box::before {
  top: calc(-3px + 1 * (100vw - 360px) / 1560);
  left: calc(-3px + 1 * (100vw - 360px) / 1560);
  background: url("../img/icon/border-top-left.svg") no-repeat center center/contain;
}
.additional__box::after {
  bottom: calc(-3px + 1 * (100vw - 360px) / 1560);
  left: calc(-3px + 1 * (100vw - 360px) / 1560);
  background: url("../img/icon/border-bottom-left.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .additional__box::after {
    opacity: 0;
  }
}

.additional__box-inner {
  height: 100%;
  padding-left: calc(15px + 15 * (100vw - 360px) / 1560);
  padding-right: calc(15px + 15 * (100vw - 360px) / 1560);
  padding-top: calc(20px + 10 * (100vw - 360px) / 1560);
  padding-bottom: calc(20px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1680px) {
  .additional__box-inner {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .additional__box-inner {
    padding: 15px;
  }
}
.additional__box-inner::before, .additional__box-inner::after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 2;
  opacity: 0.3;
}
@media screen and (max-width: 767px) {
  .additional__box-inner::before, .additional__box-inner::after {
    opacity: 1;
  }
}
.additional__box-inner::before {
  top: calc(-3px + 1 * (100vw - 360px) / 1560);
  right: calc(-3px + 1 * (100vw - 360px) / 1560);
  background: url("../img/icon/border-top-right.svg") no-repeat center center/contain;
}
.additional__box-inner::after {
  bottom: calc(-3px + 1 * (100vw - 360px) / 1560);
  right: calc(-3px + 1 * (100vw - 360px) / 1560);
  background: url("../img/icon/border-bottom-right.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .additional__box-inner::after {
    opacity: 0;
  }
}

.additional__box-item {
  cursor: pointer;
  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;
  grid-gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 27px;
  padding: calc(10px + 5 * (100vw - 360px) / 1560);
  border-radius: 15px;
}
@media screen and (max-width: 1680px) {
  .additional__box-item {
    font-size: 21px;
  }
}
@media screen and (max-width: 1240px) {
  .additional__box-item {
    font-size: 18px;
  }
}
@media screen and (hover: hover) {
  .additional__box-item:hover {
    background: rgba(144, 213, 87, 0.1);
  }
}
.additional__box-item.swiper-slide-thumb-active {
  background: rgba(144, 213, 87, 0.1);
}

.additional__box-item-name {
  position: relative;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: var(--w) 1fr;
  grid-template-columns: var(--w) 1fr;
  --w: calc(36px + 5 * (100vw - 360px) / 1560);
  grid-gap: calc(5px + 10 * (100vw - 360px) / 1560);
}
.additional__box-item-name::before {
  content: "";
  display: block;
  position: relative;
  height: calc(30px + 5 * (100vw - 360px) / 1560);
  width: var(--w);
  background: url("../img/icon/program-icon.svg") no-repeat center center/contain;
}

.additional__box-item-price {
  margin-left: auto;
}

.additional__swiper-thumb {
  overflow: hidden;
  padding-right: calc(20px + 20 * (100vw - 360px) / 1560);
  height: calc(360px + -100 * (100vw - 360px) / 1560);
}

.news-hero {
  position: relative;
}
.news-hero::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../img/icon/news-hero-bg.svg") no-repeat center center/cover;
  width: calc(1719px + 887 * (100vw - 360px) / 1560);
  height: calc(364px + 188 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .news-hero::before {
    left: 70%;
  }
}

.news-hero__inner {
  position: relative;
  padding-bottom: calc(104px + 134 * (100vw - 360px) / 1560);
}

.news-hero__body {
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  grid-gap: calc(20px + 25 * (100vw - 360px) / 1560);
  max-width: calc(320px + 790 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .news-hero__body {
    max-width: 100%;
  }
}

.news-hero__content {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.news-hero__title {
  text-align: center;
  text-transform: uppercase;
  line-height: 120%;
}
@media screen and (max-width: 992px) {
  .news-hero__title {
    font-size: 27px;
  }
}
@media screen and (max-width: 767px) {
  .news-hero__title {
    font-size: 21px;
  }
}

.news-hero__desc {
  text-align: center;
}

.news-hero__btn {
  margin: 0 auto;
}

.news-hero__image {
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
  z-index: -1;
}
.news-hero__image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.news-hero__image--big {
  width: calc(84px + 166 * (100vw - 360px) / 1560);
  height: calc(84px + 166 * (100vw - 360px) / 1560);
  right: calc(-32px + 62 * (100vw - 360px) / 1560);
  bottom: calc(135px + 2 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .news-hero__image--big {
    opacity: 0.2;
  }
}

.news-hero__image--large {
  width: calc(87px + 159 * (100vw - 360px) / 1560);
  height: calc(87px + 159 * (100vw - 360px) / 1560);
  left: calc(-32px + 55 * (100vw - 360px) / 1560);
  top: calc(-22px + 84 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .news-hero__image--large {
    opacity: 0.2;
  }
}

.news-hero__image--medium {
  width: calc(51px + 95 * (100vw - 360px) / 1560);
  height: calc(51px + 95 * (100vw - 360px) / 1560);
  top: calc(-60px + -27 * (100vw - 360px) / 1560);
  right: calc(30px + 188 * (100vw - 360px) / 1560);
}

.news-hero__image--small {
  width: calc(41px + 105 * (100vw - 360px) / 1560);
  height: calc(41px + 105 * (100vw - 360px) / 1560);
  left: calc(-15px + 385 * (100vw - 360px) / 1560);
  bottom: calc(80px + 10 * (100vw - 360px) / 1560);
}

.news-hero__image--little {
  width: calc(45px + 61 * (100vw - 360px) / 1560);
  height: calc(45px + 61 * (100vw - 360px) / 1560);
  right: calc(23px + 492 * (100vw - 360px) / 1560);
  bottom: calc(45px + 45 * (100vw - 360px) / 1560);
}

.articles__inner {
  padding-bottom: calc(40px + 45 * (100vw - 360px) / 1560);
}

@media screen and (max-width: 767px) {
  .articles__title {
    font-size: 21px;
  }
}

.articles__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 screen and (max-width: 992px) {
  .articles__head {
    display: -ms-grid;
    display: grid;
    grid-gap: 15px;
  }
}

.articles__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: calc(20px + 30 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .articles__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .articles__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (hover: hover) {
  .articles__list:hover .news-card:not(:hover) {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
  }
}

.articles__btn {
  margin: 0 auto;
}

.articles__filter {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  grid-gap: 20px;
  max-width: calc(600px + 400 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1680px) {
  .articles__filter {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 992px) {
  .articles__filter {
    max-width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .articles__filter {
    grid-gap: 5px;
  }
}

.articles__filter-btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.articles__filter-btn input {
  display: none;
}
.articles__filter-btn input:checked + span {
  background: var(--dark-blue);
  color: var(--white);
  border-color: transparent;
}
.articles__filter-btn span {
  border: 1px solid var(--dark);
  line-height: 80%;
  font-weight: 600;
  border-radius: calc(20px + 10 * (100vw - 360px) / 1560);
  padding-top: calc(7px + 3 * (100vw - 360px) / 1560);
  padding-bottom: calc(7px + 3 * (100vw - 360px) / 1560);
  padding-left: calc(14px + 6 * (100vw - 360px) / 1560);
  padding-right: calc(14px + 6 * (100vw - 360px) / 1560);
  font-size: calc(14px + 7 * (100vw - 360px) / 1560);
}
@media screen and (hover: hover) {
  .articles__filter-btn:hover span {
    border-color: var(--dark-blue);
    color: var(--dark-blue);
  }
}

@media screen and (max-width: 767px) {
  .other-articles__title {
    font-size: 21px;
  }
}

.entrance-hero {
  position: relative;
}
.entrance-hero::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: 60%;
  top: 35%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../img/icon/entrance-hero-bg.svg") no-repeat center center/cover;
  width: calc(2142px + 2227 * (100vw - 360px) / 1560);
  height: calc(286px + 297 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .entrance-hero::before {
    left: 70%;
    top: 60%;
  }
}

.entrance-hero__inner {
  padding-bottom: calc(54px + 66 * (100vw - 360px) / 1560);
}

.entrance-hero__body {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(30px + 20 * (100vw - 360px) / 1560);
  max-width: calc(320px + 920 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .entrance-hero__body {
    max-width: 100%;
  }
}

.entrance-hero__content {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.entrance-hero__title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: calc(24px + 46 * (100vw - 360px) / 1560);
}

.entrance-hero__desc {
  font-weight: 700;
  max-width: 905px;
  font-size: calc(16px + 8 * (100vw - 360px) / 1560);
}

.entrance-steps__inner {
  padding-bottom: calc(60px + 40 * (100vw - 360px) / 1560);
}

.entrance-steps__title {
  line-height: 120%;
  font-weight: 700;
}

.entrance-steps__list {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(20px + 40 * (100vw - 360px) / 1560);
}

.entrance-steps__item {
  position: relative;
  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;
  counter-increment: entrance-steps;
  grid-gap: calc(20px + 146 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .entrance-steps__item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
}
.entrance-steps__item::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(387px + 200 * (100vw - 360px) / 1560);
  border-radius: calc(20px + 10 * (100vw - 360px) / 1560);
  padding: calc(3px + 2 * (100vw - 360px) / 1560);
  right: 0;
  top: 0;
  height: 100%;
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(rgba(15, 174, 255, 0)), to(rgba(15, 174, 255, 0.2)));
  background: -o-linear-gradient(left, rgba(15, 174, 255, 0), rgba(15, 174, 255, 0.2));
  background: linear-gradient(90deg, rgba(15, 174, 255, 0), rgba(15, 174, 255, 0.2));
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.entrance-steps__item:last-child .entrance-steps__item-head::after {
  display: none;
}

.entrance-steps__item-body {
  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: calc(10px + 40 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .entrance-steps__item-body {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}

.entrance-steps__item-icon {
  background: var(--white);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  border-radius: calc(15px + 5 * (100vw - 360px) / 1560);
  padding-top: calc(15px + 15 * (100vw - 360px) / 1560);
  padding-bottom: calc(15px + 15 * (100vw - 360px) / 1560);
  padding-left: calc(8px + 7 * (100vw - 360px) / 1560);
  padding-right: calc(8px + 7 * (100vw - 360px) / 1560);
  width: calc(97px + 86 * (100vw - 360px) / 1560);
  height: calc(97px + 86 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .entrance-steps__item-icon {
    margin-top: 15px;
    margin-bottom: 80px;
  }
}
.entrance-steps__item-icon img,
.entrance-steps__item-icon svg {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.entrance-steps__item-content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 10px;
  grid-gap: calc(5px + 10 * (100vw - 360px) / 1560);
  max-width: calc(320px + 692 * (100vw - 360px) / 1560);
  padding-top: calc(5px + 15 * (100vw - 360px) / 1560);
  padding-bottom: calc(5px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .entrance-steps__item-content {
    max-width: 100%;
    padding-bottom: 15px;
    padding-top: 15px;
  }
}

.entrance-steps__item-num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  background: var(--blue);
  width: calc(47px + 35 * (100vw - 360px) / 1560);
  height: calc(47px + 35 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .entrance-steps__item-num {
    width: 47px;
    height: 47px;
  }
}
.entrance-steps__item-num::before {
  content: counter(entrance-steps);
  color: var(--white);
  line-height: 120%;
  font-weight: 700;
  text-align: center;
  font-size: calc(21px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .entrance-steps__item-num::before {
    font-size: 21px;
  }
}

.entrance-steps__item-text {
  font-weight: 600;
  line-height: 120%;
}
@media screen and (max-width: 992px) {
  .entrance-steps__item-text p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .entrance-steps__item-text p {
    font-size: 14px;
  }
}

.entrance-steps__item-head {
  position: relative;
}
.entrance-steps__item-head::before, .entrance-steps__item-head::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  background: rgba(15, 174, 255, 0.1882352941);
}
@media screen and (max-width: 767px) {
  .entrance-steps__item-head::before, .entrance-steps__item-head::after {
    display: none;
  }
}
.entrance-steps__item-head::before {
  width: calc(100px + 200 * (100vw - 360px) / 1560);
  height: 3px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.entrance-steps__item-head::after {
  width: 3px;
  height: calc(150px + 150 * (100vw - 360px) / 1560);
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .entrance-steps__item-head {
    position: absolute;
    top: auto;
    bottom: 15px;
    left: 0;
  }
}

.contacts {
  position: relative;
}
.contacts::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: 60%;
  top: 46%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../img/icon/contacts-bg.svg") no-repeat center center/cover;
  width: calc(3565px + 3270 * (100vw - 360px) / 1560);
  height: calc(175px + 161 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .contacts::before {
    left: 50%;
    top: 29%;
    -webkit-transform: translate(-50%, -50%) rotate(-5deg);
        -ms-transform: translate(-50%, -50%) rotate(-5deg);
            transform: translate(-50%, -50%) rotate(-5deg);
  }
}

.contacts__inner {
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}

.contacts__head {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(25px + 15 * (100vw - 360px) / 1560);
  max-width: calc(320px + 517 * (100vw - 360px) / 1560);
  margin-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .contacts__head {
    max-width: 100%;
  }
}

.contacts__content {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}

.contacts__title {
  text-transform: uppercase;
  font-weight: 700;
}

.contacts__btn-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: calc(10px + 20 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .contacts__btn-wrapper {
    display: -ms-grid;
    display: grid;
    grid-gap: 10px;
  }
}

@media screen and (max-width: 767px) {
  .contacts__btn {
    width: 100%;
  }
}

.contacts__btn-br svg {
  fill: #f50000;
}

.contacts__desc {
  max-width: calc(320px + 390 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .contacts__desc {
    max-width: 100%;
  }
}

.contacts__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 60px;
}
@media screen and (max-width: 1680px) {
  .contacts__body {
    grid-gap: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .contacts__body {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 20px;
  }
}
@media screen and (max-width: 767px) {
  .contacts__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.contacts__label {
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: calc(18px + 9 * (100vw - 360px) / 1560);
}
.contacts__label img,
.contacts__label svg {
  width: calc(24px + 24 * (100vw - 360px) / 1560);
  height: calc(24px + 24 * (100vw - 360px) / 1560);
  margin-right: calc(5px + 5 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}

.contacts__col {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
  padding-left: calc(30px + 30 * (100vw - 360px) / 1560);
}
@media screen and (hover: hover) {
  .contacts__col a:hover {
    color: var(--red);
  }
}

.contacts__item {
  font-size: calc(16px + 11 * (100vw - 360px) / 1560);
  font-weight: 500;
  line-height: 120%;
  color: var(--dark-blue);
}

.contacts__box-wrapper,
.contacts-adress__wrap {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}

.contacts-adress__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 20 * (100vw - 360px) / 1560);
}

.contacts__social-list {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 15 * (100vw - 360px) / 1560);
}

.contacts__social-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: calc(16px + 5 * (100vw - 360px) / 1560);
}
.contacts__social-link svg,
.contacts__social-link img {
  width: calc(18px + 9 * (100vw - 360px) / 1560);
  height: calc(18px + 9 * (100vw - 360px) / 1560);
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}

.contacts-adress__list {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(5px + 10 * (100vw - 360px) / 1560);
}

.contacts-adress__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
}
.contacts-adress__item svg,
.contacts-adress__item img {
  width: calc(18px + 6 * (100vw - 360px) / 1560);
  height: calc(18px + 6 * (100vw - 360px) / 1560);
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}

.contacts-requisites__list {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(20px + 5 * (100vw - 360px) / 1560);
}

.contacts-requisites__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: calc(14px + 7 * (100vw - 360px) / 1560);
}
.contacts-requisites__item::before {
  content: "";
  display: block;
  position: relative;
  width: calc(14px + 6 * (100vw - 360px) / 1560);
  height: calc(16px + 8 * (100vw - 360px) / 1560);
  margin-right: calc(5px + 10 * (100vw - 360px) / 1560);
  background: url("../img/icon/star-red.svg") no-repeat center center/contain;
}

.docs {
  position: relative;
}
.docs::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
  background: url("../img/icon/docs-bg.svg") no-repeat center center/contain;
  width: calc(1705px + 2310 * (100vw - 360px) / 1560);
  height: calc(363px + 494 * (100vw - 360px) / 1560);
  top: calc(-120px + -280 * (100vw - 360px) / 1560);
  left: calc(-812px + -706 * (100vw - 360px) / 1560);
}

.docs__inner {
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}

.docs__head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
  max-width: calc(320px + 866 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .docs__head {
    max-width: 100%;
  }
}

.docs__title {
  text-transform: uppercase;
}
@media screen and (max-width: 992px) {
  .docs__title {
    font-size: 27px;
  }
}
@media screen and (max-width: 767px) {
  .docs__title {
    font-size: 24px;
  }
}

.docs__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 40px 36px;
}
@media screen and (max-width: 1680px) {
  .docs__list {
    grid-gap: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .docs__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  .docs__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (hover: hover) {
  .docs__list:hover .docs-card:not(:hover) {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
  }
}

.docs__btn {
  margin: 0 auto;
}

.docs__desc {
  max-width: calc(320px + 485 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .docs__desc {
    max-width: 100%;
    font-size: 16px;
  }
}

.docs-card {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  position: relative;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}
.docs-card::before {
  content: "";
  display: block;
  position: absolute;
  --offset: calc(10px + 30 * (100vw - 360px) / 1560);
  --inset: calc(-5px + -15 * (100vw - 360px) / 1560);
  border-radius: calc(10px + 5 * (100vw - 360px) / 1560);
  width: calc(100% + var(--offset));
  height: calc(100% + var(--offset));
  top: var(--inset);
  left: var(--inset);
  z-index: -1;
  background: var(--white);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  opacity: 0;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
}
@media screen and (hover: hover) {
  .docs-card:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}

.docs-card__image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  overflow: hidden;
  border-radius: calc(10px + 5 * (100vw - 360px) / 1560);
}

.docs-card__title {
  font-weight: 600;
  font-size: calc(12px + 9 * (100vw - 360px) / 1560);
}

.intelligence-container {
  position: relative;
}
.intelligence-container::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  -webkit-transform: translateX(-50%) rotate(165deg);
      -ms-transform: translateX(-50%) rotate(165deg);
          transform: translateX(-50%) rotate(165deg);
  background: url("../img/icon/intelligence-bg.svg") no-repeat center top/contain;
  width: calc(1443px + 3650 * (100vw - 360px) / 1560);
  height: calc(216px + 546 * (100vw - 360px) / 1560);
  top: calc(-50px + -50 * (100vw - 360px) / 1560);
  left: calc(-200px + -500 * (100vw - 360px) / 1560);
}

.intelligence-sidebar {
  width: calc(251px + 203 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .intelligence-sidebar {
    width: calc(100vw - 120px);
  }
}

.intelligence {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(20px + 20 * (100vw - 360px) / 1560);
}

.intelligence__inner {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(30px + 30 * (100vw - 360px) / 1560);
}

.intelligence__title {
  text-transform: uppercase;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .intelligence__title {
    font-size: 18px;
  }
}

.intelligence__rows-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.9fr 1.1fr;
  grid-template-columns: 0.9fr 1.1fr;
  grid-gap: calc(10px + 20 * (100vw - 360px) / 1560);
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .intelligence__rows-item {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.intelligence__rows-item:not(:first-child) {
  padding-top: calc(10px + 10 * (100vw - 360px) / 1560);
}
.intelligence__rows-item:not(:last-child) {
  padding-bottom: calc(10px + 10 * (100vw - 360px) / 1560);
  border-bottom: 1px solid rgba(116, 117, 118, 0.1254901961);
}

.intelligence__rows-name {
  font-weight: 600;
}

.intelligence__rows-data {
  font-weight: 700;
  color: var(--dark-blue);
}

.intelligence-content__title {
  font-weight: 700;
  color: var(--blue);
}
@media screen and (max-width: 992px) {
  .intelligence-content__title {
    font-size: 21px;
  }
}

.intelligence-content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(15px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .intelligence-content {
    grid-gap: 15px;
  }
}

@media screen and (max-width: 992px) {
  .intelligence-block__title {
    font-size: 16px;
  }
}

.intelligence-content__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(20px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .intelligence-content__body {
    grid-gap: 20px;
  }
}

.intelligence-block {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: 15px;
}

.intelligence-block__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(15px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .intelligence-block__body {
    grid-gap: 15px;
  }
}

.intelligence-docs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .intelligence-docs {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px 10px;
  }
}

.intelligence-docs__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 120%;
  font-weight: 600;
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .intelligence-docs__item {
    font-size: 12px;
  }
}
.intelligence-docs__item::before {
  content: "";
  display: block;
  position: relative;
  width: calc(30px + 29 * (100vw - 360px) / 1560);
  min-width: calc(30px + 29 * (100vw - 360px) / 1560);
  height: calc(30px + 29 * (100vw - 360px) / 1560);
  margin-right: calc(10px + 5 * (100vw - 360px) / 1560);
  background: url("../img/icon/pdf.svg") no-repeat center center/contain;
}
@media screen and (hover: hover) {
  .intelligence-docs__item:hover {
    color: var(--dark-blue);
  }
}

.learning-hero {
  position: relative;
}
.learning-hero::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(3977px + 2857 * (100vw - 360px) / 1560);
  height: calc(531px + 382 * (100vw - 360px) / 1560);
  top: calc(280px + 67 * (100vw - 360px) / 1560);
  left: calc(-962px + -112 * (100vw - 360px) / 1560);
  z-index: -1;
  -webkit-transform: translateX(-50%) rotate(155deg);
      -ms-transform: translateX(-50%) rotate(155deg);
          transform: translateX(-50%) rotate(155deg);
  background: url("../img/icon/learning-hero-bg.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .learning-hero::after {
    -webkit-transform: translateX(-50%) rotate(130deg);
        -ms-transform: translateX(-50%) rotate(130deg);
            transform: translateX(-50%) rotate(130deg);
    top: 671px;
    left: -601px;
  }
}

.learning-hero__inner {
  padding-bottom: 40px;
  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;
}
@media screen and (max-width: 767px) {
  .learning-hero__inner {
    grid-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.learning-hero__head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(30px + 30 * (100vw - 360px) / 1560);
  max-width: calc(320px + 551 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .learning-hero__head {
    max-width: 100%;
  }
}

.learning-hero__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.learning-hero__title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: calc(27px + 33 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-hero__title {
    font-size: 27px;
  }
}

.learning-hero__desc {
  max-width: calc(320px + 413 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-hero__desc {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .learning-hero__desc {
    max-width: 100%;
  }
}

.learning-hero__body {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (max-width: 992px) {
  .learning-hero__body {
    max-width: 480px;
    margin: 0 auto;
  }
}

.learning-hero__list {
  position: relative;
  top: calc(30px + -90 * (100vw - 360px) / 1560);
}

.learning-hero__item {
  width: 100%;
  position: relative;
  font-weight: 700;
  text-align: center;
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
  max-width: calc(112px + 123 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1440px) {
  .learning-hero__item {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .learning-hero__item {
    font-size: 12px;
  }
}

.learning-hero__item:nth-child(1) {
  margin-bottom: calc(26px + 28 * (100vw - 360px) / 1560);
  left: calc(100px + 180 * (100vw - 360px) / 1560);
  max-width: calc(180px + 80 * (100vw - 360px) / 1560);
}

.learning-hero__item:nth-child(2) {
  margin-bottom: calc(22px + 55 * (100vw - 360px) / 1560);
  left: calc(26px + 64 * (100vw - 360px) / 1560);
}

.learning-hero__item:nth-child(3) {
  margin-bottom: calc(22px + 48 * (100vw - 360px) / 1560);
}

.learning-hero__image-wrapper {
  margin-top: calc(100px + -100 * (100vw - 360px) / 1560);
}

.learning-hero__image {
  position: relative;
  border-radius: 50%;
}
.learning-hero__image img {
  overflow: hidden;
  border-radius: 50%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.learning-hero__image--big {
  width: calc(200px + 307 * (100vw - 360px) / 1560);
  height: calc(200px + 307 * (100vw - 360px) / 1560);
  padding: calc(20px + 30 * (100vw - 360px) / 1560);
}
.learning-hero__image--big::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: url("../img/icon/include-image-line.svg") no-repeat center center/contain;
}

.learning-hero__image--large {
  position: absolute;
  top: calc(80px + -140 * (100vw - 360px) / 1560);
  right: calc(0px + 0 * (100vw - 360px) / 1560);
  width: calc(88px + 122 * (100vw - 360px) / 1560);
  height: calc(88px + 122 * (100vw - 360px) / 1560);
}

.learning-hero__image--small {
  position: absolute;
  left: calc(0px + -100 * (100vw - 360px) / 1560);
  top: calc(20px + -120 * (100vw - 360px) / 1560);
  width: calc(46px + 64 * (100vw - 360px) / 1560);
  height: calc(46px + 64 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-hero__image--small {
    left: 0;
  }
}

.learning-about__inner {
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}

.learning-about__title {
  font-weight: 700;
  font-size: calc(21px + 24 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .learning-about__title {
    font-size: 21px;
  }
}

@media screen and (max-width: 992px) {
  .learning-about__list-item {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .learning-about__list-item {
    font-size: 14px;
  }
}

.learning-about__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: calc(20px + 60 * (100vw - 360px) / 1560);
  margin-bottom: calc(30px + 50 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .learning-about__head {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.learning-about__head-inner {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(20px + 20 * (100vw - 360px) / 1560);
}

.learning-about__image {
  position: relative;
  overflow: hidden;
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
  width: calc(280px + 338 * (100vw - 360px) / 1560);
  height: calc(254px + 256 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1440px) {
  .learning-about__image {
    width: 430px;
  }
}
@media screen and (max-width: 992px) {
  .learning-about__image {
    width: 300px;
    height: 254px;
  }
}
@media screen and (max-width: 767px) {
  .learning-about__image {
    width: 100%;
    height: 265px;
  }
}
.learning-about__image img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.learning-about__counter-list {
  position: relative;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  background: rgba(255, 255, 255, 0.7);
  border-radius: calc(12px + 3 * (100vw - 360px) / 1560);
}
.learning-about__counter-list::before, .learning-about__counter-list::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(20px + 12 * (100vw - 360px) / 1560);
  height: calc(20px + 12 * (100vw - 360px) / 1560);
  z-index: 2;
  opacity: 0.3;
}
.learning-about__counter-list::before {
  top: -2px;
  left: -2px;
  background: url("../img/icon/border-top-left.svg") no-repeat center center/contain;
}
.learning-about__counter-list::after {
  bottom: -2px;
  left: -2px;
  background: url("../img/icon/border-bottom-left.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1240px) {
  .learning-about__counter-list {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .learning-about__counter-list {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

.learning-about__counter-inner {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  padding: calc(10px + 10 * (100vw - 360px) / 1560);
}
.learning-about__counter-inner::before, .learning-about__counter-inner::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(20px + 12 * (100vw - 360px) / 1560);
  height: calc(20px + 12 * (100vw - 360px) / 1560);
  z-index: 2;
  opacity: 0.3;
}
.learning-about__counter-inner::before {
  right: -2px;
  top: -2px;
  background: url("../img/icon/border-top-right.svg") no-repeat center center/contain;
}
.learning-about__counter-inner::after {
  bottom: -2px;
  right: -2px;
  background: url("../img/icon/border-bottom-right.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .learning-about__counter-inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 1680px) {
  .learning-about__counter-inner {
    padding: 15px;
  }
}

.learning-about__counter-item {
  color: var(--color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.learning-about__counter-item:not(:first-child) {
  padding-left: 15px;
}
@media screen and (max-width: 767px) {
  .learning-about__counter-item:not(:first-child) {
    padding-top: 5px;
    padding-left: 0;
  }
}
.learning-about__counter-item:not(:last-child) {
  padding-right: 15px;
  border-right: 1px solid rgba(116, 117, 118, 0.1254901961);
}
@media screen and (max-width: 767px) {
  .learning-about__counter-item:not(:last-child) {
    padding-right: 0;
    padding-bottom: 5px;
    border-right: none;
    border-bottom: 1px solid rgba(116, 117, 118, 0.1254901961);
  }
}

.learning-about__counter-lbl {
  font-weight: 600;
  font-size: calc(18px + 6 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1440px) {
  .learning-about__counter-lbl {
    font-size: 21px;
  }
}
@media screen and (max-width: 1240px) {
  .learning-about__counter-lbl {
    font-size: 18px;
  }
}

.learning-about__counter-text {
  font-weight: 500;
  font-size: calc(14px + 4 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1440px) {
  .learning-about__counter-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .learning-about__counter-text {
    font-size: 14px;
  }
}

.learning-about__counter-num {
  font-weight: 700;
  margin: 0 5px;
  font-size: calc(32px + 28 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1440px) {
  .learning-about__counter-num {
    font-size: 40px;
  }
}
@media screen and (max-width: 1240px) {
  .learning-about__counter-num {
    font-size: 32px;
  }
}

.learning-about__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(30px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-about__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.learning-about__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;
  grid-gap: calc(15px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .learning-about__card {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.learning-about__card-image {
  width: calc(120px + 147 * (100vw - 360px) / 1560);
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1240px) {
  .learning-about__card-image {
    width: 157px;
  }
}
@media screen and (max-width: 767px) {
  .learning-about__card-image {
    width: 100%;
    -ms-grid-row: 2;
    grid-row: 2;
    height: 264px;
    padding-top: 0;
    grid-row: 1;
  }
}
.learning-about__card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.learning-about__card-body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}

@media screen and (max-width: 992px) {
  .learning-about__card-title {
    font-size: 21px;
  }
}
@media screen and (max-width: 767px) {
  .learning-about__card-title {
    font-size: 18px;
  }
}

.learning-materials {
  background: rgba(15, 174, 255, 0.062745098);
}

.learning-materials__inner {
  padding-top: calc(25px + 35 * (100vw - 360px) / 1560);
  padding-bottom: calc(40px + 40 * (100vw - 360px) / 1560);
  max-width: 1398px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  justify-items: center;
}

.learning-materials__head {
  max-width: 1124px;
}

.learning-materials__title {
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .learning-materials__title {
    font-size: 18px;
  }
}

.learning-materials__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-gap: calc(15px + 105 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-materials__body {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.learning-materials__card {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(15px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-materials__card {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}
@media screen and (max-width: 767px) {
  .learning-materials__card {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.learning-materials__card-image {
  border-radius: calc(10px + 5 * (100vw - 360px) / 1560);
  width: calc(140px + 176 * (100vw - 360px) / 1560);
  padding-top: 50%;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1440px) {
  .learning-materials__card-image {
    width: 100%;
  }
}
@media screen and (max-width: 992px) {
  .learning-materials__card-image {
    width: 210px;
  }
}
@media screen and (max-width: 767px) {
  .learning-materials__card-image {
    width: 100%;
  }
}
.learning-materials__card-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.learning-materials__card-body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: 10px;
}

.learning-materials__card-title {
  line-height: 120%;
}
@media screen and (max-width: 992px) {
  .learning-materials__card-title {
    font-size: 18px;
  }
}

@media screen and (max-width: 992px) {
  .learning-materials__card-text p {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .learning-materials__card-text p {
    font-size: 14px;
  }
}

.learning-classes__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: calc(40px + 60 * (100vw - 360px) / 1560);
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-classes__inner {
    display: -ms-grid;
    display: grid;
    grid-gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .learning-classes__inner {
    grid-gap: 25px;
  }
}

.learning-classes__head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(5px + 15 * (100vw - 360px) / 1560);
  max-width: calc(320px + 182 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-classes__head {
    max-width: 100%;
  }
}

.learning-classes__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: calc(15px + 35 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-classes__list {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .learning-classes__list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}

.learning-classes__item {
  position: relative;
  background: transparent;
  border-radius: 15px;
  color: var(--dark);
}
.learning-classes__item::before, .learning-classes__item::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(20px + 5 * (100vw - 360px) / 1560);
  height: calc(20px + 5 * (100vw - 360px) / 1560);
  z-index: 2;
}
.learning-classes__item::before {
  top: -2px;
  left: -2px;
  background: url("../img/icon/border-top-left.svg") no-repeat center center/contain;
}
.learning-classes__item::after {
  bottom: -2px;
  left: -2px;
  background: url("../img/icon/border-bottom-left.svg") no-repeat center center/contain;
}
@media screen and (hover: hover) {
  .learning-classes__item:hover {
    background: rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
            box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
    color: var(--red);
  }
}
.learning-classes__item:active {
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  color: var(--red);
}

.learning-classes__item-inner {
  min-height: calc(53px + 45 * (100vw - 360px) / 1560);
  font-size: calc(18px + 14 * (100vw - 360px) / 1560);
  padding: calc(5px + 10 * (100vw - 360px) / 1560);
  position: relative;
  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;
  line-height: 100%;
  font-weight: 600;
}
.learning-classes__item-inner::before, .learning-classes__item-inner::after {
  content: "";
  display: block;
  position: absolute;
  width: calc(20px + 5 * (100vw - 360px) / 1560);
  height: calc(20px + 5 * (100vw - 360px) / 1560);
  z-index: 2;
}
.learning-classes__item-inner::before {
  right: -2px;
  top: -2px;
  background: url("../img/icon/border-top-right.svg") no-repeat center center/contain;
}
.learning-classes__item-inner::after {
  bottom: -2px;
  right: -2px;
  background: url("../img/icon/border-bottom-right.svg") no-repeat center center/contain;
}

@media screen and (max-width: 767px) {
  .learning-classes__title {
    font-size: 21px;
  }
}

.learning-attestation {
  background: rgba(15, 174, 255, 0.062745098);
}

.learning-attestation__inner {
  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: calc(20px + 20 * (100vw - 360px) / 1560);
  padding-top: calc(25px + 35 * (100vw - 360px) / 1560);
  padding-bottom: calc(25px + 35 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-attestation__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.learning-attestation__head {
  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: calc(10px + 30 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .learning-attestation__head {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.learning-attestation__image {
  width: calc(200px + 132 * (100vw - 360px) / 1560);
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
  padding-top: 81.25%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 992px) {
  .learning-attestation__image {
    width: 266px;
  }
}
@media screen and (max-width: 767px) {
  .learning-attestation__image {
    width: 100%;
  }
}
.learning-attestation__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.learning-attestation__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(20px + 15 * (100vw - 360px) / 1560);
  height: 100%;
}

.learning-attestation__data {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}

.learning-attestation__btn {
  margin-top: auto;
}

@media screen and (max-width: 767px) {
  .learning-attestation__title {
    font-size: 21px;
  }
}

.learning-attestation__box {
  display: -ms-grid;
  display: grid;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
  width: calc(200px + 330 * (100vw - 360px) / 1560);
  padding: calc(15px + 15 * (100vw - 360px) / 1560);
  border-radius: calc(10px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-attestation__box {
    width: 100%;
  }
}

.learning-attestation__box-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.learning-attestation__box-title::before {
  content: "";
  display: block;
  position: relative;
  width: calc(36px + 29 * (100vw - 360px) / 1560);
  height: calc(30px + 23 * (100vw - 360px) / 1560);
  margin-right: 10px;
  background: url("../img/icon/doc-ico.svg") no-repeat center center/contain;
}

.learning-certification__inner {
  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: calc(20px + 10 * (100vw - 360px) / 1560);
  padding-top: calc(25px + 35 * (100vw - 360px) / 1560);
  padding-bottom: calc(25px + 35 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-certification__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.learning-certification__head {
  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;
}
@media screen and (max-width: 767px) {
  .learning-certification__head {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.learning-certification__image {
  width: calc(220px + 60 * (100vw - 360px) / 1560);
  height: calc(200px + 80 * (100vw - 360px) / 1560);
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
  position: relative;
  overflow: hidden;
}
.learning-certification__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.learning-certification__data {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}

.learning-certification__box-inner {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}

.learning-certification__box {
  display: -ms-grid;
  display: grid;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  grid-gap: calc(20px + 5 * (100vw - 360px) / 1560);
  width: calc(200px + 566 * (100vw - 360px) / 1560);
  padding: calc(15px + 15 * (100vw - 360px) / 1560);
  border-radius: calc(10px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-certification__box {
    width: 100%;
  }
}

.learning-certification__box-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.learning-certification__box-title::before {
  content: "";
  display: block;
  position: relative;
  width: calc(36px + 29 * (100vw - 360px) / 1560);
  height: calc(30px + 23 * (100vw - 360px) / 1560);
  margin-right: 10px;
  background: url("../img/icon/doc-ico.svg") no-repeat center center/contain;
}

.learning-certification__box-btn {
  margin-left: auto;
}

.learning-additional__inner {
  padding-top: calc(20px + 40 * (100vw - 360px) / 1560);
  padding-bottom: calc(20px + 40 * (100vw - 360px) / 1560);
  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;
}
@media screen and (max-width: 767px) {
  .learning-additional__inner {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
  }
}

.learning-additional__head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(20px + 40 * (100vw - 360px) / 1560);
}

.learning-additional__content {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.learning-additional__title {
  font-weight: 800;
  text-transform: uppercase;
  line-height: 120%;
  font-size: calc(21px + 24 * (100vw - 360px) / 1560);
  max-width: calc(260px + 392 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-additional__title {
    max-width: 260px;
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .learning-additional__title {
    max-width: 100%;
    font-size: 21px;
  }
}

.learning-additional__desc {
  max-width: calc(260px + 313 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .learning-additional__desc {
    max-width: 260px;
  }
}
@media screen and (max-width: 767px) {
  .learning-additional__desc {
    max-width: 100%;
  }
}

.learning-additional__program-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(15px + 25 * (100vw - 360px) / 1560);
  margin-left: 20px;
}
@media screen and (max-width: 992px) {
  .learning-additional__program-list {
    grid-gap: 15px 10px;
  }
}
@media screen and (max-width: 767px) {
  .learning-additional__program-list {
    margin-left: 0;
  }
}

.learning-additional__btn {
  width: 100%;
  max-width: 339px;
}
@media screen and (max-width: 1680px) {
  .learning-additional__btn {
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.program-hero {
  position: relative;
}
.program-hero::before {
  content: "";
  display: block;
  position: absolute;
  top: -174px;
  left: 1101px;
  top: calc(-53px + -87 * (100vw - 360px) / 1560);
  left: calc(380px + 670 * (100vw - 360px) / 1560);
  width: calc(2053px + 1981 * (100vw - 360px) / 1560);
  height: calc(371px + 359 * (100vw - 360px) / 1560);
  z-index: -1;
  -webkit-transform: translateX(-50%) rotate(177deg);
      -ms-transform: translateX(-50%) rotate(177deg);
          transform: translateX(-50%) rotate(177deg);
  background: url("../img/icon/news-hero-bg.svg") no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
  .program-hero::before {
    -webkit-transform: translateX(-50%) rotate(143deg);
        -ms-transform: translateX(-50%) rotate(143deg);
            transform: translateX(-50%) rotate(143deg);
  }
}

.program-hero__inner {
  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);
  grid-gap: calc(20px + 40 * (100vw - 360px) / 1560);
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .program-hero__inner {
    grid-gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  .program-hero__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.program-hero__head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(20px + 20 * (100vw - 360px) / 1560);
}

.program-hero__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.program-hero__body {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(0px + 25 * (100vw - 360px) / 1560);
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 992px) {
  .program-hero__body {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0;
  }
}

.program-hero__title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: calc(24px + 36 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .program-hero__title {
    font-size: 27px;
  }
}
@media screen and (max-width: 767px) {
  .program-hero__title {
    font-size: 24px;
  }
}

@media screen and (max-width: 767px) {
  .program-hero__desc {
    font-size: 16px;
  }
}

.program-hero__item {
  padding: calc(10px + 10 * (100vw - 360px) / 1560);
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
  font-weight: 600;
  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;
  text-align: center;
  position: relative;
}
.program-hero__item::before {
  content: "";
  display: block;
  position: relative;
  width: calc(40px + 27 * (100vw - 360px) / 1560);
  height: calc(32px + 23 * (100vw - 360px) / 1560);
  margin-bottom: calc(10px + 5 * (100vw - 360px) / 1560);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.program-hero__item:nth-child(1)::before {
  background-image: url("../img/icon/program-hero-icon-1.svg");
}
.program-hero__item:nth-child(2)::before {
  background-image: url("../img/icon/program-hero-icon-2.svg");
}
.program-hero__item:nth-child(3)::before {
  background-image: url("../img/icon/program-hero-icon-3.svg");
}
.program-hero__item:nth-child(4)::before {
  background-image: url("../img/icon/program-hero-icon-4.svg");
}
.program-hero__item:nth-child(5)::before {
  background-image: url("../img/icon/program-hero-icon-5.svg");
}
.program-hero__item:nth-child(6)::before {
  background-image: url("../img/icon/program-hero-icon-6.svg");
}

.program-schedule__inner {
  padding-top: calc(40px + 60 * (100vw - 360px) / 1560);
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}

.program-schedule__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .program-schedule__head {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
  }
}

.program-schedule__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 30 * (100vw - 360px) / 1560);
  max-width: calc(320px + 326 * (100vw - 360px) / 1560);
  margin-right: calc(0px + 167 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .program-schedule__content {
    margin-right: 0;
    max-width: 100%;
  }
}

@media screen and (max-width: 1440px) {
  .program-schedule__title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1240px) {
  .program-schedule__title {
    font-size: 27px;
  }
}
.program-schedule__title .--shape-blue::before {
  opacity: 0.3;
}

.program-schedule__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: calc(15px + 5 * (100vw - 360px) / 1560);
  grid-row-gap: calc(15px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .program-schedule__list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.program-schedule__item {
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.program-schedule__item-icon {
  width: calc(30px + 20 * (100vw - 360px) / 1560);
  height: calc(26px + 17 * (100vw - 360px) / 1560);
}

.program-schedule__item-title {
  font-size: calc(14px + 13 * (100vw - 360px) / 1560);
}

.program-schedule__grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
  grid-row-gap: calc(20px + 20 * (100vw - 360px) / 1560);
  grid-column-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .program-schedule__grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .program-schedule__grid {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .program-schedule__grid {
    grid-gap: 15px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.program-schedule__col {
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  background: var(--white);
  display: -ms-grid;
  display: grid;
  grid-gap: calc(15px + 5 * (100vw - 360px) / 1560);
  padding-top: calc(10px + 10 * (100vw - 360px) / 1560);
  padding-bottom: calc(10px + 10 * (100vw - 360px) / 1560);
  padding-left: calc(10px + 20 * (100vw - 360px) / 1560);
  padding-right: calc(10px + 20 * (100vw - 360px) / 1560);
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
}

.program-schedule__col-title {
  font-size: calc(14px + 10 * (100vw - 360px) / 1560);
  font-weight: 700;
  line-height: 120%;
}

.program-schedule__col-list {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(5px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .program-schedule__col-list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .program-schedule__col-list {
    grid-gap: 5px;
  }
}

.program-schedule__card {
  border: 2px solid var(--orange);
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  line-height: 120%;
  padding: calc(10px + 5 * (100vw - 360px) / 1560);
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
  border-radius: calc(10px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .program-schedule__card {
    padding: 10px;
  }
}
.program-schedule__card.--border-green {
  border-color: var(--green);
}
.program-schedule__card.--border-orange {
  border-color: var(--orange);
}

.program-schedule__card-time {
  color: var(--gray);
  line-height: 120%;
  font-weight: 600;
  font-size: calc(11px + 5 * (100vw - 360px) / 1560);
}

.program-schedule__card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  line-height: 120%;
  font-weight: 600;
  font-size: calc(11px + 7 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .program-schedule__card-title {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .program-schedule__card-title {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 11px;
  }
}
.program-schedule__card-title::before {
  content: "";
  display: block;
  position: relative;
  width: calc(20px + 10 * (100vw - 360px) / 1560);
  min-width: calc(20px + 10 * (100vw - 360px) / 1560);
  height: calc(17px + 9 * (100vw - 360px) / 1560);
  margin-right: calc(5px + 5 * (100vw - 360px) / 1560);
  background: url("../img/icon/doc-ico.svg") no-repeat center center/contain;
}
@media screen and (max-width: 1240px) {
  .program-schedule__card-title::before {
    width: 20px;
    height: 17px;
  }
}

.program-schedule__bottom {
  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;
  grid-gap: calc(15px + 25 * (100vw - 360px) / 1560);
}

.program-schedule__indicator {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 600;
  line-height: 120%;
}
.program-schedule__indicator::before {
  content: "";
  display: block;
  position: relative;
  width: calc(25px + 10 * (100vw - 360px) / 1560);
  min-width: calc(25px + 10 * (100vw - 360px) / 1560);
  height: calc(25px + 10 * (100vw - 360px) / 1560);
  border-radius: 5px;
  margin-right: 15px;
  background: var(--clr);
}

.description__inner {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(20px + 15 * (100vw - 360px) / 1560);
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}

.description__cols {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: 0.95fr 1.05fr;
  grid-template-columns: 0.95fr 1.05fr;
  grid-gap: calc(25px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .description__cols {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.description__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 20 * (100vw - 360px) / 1560);
}

.description__image {
  position: relative;
  overflow: hidden;
  border-radius: calc(10px + 5 * (100vw - 360px) / 1560);
  padding-top: 68.75%;
}
.description__image img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.description__image--16-4 {
  padding-top: 25%;
}

.description__image--16-8 {
  padding-top: 50%;
}
@media screen and (max-width: 767px) {
  .description__image--16-8 {
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

@media screen and (max-width: 767px) {
  .description__title.fz-21 {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .description__title {
    font-size: 18px;
  }
}

.blog-hero {
  position: relative;
}
.blog-hero::after {
  width: calc(1558px + 739 * (100vw - 360px) / 1560);
  height: calc(208px + 98 * (100vw - 360px) / 1560);
  z-index: -1;
  bottom: 0;
  left: 55%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../img/icon/about-hero-bg.svg") no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .blog-hero::after {
    bottom: auto;
    top: 250px;
  }
}

.blog-hero__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(15px + 55 * (100vw - 360px) / 1560);
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .blog-hero__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.blog-hero__card-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(15px + 25 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .blog-hero__card-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (hover: hover) {
  .blog-hero__card-list:hover .article-card {
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
  }
}

.blog-hero__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .blog-hero__content {
    -ms-grid-column-span: 2;
    grid-column: 2 span;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .blog-hero__content {
    -ms-grid-column: 1;
    grid-column: 1;
  }
}

.blog-hero__title {
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .blog-hero__title {
    font-size: 21px;
  }
}

@media screen and (max-width: 767px) {
  .blog-hero__desc {
    font-size: 16px;
  }
}

.blog-hero__card-text {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.main-article {
  position: relative;
  overflow: hidden;
  border-radius: calc(10px + 5 * (100vw - 360px) / 1560);
}
.main-article::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 767px) {
  .main-article {
    min-height: 320px;
    width: 100%;
    -ms-grid-row: 2;
    grid-row: 2;
  }
}
@media screen and (hover: hover) {
  .main-article:hover .main-article__image img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.main-article__image {
  width: 100%;
  height: 100%;
  position: relative;
}
.main-article__image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}

.main-article__top {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 2;
  padding: calc(15px + 10 * (100vw - 360px) / 1560);
}

.main-article__body {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  z-index: 2;
  padding: calc(15px + 10 * (100vw - 360px) / 1560);
}

.main-article__title {
  color: var(--white);
  font-weight: 600;
}
@media screen and (max-width: 1240px) {
  .main-article__title {
    font-size: 16px;
  }
}

.main-article__desc {
  color: var(--white);
  font-weight: 500;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1240px) {
  .main-article__desc {
    font-size: 12px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media screen and (max-width: 767px) {
  .main-article__desc {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
}

.main-article__content {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
}

.main-article__data-wrap {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}

.main-article__data-view {
  margin-left: auto;
}

@media screen and (max-width: 1240px) {
  .main-article__tag-item {
    font-size: 10px;
    padding: 6px 12px;
  }
}

.article-hero__inner {
  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: calc(15px + 25 * (100vw - 360px) / 1560);
  padding-bottom: calc(40px + 60 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .article-hero__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .article-hero__title {
    font-size: 18px;
  }
}

.article-hero__image {
  position: relative;
  overflow: hidden;
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
  width: calc(218px + 332 * (100vw - 360px) / 1560);
  padding-top: 81.25%;
}
@media screen and (max-width: 767px) {
  .article-hero__image {
    width: 100%;
  }
}
.article-hero__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.article-hero__side {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(15px + 15 * (100vw - 360px) / 1560);
}

.article-hero__top {
  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;
  grid-column-gap: calc(15px + 45 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .article-hero__top {
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
  }
}

.article-hero__data-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
}
.article-hero__data-item svg {
  width: calc(18px + 6 * (100vw - 360px) / 1560);
  height: calc(18px + 6 * (100vw - 360px) / 1560);
  margin-right: calc(5px + 5 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}

.article-hero__head {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}

.article-hero__footer {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(20px + 10 * (100vw - 360px) / 1560);
}

.article-hero__author {
  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: calc(5px + 15 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .article-hero__author {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.article-hero__author-content {
  display: -ms-grid;
  display: grid;
  grid-gap: 5px;
}

@media screen and (max-width: 992px) {
  .article-hero__author-name {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .article-hero__author-lbl {
    font-size: 14px;
  }
}

@media screen and (max-width: 992px) {
  .article-hero__author-desc {
    font-size: 12px;
  }
}

.article-card__head {
  display: -ms-grid;
  display: grid;
  grid-gap: calc(10px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .article-card__head {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .article-card__head {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}

.article-card__head-inner {
  position: relative;
  overflow: hidden;
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
  z-index: 1;
}
.article-card__head-inner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, 0)), to(rgba(0, 0, 0, 0.5)));
  background: -o-linear-gradient(top, rgba(102, 102, 102, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(102, 102, 102, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.article-card__data {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: calc(10px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .article-card__data {
    padding: 10px;
  }
}

.article-card__data-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--white);
  font-size: calc(10px + 8 * (100vw - 360px) / 1560);
}
.article-card__data-item svg {
  width: calc(14px + 10 * (100vw - 360px) / 1560);
  height: calc(14px + 10 * (100vw - 360px) / 1560);
  margin-right: calc(5px + 5 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}

.article-card__data-read {
  font-weight: 500;
}

.article-card__data-views {
  font-weight: 400;
}

.article-card__title {
  line-height: 114%;
}
@media screen and (max-width: 1240px) {
  .article-card__title {
    font-size: 14px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

@media screen and (max-width: 1240px) {
  .article-card__text {
    font-size: 12px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }
  .article-card__text p {
    font-size: 12px;
  }
}

@media screen and (max-width: 1240px) {
  .article-card__tag-item {
    font-size: 10px;
    padding: 6px 12px;
  }
}

@media screen and (max-width: 1240px) {
  .article-card__date,
  .article-card__btn {
    font-size: 12px;
  }
}

.other-articles__head {
  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;
}

.article {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(40px + 40 * (100vw - 360px) / 1560);
}

.article-sec__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(15px + 15 * (100vw - 360px) / 1560);
}

.article-sec__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}

.article__text {
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .article-sec__title {
    font-size: 21px;
  }
}

@media screen and (max-width: 992px) {
  .article-content__subtitle {
    font-size: 16px;
  }
}

@media screen and (max-width: 767px) {
  .article-sec__head {
    margin-bottom: 20px;
  }
}

.article-sec__row {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: 1.1fr 0.9fr;
  grid-template-columns: 1.1fr 0.9fr;
  grid-gap: calc(10px + 20 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 767px) {
  .article-sec__row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.article-sec__image-wrap {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(5px + 10 * (100vw - 360px) / 1560);
}

.article-sec__image-label {
  color: var(--gray);
  line-height: 120%;
  font-weight: 600;
  text-align: right;
}
.article-sec__image-label.--align-left {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .article-sec__image-label {
    font-size: 12px;
  }
}

.article-sec__image {
  overflow: hidden;
  position: relative;
  border-radius: calc(10px + 5 * (100vw - 360px) / 1560);
  padding-top: 81.25%;
}
.article-sec__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.article-sec__image--16-6 {
  padding-top: 37.5%;
}

.article-sec__image-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  grid-gap: calc(10px + 20 * (100vw - 360px) / 1560);
}

.article-steps {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(20px + 40 * (100vw - 360px) / 1560);
  counter-reset: article-steps;
}

.article-steps__item {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: calc(15px + 25 * (100vw - 360px) / 1560);
}
.article-steps__item::before {
  content: "0" counter(article-steps);
  counter-increment: article-steps;
  display: block;
  border-radius: 50px;
  background: var(--blue);
  color: var(--white);
  font-weight: 700;
  line-height: 120%;
  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;
  padding: 5px;
  font-size: calc(21px + 15 * (100vw - 360px) / 1560);
  width: calc(50px + 32 * (100vw - 360px) / 1560);
  height: calc(50px + 32 * (100vw - 360px) / 1560);
}

.article-steps__item-content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}

.article-steps__item-name {
  font-weight: 700;
  line-height: 120%;
  font-size: calc(16px + 16 * (100vw - 360px) / 1560);
}

.article-steps__item-text {
  font-weight: 600;
  line-height: 120%;
  font-size: calc(14px + 7 * (100vw - 360px) / 1560);
}

.curses-hero__inner {
  position: relative;
}
@media screen and (max-width: 767px) {
  .curses-hero__inner {
    display: -ms-grid;
    display: grid;
    grid-gap: 60px;
  }
}

@media screen and (max-width: 767px) {
  .curses-hero__items {
    display: -ms-grid;
    display: grid;
    grid-gap: 15px;
  }
}

.curses-hero__image {
  z-index: -1;
}

.curses-hero__item {
  position: absolute;
  border-radius: calc(10px + 5 * (100vw - 360px) / 1560);
  width: calc(100px + 330 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 992px) {
  .curses-hero__item {
    width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .curses-hero__item {
    width: 100%;
    position: relative;
    left: 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
  }
}
.curses-hero__item::before, .curses-hero__item::after {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
}
.curses-hero__item::before {
  top: -2px;
  left: -2px;
  background: url("../img/icon/border-top-left.svg") no-repeat center center/contain;
}
.curses-hero__item::after {
  top: -2px;
  right: -2px;
  background: url("../img/icon/border-top-right.svg") no-repeat center center/contain;
}

.curses-hero__item--1 {
  left: calc(0px + 85 * (100vw - 360px) / 1560);
  top: calc(0px + 0 * (100vw - 360px) / 1560);
}

.curses-hero__item--2 {
  bottom: calc(200px + 50 * (100vw - 360px) / 1560);
  left: 0;
}

.curses-hero__item--3 {
  right: calc(0px + 60 * (100vw - 360px) / 1560);
  top: calc(-40px + 40 * (100vw - 360px) / 1560);
}

.curses-hero__item--4 {
  bottom: calc(200px + 50 * (100vw - 360px) / 1560);
  right: 0;
}

.curses-hero__item-inner {
  position: relative;
  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: calc(5px + 10 * (100vw - 360px) / 1560);
  padding: calc(10px + 10 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .curses-hero__item-inner {
    grid-gap: 5px;
    padding: 8px 15px;
  }
}
.curses-hero__item-inner::before, .curses-hero__item-inner::after {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 25px;
}
.curses-hero__item-inner::before {
  left: -2px;
  bottom: -2px;
  background: url("../img/icon/border-bottom-left.svg") no-repeat center center/contain;
}
.curses-hero__item-inner::after {
  right: -2px;
  bottom: -2px;
  background: url("../img/icon/border-bottom-right.svg") no-repeat center center/contain;
}

.curses-hero__item-content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}

.curses-hero__item-icon {
  width: calc(47px + 46 * (100vw - 360px) / 1560);
  height: calc(49px + 48 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1240px) {
  .curses-hero__item-icon {
    width: 47px;
    height: 49px;
  }
}

.curses-hero__item-num {
  font-weight: 700;
  line-height: 120%;
  font-size: calc(18px + 14 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .curses-hero__item-num {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .curses-hero__item-num {
    font-size: 18px;
  }
}

.curses-hero__item-text {
  font-weight: 500;
  font-size: calc(12px + 6 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .curses-hero__item-text {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .curses-hero__item-text {
    font-size: 12px;
  }
}

.curse-card {
  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(--white);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  border-radius: calc(10px + 5 * (100vw - 360px) / 1560);
  padding: calc(15px + 15 * (100vw - 360px) / 1560);
  grid-gap: calc(15px + 5 * (100vw - 360px) / 1560);
}
.curse-card.swiper-slide {
  opacity: 0;
  visibility: hidden;
}
.curse-card.swiper-slide-active, .curse-card.swiper-slide-active + .swiper-slide, .curse-card.swiper-slide-active + .swiper-slide + .swiper-slide, .curse-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1240px) {
  .curse-card.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 767px) {
  .curse-card.swiper-slide-active + .swiper-slide, .curse-card.swiper-slide-active + .swiper-slide + .swiper-slide {
    opacity: 0;
    visibility: hidden;
  }
}
@media screen and (max-width: 1240px) {
  .curse-card {
    grid-gap: 15px;
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .curse-card {
    padding: 15px;
  }
}
@media screen and (hover: hover) {
  .curse-card:hover {
    -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-box-shadow: 0px 15px 30px 0px rgba(141, 140, 140, 0.25);
            box-shadow: 0px 15px 30px 0px rgba(141, 140, 140, 0.25);
  }
}

.curse-card__body {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(10px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .curse-card__body {
    grid-gap: 10px;
  }
}

.curse-card__footer {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(15px + 5 * (100vw - 360px) / 1560);
  margin-top: auto;
}
@media screen and (max-width: 1240px) {
  .curse-card__footer {
    grid-gap: 15px;
  }
}

.curse-card__image {
  position: relative;
  overflow: hidden;
  border-radius: calc(10px + 10 * (100vw - 360px) / 1560);
  padding-top: 56.25%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, 0)), to(rgba(0, 0, 0, 0.5)));
  background: -o-linear-gradient(top, rgba(102, 102, 102, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(102, 102, 102, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.curse-card__image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, 0)), to(rgba(0, 0, 0, 0.5)));
  background: -o-linear-gradient(top, rgba(102, 102, 102, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(180deg, rgba(102, 102, 102, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.curse-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}
@media screen and (hover: hover) {
  .curse-card__image:hover img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.curse-card__title {
  line-height: 114%;
  font-weight: 700;
  color: var(--dark);
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
  font-size: calc(16px + 8 * (100vw - 360px) / 1560);
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1240px) {
  .curse-card__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .curse-card__title {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
@media screen and (hover: hover) {
  .curse-card__title:hover {
    color: var(--blue);
  }
}

.curse-card__tag-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .curse-card__tag-list {
    grid-gap: 5px;
  }
}

.curse-card__tag-item {
  line-height: 104%;
  border-radius: 30px;
  font-weight: 600;
  padding-top: calc(6px + 4 * (100vw - 360px) / 1560);
  padding-bottom: calc(6px + 4 * (100vw - 360px) / 1560);
  padding-left: calc(12px + 8 * (100vw - 360px) / 1560);
  padding-right: calc(12px + 8 * (100vw - 360px) / 1560);
  font-size: calc(12px + 4 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .curse-card__tag-item {
    padding: 6px 12px;
  }
}
.curse-card__tag-item:nth-child(4n+1) {
  background: rgba(148, 144, 219, 0.2);
  color: var(--violet);
}
.curse-card__tag-item:nth-child(4n+2) {
  background: rgba(144, 213, 87, 0.2);
  color: var(--green);
}
.curse-card__tag-item:nth-child(4n+3) {
  background: rgba(243, 156, 56, 0.2);
  color: var(--orange);
}
.curse-card__tag-item:nth-child(4n+4) {
  background: rgba(243, 61, 76, 0.2);
  color: var(--red);
}

.curse-card__btn {
  width: 100%;
}

.curse-card__price-wrapper {
  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;
  grid-gap: calc(5px + 5 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .curse-card__price-wrapper {
    grid-gap: 5px;
  }
}

.curse-card__price-current {
  font-weight: 800;
  font-size: calc(16px + 11 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .curse-card__price-current {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .curse-card__price-current {
    font-size: 21px;
  }
}

.curse-card__price-old {
  font-weight: 500;
  line-height: 104%;
  text-decoration: line-through;
  color: var(--gray);
  font-size: calc(10px + 8 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .curse-card__price-old {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .curse-card__price-old {
    font-size: 14px;
  }
}

.curses__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  grid-gap: calc(15px + 25 * (100vw - 360px) / 1560);
}
@media screen and (max-width: 1240px) {
  .curses__list {
    grid-gap: 15px 10px;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .curses__list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.not-found {
  position: relative;
  z-index: 1;
}
.not-found::before {
  content: "";
  display: block;
  position: absolute;
  width: calc(1100px + 3240 * (100vw - 360px) / 1560);
  height: calc(345px + 1050 * (100vw - 360px) / 1560);
  right: calc(-255px + -485 * (100vw - 360px) / 1560);
  bottom: calc(-45px + -48 * (100vw - 360px) / 1560);
  z-index: -1;
  background: url("../img/icon/404-bg.svg") no-repeat center center/contain;
}

.not-found__inner {
  padding-bottom: calc(127px + 201 * (100vw - 360px) / 1560);
}

.not-found__body {
  margin-left: auto;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(30px + 30 * (100vw - 360px) / 1560);
  max-width: calc(320px + 360 * (100vw - 360px) / 1560);
  margin-right: 150px;
  z-index: 4;
}
@media screen and (max-width: 1680px) {
  .not-found__body {
    margin-right: 0;
  }
}

.not-found__content {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-gap: calc(15px + 15 * (100vw - 360px) / 1560);
}

.not-found__title {
  font-weight: 700;
  line-height: 120%;
  text-align: right;
  font-size: calc(14px + 10 * (100vw - 360px) / 1560);
}

.not-found__image {
  margin-left: auto;
  width: calc(258px + 292 * (100vw - 360px) / 1560);
}
.not-found__image img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.not-found__btn {
  margin-left: auto;
}

.classes-cart + .classes-cart {
  margin-top: 25px;
}
@media screen and (max-width: 1680px) {
  .classes-cart + .classes-cart {
    margin-top: 20px;
  }
}

.classes-cart-wrapp {
  background: #fff;
}
.classes-cart-wrapp::after, .classes-cart-wrapp::before {
  background: #fff;
}

.classes-cart-menu-button.--red {
  color: #f50000;
}

.classes-cart-coll {
  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;
}
@media screen and (max-width: 767px) {
  .classes-cart-coll {
    display: block;
  }
}

.classes-cart-coll-classes {
  border-radius: 5px;
  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: 78px;
  height: 78px;
  background: url("../../assets/img/classes/back.svg") no-repeat center center/cover;
  color: #204caf;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .classes-cart-coll-classes {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .classes-cart-coll-classes {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 767px) {
  .classes-cart-coll-classes {
    font-size: 24px;
    width: 345px;
    height: 60px;
    margin-top: -12px;
    margin-left: -10px;
  }
}
@media (max-width: 480px) {
  .classes-cart-coll-classes {
    width: 90%;
  }
}
.classes-cart-coll-classes img,
.classes-cart-coll-classes svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 46px;
  height: 46px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1240px) {
  .classes-cart-coll-classes img,
  .classes-cart-coll-classes svg {
    width: 41.282px;
    height: 41.282px;
  }
}
@media screen and (max-width: 767px) {
  .classes-cart-coll-classes img,
  .classes-cart-coll-classes svg {
    width: 35px;
    height: 35px;
  }
}

.classes-cart-coll-classes-title {
  background: url("../../assets/img/classes/back-3.svg") no-repeat center center/cover;
}

.classes-cart-name {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1680px) {
  .classes-cart-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .classes-cart-name {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .classes-cart-name:hover {
    color: #0faeff;
  }
}
@media (hover: none) {
  .classes-cart-name:active {
    color: #0faeff;
  }
}

.classes-cart-list-inner {
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .classes-cart-list-inner {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .classes-cart-list-inner {
    font-size: 12px;
  }
}

.classes-cart-list-inner + .classes-cart-list-inner {
  padding-left: 45px;
  position: relative;
}
.classes-cart-list-inner + .classes-cart-list-inner::after {
  content: "";
  position: absolute;
  background: #d2dbef;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 20px;
  top: 50%;
}
@media screen and (max-width: 1680px) {
  .classes-cart-list-inner + .classes-cart-list-inner::after {
    left: 12px;
  }
}
@media screen and (max-width: 767px) {
  .classes-cart-list-inner + .classes-cart-list-inner::after {
    background: none;
    width: 0;
    height: 0;
  }
}
@media screen and (max-width: 1680px) {
  .classes-cart-list-inner + .classes-cart-list-inner {
    padding-left: 25px;
  }
}
@media screen and (max-width: 767px) {
  .classes-cart-list-inner + .classes-cart-list-inner {
    padding-left: 0;
    padding-top: 8px;
  }
}

.classes-cart-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 1240px) {
  .classes-cart-list {
    padding-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .classes-cart-list {
    display: block;
  }
}

.classes-cart-list-span {
  padding-left: 10px;
  color: #204caf;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .classes-cart-list-span {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .classes-cart-list-span {
    font-size: 12px;
  }
}
.classes-cart-list-span span {
  color: #313233;
}

.classes-cart-status.--basic {
  background: #0faeff;
}
@media screen and (max-width: 767px) {
  .classes-cart-status.--basic {
    color: #0faeff;
    background: none;
  }
}

.classes-cart-status {
  width: 140px;
  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: 30px;
  background: #9490db;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .classes-cart-status {
    width: 106px;
    font-size: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .classes-cart-status {
    width: 110px;
  }
}
@media screen and (max-width: 767px) {
  .classes-cart-status {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    color: #9490db;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 104%;
    background: none;
  }
}

.classes-cart-user {
  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 screen and (max-width: 1240px) {
  .classes-cart-user {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (hover: hover) {
  .classes-cart-user:hover .classes-user-name,
  .classes-cart-user:hover .classes-user-type {
    color: #0faeff;
  }
}
@media (hover: none) {
  .classes-cart-user:active .classes-user-name,
  .classes-cart-user:active .classes-user-type {
    color: #0faeff;
  }
}

.classes-user-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;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 18px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
  .classes-user-img {
    margin-left: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .classes-user-img {
    width: 40px;
    height: 40px;
    margin-left: 0;
    margin-right: 12px;
  }
}
@media screen and (max-width: 767px) {
  .classes-user-img {
    margin-right: 10px;
  }
}
.classes-user-img img,
.classes-user-img svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

.classes-user-name {
  color: #313233;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .classes-user-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .classes-user-name {
    text-align: left;
  }
}

.classes-user-type {
  color: #204caf;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  padding-top: 10px;
  text-align: right;
  padding-top: 10px;
}
@media screen and (max-width: 1680px) {
  .classes-user-type {
    font-size: 12px;
    padding-top: 8px;
  }
}
@media screen and (max-width: 1240px) {
  .classes-user-type {
    padding-top: 10px;
    text-align: left;
  }
}

.classes-cart-wrapp {
  padding: 15px 30px 25px 20px;
  display: -ms-grid;
  display: grid;
  gap: 0 20px;
  -ms-grid-columns: 80px 20px 1fr 20px 140px 20px 320px 20px 55px;
  grid-template-columns: 80px 1fr 140px 320px 55px;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-status classes-cart-coll-user classes-cart-coll-menu" "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status classes-cart-coll-user classes-cart-coll-menu";
}
@media screen and (max-width: 1440px) {
  .classes-cart-wrapp {
    padding: 20px 20px 23px 20px;
    -ms-grid-columns: 78px 10px 1fr 10px 280px 10px 55px;
    grid-template-columns: 78px 1fr 280px 55px;
    gap: 0 10px;
    -ms-grid-rows: auto 0 auto 0 auto;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-user classes-cart-coll-menu" "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-user classes-cart-coll-menu" "classes-cart-coll-classes  classes-cart-coll-status classes-cart-coll-user classes-cart-coll-menu";
  }
}
@media screen and (max-width: 1240px) {
  .classes-cart-wrapp {
    padding: 16px 20px 16px 12px;
    -ms-grid-columns: 70px auto 1fr 44px;
    grid-template-columns: 70px auto 1fr 44px;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-name classes-cart-coll-menu" "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status classes-cart-coll-menu" " classes-cart-coll-user classes-cart-coll-user classes-cart-coll-user classes-cart-coll-menu";
  }
}
@media screen and (max-width: 767px) {
  .classes-cart-wrapp {
    -ms-grid-columns: 1fr 44px;
    grid-template-columns: 1fr 44px;
    padding: 8px 10px 15px 10px;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-menu" "classes-cart-coll-name classes-cart-coll-menu" "classes-cart-coll-info classes-cart-coll-menu" "classes-cart-coll-status classes-cart-coll-menu" "classes-cart-coll-user classes-cart-coll-user";
  }
}

.classes-cart-coll-classes {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: classes-cart-coll-classes;
}

.users__group-cart-wrapp > .classes-cart-coll-classes {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}

.home__group-cart-wrapp > .classes-cart-coll-classes {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}

.timing-cart-wrapp > .classes-cart-coll-classes {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}

.teacher__cart-wrapp > .classes-cart-coll-classes {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
}

.classes-cart-coll-name {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: classes-cart-coll-name;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 10px;
}

.users__group-cart-wrapp > .classes-cart-coll-name {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.home__group-cart-wrapp > .classes-cart-coll-name {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.timing-cart-wrapp > .classes-cart-coll-name {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.teacher__cart-wrapp > .classes-cart-coll-name {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
@media screen and (max-width: 767px) {
  .classes-cart-coll-name {
    padding-top: 10px;
    padding-bottom: 0;
  }
}

.classes-cart-coll-info {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: classes-cart-coll-info;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.users__group-cart-wrapp > .classes-cart-coll-info {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.home__group-cart-wrapp > .classes-cart-coll-info {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.timing-cart-wrapp > .classes-cart-coll-info {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}

.teacher__cart-wrapp > .classes-cart-coll-info {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
@media screen and (max-width: 767px) {
  .classes-cart-coll-info {
    padding-top: 10px;
  }
}

.classes-cart-coll-status {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 5;
  grid-area: classes-cart-coll-status;
}

.users__group-cart-wrapp > .classes-cart-coll-status {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 5;
}

.home__group-cart-wrapp > .classes-cart-coll-status {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 5;
}

.timing-cart-wrapp > .classes-cart-coll-status {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 5;
}

.teacher__cart-wrapp > .classes-cart-coll-status {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 5;
}
@media (max-width: 1440px) {
  .classes-cart-coll-status {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-top: 8px;
  }
}
@media screen and (max-width: 1240px) {
  .classes-cart-coll-status {
    padding-top: 0;
    margin-left: 25px;
  }
}
@media screen and (max-width: 767px) {
  .classes-cart-coll-status {
    padding-top: 10px;
    margin-left: 0;
  }
}

.classes-cart-coll-user {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 7;
  grid-area: classes-cart-coll-user;
}

.timing-cart-wrapp > .classes-cart-coll-user {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 7;
  -ms-grid-column-span: 1;
}
@media screen and (max-width: 1240px) {
  .classes-cart-coll-user {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 15px;
    margin-left: 82px;
  }
}
@media screen and (max-width: 767px) {
  .classes-cart-coll-user {
    margin-top: 20px;
    margin-left: 0;
  }
}

.classes-cart-coll-menu {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 9;
  grid-area: classes-cart-coll-menu;
}

.classes-cart-alert {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -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;
  color: #f50000;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .classes-cart-alert {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .classes-cart-alert {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.classes-cart-alert svg,
.classes-cart-alert img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
.classes-not {
  min-height: 200px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.classes__not-link {
  display: inline-block;
  margin-top: 20px;
  color: #0faeff;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media (hover: hover) {
  .classes__not-link:hover {
    color: #f50000;
  }
}
@media (hover: none) {
  .classes__not-link:active {
    color: #f50000;
  }
}

.classes-not-img {
  width: 24px;
  height: 24px;
}

.classes__not-text {
  padding-top: 20px;
  opacity: 0.4;
  color: #313233;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}

.creating__tab-box {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .creating__tab-box {
    margin-top: 20px;
  }
}

.creating__tab-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .creating__tab-row {
    gap: 10px;
  }
}

.creating-head {
  margin-top: 30px;
  border-radius: 15px;
  background: #FFF;
  padding: 20px 20px 30px 20px;
}
@media screen and (max-width: 1240px) {
  .creating-head {
    padding: 20px;
  }
}
@media screen and (max-width: 767px) {
  .creating-head {
    padding: 20px 12px 30px 12px;
  }
}

.creating-head-btn-row {
  margin-top: 20px;
  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: 572px) {
  .creating-head-btn-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.creating-head-btn + .creating-head-btn {
  margin-left: 20px;
}
@media (max-width: 572px) {
  .creating-head-btn + .creating-head-btn {
    margin-left: 0;
    margin-bottom: 15px;
  }
}

@media (max-width: 572px) {
  .creating-head-btn {
    width: 100%;
  }
}

@media (max-width: 572px) {
  .creating-head-btn.btn {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.creating__box {
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.6);
  padding: 20px 20px 35px 20px;
}
@media screen and (max-width: 767px) {
  .creating__box {
    padding: 20px 12px 35px 12px;
  }
}

.creating__tab-box .creating__box + .creating__box {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .creating__tab-box .creating__box + .creating__box {
    margin-top: 20px;
  }
}

.creating__head-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1240px) {
  .creating__head-title {
    font-size: 16px;
  }
}

.creating__head-center {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 20px;
}
@media screen and (max-width: 1240px) {
  .creating__head-center {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    margin-top: 15px;
    gap: 15px 20px;
  }
}
@media screen and (max-width: 767px) {
  .creating__head-center {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
    margin-top: 10px;
  }
}

.creating__head-top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.4fr (1fr)[3];
  grid-template-columns: 1.4fr repeat(3, 1fr);
  gap: 20px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 20px;
}
@media screen and (max-width: 1680px) {
  .creating__head-top {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .creating__head-top {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

.creating__head-body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  margin-top: 20px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 20px;
}
@media screen and (max-width: 1240px) {
  .creating__head-body {
    margin-top: 15px;
    gap: 15px 20px;
  }
}
@media screen and (max-width: 767px) {
  .creating__head-body {
    gap: 10px;
    margin-top: 10px;
  }
}

.creating__resize-title {
  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__resize-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
@media screen and (max-width: 1680px) {
  .creating__resize-img {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__resize-img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
}

.creating__resize-tooltip {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin-left: 10px;
}
@media screen and (max-width: 1680px) {
  .creating__resize-tooltip {
    width: 18px;
    height: 18px;
    margin-left: 5px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__resize-tooltip {
    width: 16px;
    height: 16px;
  }
}

.creating__fullness-head-top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 20px;
  margin-top: 35px;
}
@media screen and (max-width: 1680px) {
  .creating__fullness-head-top {
    gap: 15px;
    margin-top: 20px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}
@media screen and (max-width: 767px) {
  .creating__fullness-head-top {
    margin-top: 15px;
  }
}
@media (max-width: 572px) {
  .creating__fullness-head-top {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

@media (max-width: 572px) {
  .creating__fullness-head-btn {
    width: 100%;
  }
  .creating__fullness-head-btn .btn-br-span {
    width: 100%;
  }
}

.creating__fullness-head-input {
  width: 600px;
}
@media screen and (max-width: 1680px) {
  .creating__fullness-head-input {
    width: 100%;
  }
}

.creating__fullness-head-body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  gap: 20px 15px;
  margin-top: 20px;
}
@media screen and (max-width: 1680px) {
  .creating__fullness-head-body {
    margin-top: 15px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 767px) {
  .creating__fullness-head-body {
    gap: 15px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.creating__fullness-row-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .creating__fullness-row-btn {
    margin-top: 15px;
    gap: 15px;
  }
}

.creating__fullness-info {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  gap: 10px;
  color: #90D557;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media (max-width: 572px) {
  .creating__fullness-info {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.creating__fullness-info img,
.creating__fullness-info svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 572px) {
  .creatin__fullness-btn {
    width: 100%;
  }
}

.creatin__fullness-btn.btn-br-blue {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.creatin__fullness-btn.btn-br-blue::after, .creatin__fullness-btn.btn-br-blue::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.creatin__fullness-btn.btn-br-blue .btn-br-span {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.creatin__fullness-btn.btn-br-blue .btn-br-span::after, .creatin__fullness-btn.btn-br-blue .btn-br-span::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.creating__fullness-table {
  overflow: auto;
  margin-top: 30px;
  height: 590px;
  overflow-x: hidden;
  padding-right: 10px;
}
@media screen and (max-width: 1680px) {
  .creating__fullness-table {
    height: 420px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__fullness-table {
    height: 560px;
  }
}
@media screen and (max-width: 767px) {
  .creating__fullness-table {
    height: 700px;
    margin-top: 20px;
  }
}

.creating__table-row + .creating__table-row {
  margin-top: 40px;
}

.creating__table-row {
  margin-top: 15px;
  margin-bottom: 15px;
}
.creating__table-row::after {
  height: 30px;
  top: -12px;
}
.creating__table-row::before {
  bottom: -12px;
  height: 30px;
}
.creating__table-row .cart__wrapp::after {
  height: 30px;
  top: -12px;
}
.creating__table-row .cart__wrapp::before {
  bottom: -12px;
  height: 30px;
}

.creating__table-student-img,
.creating__table-coll-img {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  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 screen and (max-width: 1680px) {
  .creating__table-student-img,
  .creating__table-coll-img {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .creating__table-student-img,
  .creating__table-coll-img {
    width: 44px;
    height: 44px;
  }
}
.creating__table-student-img img,
.creating__table-student-img svg,
.creating__table-coll-img img,
.creating__table-coll-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.creating__table-id {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #747576;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  transition: 0.4s;
  display: block;
}
@media (hover: hover) {
  .creating__table-id:hover {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .creating__table-id:active {
    color: #0FAEFF;
  }
}

.creating__table-name {
  color: #242323;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .creating__table-name {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .creating__table-name:hover {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .creating__table-name:active {
    color: #0FAEFF;
  }
}

.creating__table-mail {
  color: #204CAF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  display: block;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding-top: 10px;
}
@media screen and (max-width: 1680px) {
  .creating__table-mail {
    font-size: 12px;
  }
}
@media (hover: hover) {
  .creating__table-mail:hover {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .creating__table-mail:active {
    color: #0FAEFF;
  }
}

.creating__table-tell {
  color: #204CAF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .creating__table-tell {
    font-size: 12px;
  }
}
@media (hover: hover) {
  .creating__table-tell:hover {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .creating__table-tell:active {
    color: #0FAEFF;
  }
}

.creating__table-status {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  gap: 10px;
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .creating__table-status {
    font-size: 12px;
  }
}
.creating__table-status img,
.creating__table-status svg {
  width: 20px;
  height: 20px;
}

.creating__table-lessons-inner {
  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;
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .creating__table-lessons-inner {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .creating__table-lessons-inner {
    font-size: 10px;
  }
}
.creating__table-lessons-inner img,
.creating__table-lessons-inner svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 10px;
}

.creating__table-lessons {
  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: 10px;
  position: relative;
  margin-left: 20px;
}
.creating__table-lessons::after {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C0CDE9;
}
@media screen and (max-width: 1680px) {
  .creating__table-lessons::after {
    background: none;
    width: 0;
    height: 0;
  }
}
@media screen and (max-width: 1680px) {
  .creating__table-lessons {
    gap: 5px 10px;
    margin-top: 15px;
    margin-left: 0;
  }
}
@media screen and (max-width: 1240px) {
  .creating__table-lessons {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .creating__table-lessons {
    margin-right: 0;
  }
}

.сreating__cart-wrapp {
  padding: 20px;
  display: -ms-grid;
  display: grid;
}

.сreating__cart-teacher {
      grid-template-areas: "creating__table-coll-img creating__table-coll-id creating__table-coll-tell creating__table-coll-status creating__table-coll-lessons creating__table-coll-menu" "creating__table-coll-img creating__table-coll-user creating__table-coll-tell creating__table-coll-status creating__table-coll-lessons creating__table-coll-menu";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 74px 1fr 200px 195px 1.3fr 55px;
  grid-template-columns: 74px 1fr 200px 195px 1.3fr 55px;
}
@media screen and (max-width: 1500px) {
  .сreating__cart-teacher {
    -ms-grid-columns: 60px 1fr 160px 1.1fr 60px;
    grid-template-columns: 60px 1fr 160px 1.1fr 60px;
        grid-template-areas: "creating__table-coll-img creating__table-coll-id creating__table-coll-tell creating__table-coll-status creating__table-coll-menu" "creating__table-coll-img creating__table-coll-user creating__table-coll-tell creating__table-coll-status creating__table-coll-menu" "... creating__table-coll-lessons creating__table-coll-lessons creating__table-coll-lessons creating__table-coll-menu";
  }
}
@media screen and (max-width: 992px) {
  .сreating__cart-teacher {
    -ms-grid-columns: 60px 1fr 1fr 60px;
    grid-template-columns: 60px 1fr 1fr 60px;
    padding: 15px;
        grid-template-areas: "creating__table-coll-img creating__table-coll-id creating__table-coll-tell   creating__table-coll-menu" "creating__table-coll-img creating__table-coll-user creating__table-coll-tell  creating__table-coll-menu" "creating__table-coll-img creating__table-coll-status creating__table-coll-status creating__table-coll-menu" "... creating__table-coll-lessons creating__table-coll-lessons  creating__table-coll-menu";
  }
}
@media screen and (max-width: 767px) {
  .сreating__cart-teacher {
    padding: 10px;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
        grid-template-areas: "creating__table-coll-img creating__table-coll-id creating__table-coll-menu" "creating__table-coll-user creating__table-coll-user creating__table-coll-user" "creating__table-coll-tell creating__table-coll-tell creating__table-coll-tell" "creating__table-coll-status creating__table-coll-status creating__table-coll-status" "creating__table-coll-lessons creating__table-coll-lessons creating__table-coll-lessons";
  }
}

.creating__table-coll-img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: creating__table-coll-img;
}

.control__head-cart > .creating__table-coll-img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}
@media screen and (max-width: 767px) {
  .creating__table-coll-img {
    margin-right: 12px;
  }
}

.creating__table-coll-id {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: creating__table-coll-id;
  padding-bottom: 10px;
}

.control__head-cart > .creating__table-coll-id {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
@media screen and (max-width: 1240px) {
  .creating__table-coll-id {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  .creating__table-coll-id {
    padding-bottom: 0;
  }
}

.creating__table-coll-user {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: creating__table-coll-user;
}

.control__head-cart > .creating__table-coll-user {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}
@media screen and (max-width: 767px) {
  .creating__table-coll-user {
    margin-top: 10px;
  }
}

.creating__table-coll-tell {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  grid-area: creating__table-coll-tell;
  position: relative;
  margin-left: 40px;
}
.creating__table-coll-tell::after {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C0CDE9;
}
@media screen and (max-width: 767px) {
  .creating__table-coll-tell::after {
    background: none;
    width: 0;
    height: 0;
  }
}
@media screen and (max-width: 767px) {
  .creating__table-coll-tell {
    margin-top: 10px;
    margin-left: 0;
  }
}

.creating__table-coll-status {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 4;
  grid-area: creating__table-coll-status;
  position: relative;
  margin-left: 40px;
}
.creating__table-coll-status::after {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C0CDE9;
}
@media screen and (max-width: 992px) {
  .creating__table-coll-status::after {
    background: none;
    width: 0;
    height: 0;
  }
}
@media screen and (max-width: 992px) {
  .creating__table-coll-status {
    margin-top: 10px;
    margin-left: 0;
  }
}

.creating__table-coll-lessons {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 5;
  grid-area: creating__table-coll-lessons;
}

.creating__table-coll-menu {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 6;
  grid-area: creating__table-coll-menu;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.creating__table-coll-menu .menu {
  margin-left: auto;
  margin-right: 0;
}

.creating__table-row:nth-last-child(1) .menu__wrapp {
  -webkit-transform: translate(-104%, -80%);
      -ms-transform: translate(-104%, -80%);
          transform: translate(-104%, -80%);
}
.creating__table-row:nth-child(1) .menu__wrapp {
  -webkit-transform: translate(-104%, -20%);
      -ms-transform: translate(-104%, -20%);
          transform: translate(-104%, -20%);
}

.creating__table-tell-list-inner + .creating__table-tell-list-inner {
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .creating__table-tell-list-inner + .creating__table-tell-list-inner {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .creating__table-tell-list {
    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;
    gap: 10px;
  }
}

@media (hover: hover) {
  .creating__table-row .menu__btn:hover {
    color: #204CAF;
  }
}
@media (hover: none) {
  .creating__table-row .menu__btn:active {
    color: #204CAF;
  }
}
@media (hover: hover) {
  .creating__table-row .menu__btn.-red:hover {
    color: #F50000;
  }
}
@media (hover: none) {
  .creating__table-row .menu__btn.-red:active {
    color: #F50000;
  }
}
.creating__table-row .menu__btn.--green {
  color: #90D557;
}
.creating__table-row .menu__btn.--yellow {
  color: #F39C38;
}
.creating__table-row .menu__btn.-violet {
  color: #9490DB;
}

.creating__table-student-img {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: creating__table-student-img;
}

.creating__table-student-user {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: creating__table-student-user;
}
@media screen and (max-width: 767px) {
  .creating__table-student-user {
    margin-top: 10px;
  }
}
.creating__table-student-user .creating__table-id {
  padding-bottom: 10px;
}
@media screen and (max-width: 1240px) {
  .creating__table-student-user .creating__table-id {
    padding-bottom: 5px;
  }
}

.creating__table-student-tell {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: creating__table-student-tell;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .creating__table-student-tell {
    display: block;
  }
  .creating__table-student-tell .creating__table-tell-list {
    padding-top: 12px;
  }
}

.creating__table-student-status {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: creating__table-student-status;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.creating__table-student-status .creating__table-status {
  width: 170px;
}
@media screen and (max-width: 992px) {
  .creating__table-student-status .creating__table-status {
    width: auto;
    margin-top: 10px;
  }
}
@media screen and (max-width: 992px) {
  .creating__table-student-status {
    display: block;
  }
}

.creating__table-student-menu {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: creating__table-student-menu;
}

.сreating__cart-student {
      grid-template-areas: "creating__table-student-img creating__table-student-user creating__table-student-tell creating__table-student-status creating__table-student-menu";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 76px 350px 1fr 1fr auto;
  grid-template-columns: 76px 350px 1fr 1fr auto;
}
@media screen and (max-width: 1680px) {
  .сreating__cart-student {
    -ms-grid-columns: 60px 350px 1fr 1fr auto;
    grid-template-columns: 60px 350px 1fr 1fr auto;
  }
}
@media (max-width: 1400px) {
  .сreating__cart-student {
    -ms-grid-columns: 60px 1fr 1fr 1fr auto;
    grid-template-columns: 60px 1fr 1fr 1fr auto;
  }
}
@media screen and (max-width: 992px) {
  .сreating__cart-student {
    -ms-grid-columns: 60px 350px 1fr auto;
    grid-template-columns: 60px 350px 1fr auto;
        grid-template-areas: "creating__table-student-img creating__table-student-user creating__table-student-tell creating__table-student-menu" "... creating__table-student-status  creating__table-student-status  creating__table-student-menu";
  }
  .creating__table-student-img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .creating__table-student-user {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .creating__table-student-tell {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .creating__table-student-status {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .creating__table-student-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
  }
}
@media screen and (max-width: 767px) {
  .сreating__cart-student {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
        grid-template-areas: "creating__table-student-img  creating__table-student-menu" "creating__table-student-user creating__table-student-user" "creating__table-student-tell creating__table-student-tell" "creating__table-student-status creating__table-student-status";
  }
  .creating__table-student-img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .creating__table-student-user {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .creating__table-student-tell {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .creating__table-student-status {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .creating__table-student-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
}

.creating__table-status.--green {
  color: #90D557;
}

.creating__table-status.--yellow {
  color: #F39C38;
}

.creating__table-status.--violet {
  color: #9490DB;
}

/* creating discipline */
.creating-discipline-tab-row {
  padding-top: 30px;
}
@media screen and (max-width: 1680px) {
  .creating-discipline-tab-row {
    padding-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .creating-discipline-tab-row {
    padding-top: 15px;
  }
}

.creating-discipline-tab {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .creating-discipline-tab {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .creating-discipline-tab {
    margin-top: 15px;
  }
}

/* creating discipline main  */
@media screen and (max-width: 1680px) {
  .creating-classes-not {
    min-height: 500px;
  }
}

.creating-discipline-main-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}
@media screen and (max-width: 1680px) {
  .creating-discipline-main-row {
    gap: 10px;
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1240px) {
  .creating-discipline-main-row {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .creating-discipline-main-row {
    gap: 5px;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 572px) {
  .creating-discipline-main-row {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 360px) {
  .creating-discipline-main-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.creating-discipline-box-svg {
  width: 40px;
  height: 40px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.creating-discipline-box-svg path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.creating-discipline-box-text {
  color: #F33D4C;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  position: absolute;
  opacity: 0;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 8px;
}
@media screen and (max-width: 1680px) {
  .creating-discipline-box-text {
    font-size: 14px;
  }
}

.creating-discipline-box {
  overflow: hidden;
  width: 100%;
  min-height: 180px;
  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;
  border-radius: 10px;
  border: 1px solid rgba(49, 50, 51, 0.1);
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  position: relative;
  cursor: pointer;
  isolation: isolate;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.creating-discipline-box::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../../assets/img/creating/back-cart.svg") no-repeat center center/contain;
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  z-index: -2;
}
@media screen and (max-width: 1680px) {
  .creating-discipline-box {
    min-height: 160px;
  }
}
@media screen and (max-width: 1240px) {
  .creating-discipline-box {
    min-height: 145px;
  }
}
@media screen and (max-width: 767px) {
  .creating-discipline-box {
    min-height: 120px;
  }
}
@media (hover: hover) {
  .creating-discipline-box:hover {
    border: 1px solid #F33D4C;
  }
  .creating-discipline-box:hover .creating-discipline-box-svg {
    -webkit-animation: img-anim 0.4s linear;
            animation: img-anim 0.4s linear;
  }
  .creating-discipline-box:hover .creating-discipline-box-text {
    position: relative;
    -webkit-animation: text-anim 0.4s linear;
            animation: text-anim 0.4s linear;
    opacity: 1;
  }
  .creating-discipline-box:hover .creating-discipline-box-svg path {
    fill: #F33D4C;
  }
  .creating-discipline-box:hover::after {
    opacity: 1;
  }
}
@media (hover: none) {
  .creating-discipline-box:active {
    border: 1px solid #F33D4C;
  }
  .creating-discipline-box:active .creating-discipline-box-svg {
    -webkit-animation: img-anim 0.4s linear;
            animation: img-anim 0.4s linear;
  }
  .creating-discipline-box:active .creating-discipline-box-text {
    position: relative;
    -webkit-animation: text-anim 0.4s linear;
            animation: text-anim 0.4s linear;
    opacity: 1;
  }
  .creating-discipline-box:active .creating-discipline-box-svg path {
    fill: #F33D4C;
  }
  .creating-discipline-box:active::after {
    opacity: 1;
  }
}

@-webkit-keyframes img-anim {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  from {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}

@keyframes img-anim {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  from {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
@-webkit-keyframes text-anim {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  from {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
@keyframes text-anim {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  from {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
.creating-discipline-box-name {
  background: url("../../assets/img/creating/back-cart-name.svg") no-repeat center center/cover;
  border: 2px solid rgba(49, 50, 51, 0.1);
  padding: 10px;
}
.creating-discipline-box-name::after {
  width: 0;
  height: 0;
  background: none;
}
@media screen and (max-width: 767px) {
  .creating-discipline-box-name {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (hover: hover) {
  .creating-discipline-box-name:hover {
    border: 1px solid #0FAEFF;
    background: url("../../assets/img/creating/back-cart-name.svg") no-repeat center center/cover, rgba(15, 174, 255, 0.05);
  }
  .creating-discipline-box-name:hover .creating-discipline-box-subtext {
    color: #0FAEFF;
  }
  .creating-discipline-box-name:hover .creating-discipline-box-btn {
    opacity: 1;
  }
}
@media (hover: none) {
  .creating-discipline-box-name:active {
    background: url("../../assets/img/creating/back-cart-name.svg") no-repeat center center/cover, rgba(15, 174, 255, 0.05);
    border: 1px solid #0FAEFF;
  }
  .creating-discipline-box-name:active .creating-discipline-box-subtext {
    color: #0FAEFF;
  }
  .creating-discipline-box-name:active .creating-discipline-box-btn {
    opacity: 1;
  }
}

.creating-discipline-box-subtext {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #313233;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  padding-top: 10px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1680px) {
  .creating-discipline-box-subtext {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .creating-discipline-box-subtext {
    -webkit-line-clamp: 3;
  }
}
@media screen and (max-width: 767px) {
  .creating-discipline-box-subtext {
    text-align: left;
    font-size: 12px;
    padding-top: 10px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}

.creating-discipline-box-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;
  border-radius: 5px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 60px;
  height: 60px;
}
@media screen and (max-width: 1240px) {
  .creating-discipline-box-img {
    width: 50px;
    height: 50px;
  }
}
.creating-discipline-box-img img,
.creating-discipline-box-img svg {
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 35px;
  height: 35px;
}
@media screen and (max-width: 1240px) {
  .creating-discipline-box-img img,
  .creating-discipline-box-img svg {
    width: 25px;
    height: 25px;
  }
}

.creating-discipline-box-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;
  right: 20px;
  top: 20px;
  position: absolute;
  z-index: 2;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}
.creating-discipline-box-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1240px) {
  .creating-discipline-box-btn {
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 767px) {
  .creating-discipline-box-btn {
    position: static;
    margin-right: 10px;
    margin-top: 15px;
    opacity: 1;
  }
}
.creating-discipline-box-btn svg,
.creating-discipline-box-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (hover: hover) {
  .creating-discipline-box-btn:hover path {
    fill: #F50000;
  }
}
@media (hover: none) {
  .creating-discipline-box-btn:active path {
    fill: #F50000;
  }
}

.creating-discipline-label-span .tooltip-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
}
@media screen and (max-width: 992px) {
  .creating-discipline-label-span .tooltip-btn {
    margin-left: 5px;
  }
}
@media (hover: hover) {
  .creating-discipline-label-span:hover .tooltip-btn path {
    stroke: #fff;
    fill: #fff;
  }
}
@media (hover: none) {
  .creating-discipline-label-span:active .tooltip-btn path {
    stroke: #fff;
    fill: #fff;
  }
}

input:checked ~ .creating-discipline-label-span .tooltip-btn path {
  stroke: #fff;
  fill: #fff;
}

.creating__schedule-header {
  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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .creating__schedule-header {
    gap: 15px;
  }
}

.creating__schedule-header-date {
  width: 420px;
}
@media screen and (max-width: 1680px) {
  .creating__schedule-header-date {
    width: 320px;
  }
}
@media screen and (max-width: 400px) {
  .creating__schedule-header-date {
    width: 100%;
  }
}

.creating-bulk--date {
  width: 420px;
}
@media screen and (max-width: 1680px) {
  .creating-bulk--date {
    width: 320px;
  }
}
@media screen and (max-width: 400px) {
  .creating-bulk--date {
    width: 100%;
  }
}

.creating-bulk-box {
  padding: 0;
  margin-top: 35px;
  background: none;
}
@media screen and (max-width: 1680px) {
  .creating-bulk-box {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .creating-bulk-box {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .creating-bulk-box {
    margin-top: 10px;
  }
}

.creating__container-swiper {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .creating__container-swiper {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .creating__container-swiper {
    margin-top: 15px;
  }
}

.creating__bulk-swiper-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 140px calc(100% - 150px);
  grid-template-columns: 140px calc(100% - 150px);
  gap: 10px;
}
@media screen and (max-width: 1680px) {
  .creating__bulk-swiper-row {
    -ms-grid-columns: 140px calc(100% - 150px);
    grid-template-columns: 140px calc(100% - 150px);
  }
}
@media screen and (max-width: 1240px) {
  .creating__bulk-swiper-row {
    -ms-grid-columns: 130px calc(100% - 140px);
    grid-template-columns: 130px calc(100% - 140px);
  }
}
@media (max-width: 572px) {
  .creating__bulk-swiper-row {
    -ms-grid-columns: 110px calc(100% - 115px);
    grid-template-columns: 110px calc(100% - 115px);
    gap: 5px;
  }
}

.creating__bulk-swiper-coll {
  width: 100%;
  position: relative;
  z-index: 2;
}

.creating__bulk-time-inner {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 180px;
  gap: 10px;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  padding-left: 12px;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .creating__bulk-time-inner {
    font-size: 16px;
    min-height: 170px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__bulk-time-inner {
    min-height: 165px;
  }
}
@media (max-width: 572px) {
  .creating__bulk-time-inner {
    font-size: 12px;
  }
}
.creating__bulk-time-inner::after {
  content: "";
  position: relative;
  width: 7.29px;
  height: 7.317px;
  border-radius: 50%;
  background: #204CAF;
}

.creating__bulk-time-inner + .creating__bulk-time-inner {
  margin-top: 12px;
}

.creating__bulk-swiper-coll-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;
  min-height: 80px;
  width: 100%;
}
@media screen and (max-width: 1680px) {
  .creating__bulk-swiper-coll-img {
    min-height: 66px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__bulk-swiper-coll-img {
    min-height: 56px;
  }
}
.creating__bulk-swiper-coll-img img,
.creating__bulk-swiper-coll-img svg {
  width: 56px;
  height: 56px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .creating__bulk-swiper-coll-img img,
  .creating__bulk-swiper-coll-img svg {
    width: 44px;
    height: 44px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__bulk-swiper-coll-img img,
  .creating__bulk-swiper-coll-img svg {
    width: 32px;
    height: 32px;
  }
}

.creating__bulk-swiper-slide {
  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;
  min-height: 80px;
  cursor: pointer;
}
@media screen and (max-width: 1680px) {
  .creating__bulk-swiper-slide {
    min-height: 66px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__bulk-swiper-slide {
    min-height: 56px;
  }
}

.creating__bulk-swiper-day {
  color: #0FAEFF;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .creating__bulk-swiper-day {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__bulk-swiper-day {
    font-size: 14px;
  }
}

.creating__bulk-swiper-week {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .creating__bulk-swiper-week {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__bulk-swiper-week {
    font-size: 14px;
  }
}

.creating__bulk-slide-list-inner {
  min-height: 180px;
}
.creating__bulk-slide-list-inner::after {
  z-index: 3;
}
@media screen and (max-width: 1680px) {
  .creating__bulk-slide-list-inner {
    font-size: 16px;
    min-height: 170px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__bulk-slide-list-inner {
    min-height: 165px;
  }
}

.creating__bulk-slide-list-inner + .creating__bulk-slide-list-inner {
  margin-top: 12px;
}

.creating__bulk-lesson-link {
  color: #204CAF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
  margin-top: auto;
  margin-bottom: 0;
  display: block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1240px) {
  .creating__bulk-lesson-link {
    font-size: 12px;
  }
}
@media (hover: hover) {
  .creating__bulk-lesson-link:hover {
    color: #C60D0D;
  }
}
@media (hover: none) {
  .creating__bulk-lesson-link:active {
    color: #C60D0D;
  }
}

.creating__bulk-lesson {
  padding: 15px;
  background: url("../../assets/img/creating/back-cart-name.svg") no-repeat center center/cover, rgba(32, 76, 175, 0.1);
  border: none;
}
.creating__bulk-lesson .creating-discipline-box-subtext {
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 1680px) {
  .creating__bulk-lesson .creating-discipline-box-subtext {
    -webkit-line-clamp: 3;
  }
}
@media screen and (max-width: 767px) {
  .creating__bulk-lesson .creating-discipline-box-subtext {
    -webkit-line-clamp: 2;
  }
}
@media screen and (max-width: 767px) {
  .creating__bulk-lesson {
    padding-left: 10px;
    padding-right: 10px;
    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) {
  .creating__bulk-lesson .creating-discipline-box-subtext {
    text-align: center;
  }
}
.creating__bulk-lesson .creating-discipline-box-img {
  width: 38px;
  height: 38px;
}
.creating__bulk-lesson .creating-discipline-box-img img,
.creating__bulk-lesson .creating-discipline-box-img svg {
  width: 24px;
  height: 24px;
}
.creating__bulk-lesson .creating-discipline-box-btn {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 22px;
  right: 15px;
  margin: 0;
}
@media (hover: hover) {
  .creating__bulk-lesson .creating-discipline-box-btn:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .creating__bulk-lesson .creating-discipline-box-btn:active path {
    fill: #C60D0D;
  }
}
@media (hover: hover) {
  .creating__bulk-lesson:hover {
    background: url("../../assets/img/creating/back-cart-name.svg") no-repeat center center/cover, rgba(32, 76, 175, 0.1);
    border: none;
  }
}
@media (hover: none) {
  .creating__bulk-lesson:active {
    background: url("../../assets/img/creating/back-cart-name.svg") no-repeat center center/cover, rgba(32, 76, 175, 0.1);
    border: none;
  }
}

.creating__box-hidden {
  overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -10px;
  margin-right: -10px;
}

.creating-bulk-btn-row {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .creating-bulk-btn-row {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .creating-bulk-btn-row {
    margin-top: 15px;
  }
}

.creating-local-tab-box {
  padding-top: 0;
}

.creating-local-tab-box {
  margin-top: 35px !important;
}
@media screen and (max-width: 1240px) {
  .creating-local-tab-box {
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 767px) {
  .creating-local-tab-box {
    margin-top: 15px !important;
  }
}

.creating__local--height {
  min-height: 290px;
}
@media screen and (max-width: 1240px) {
  .creating__local--height {
    min-height: 282px;
  }
}

.creating__local-lesson-add::after {
  background: url("../../assets/img/creating/back-cart-2.svg") no-repeat center center/contain;
}

.creating__local-lesson-info {
  position: absolute;
  top: 20px;
  left: 15px;
  border-radius: 30px;
  background: #204CAF;
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  padding: 7px 14px;
}
@media (max-width: 380px) {
  .creating__local-lesson-info {
    font-size: 11px;
    padding: 6px 12px;
    left: 10px;
  }
}

.creating__local-lesson {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.creating__local-lesson .creating-discipline-box-subtext {
  -webkit-line-clamp: 2;
}

.creating__local-theme {
  background: -o-linear-gradient(281deg, #F33DB5 -11.33%, #30AEFD 95.19%);
  background: linear-gradient(169deg, #F33DB5 -11.33%, #30AEFD 95.19%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
  position: relative;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-top: 25px;
}
.creating__local-theme::after {
  content: "";
  background: #204CAF;
  opacity: 0.4;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 1240px) {
  .creating__local-theme {
    font-size: 12px;
  }
}

.creating__local-author {
  padding-top: 25px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
  position: relative;
}
.creating__local-author::after {
  content: "";
  background: #204CAF;
  opacity: 0.4;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  position: absolute;
  top: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.creating__local-author-title {
  color: #747576;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
}

.creating__local-author-link {
  display: block;
  color: #204CAF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
}

.creating__performance-head-title {
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .creating__performance-head-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__performance-head-title {
    font-size: 16px;
  }
}

.creating__performance-head-select {
  margin-top: 15px;
  width: 320px;
}
@media screen and (max-width: 1680px) {
  .creating__performance-head-select {
    margin-top: 20px;
    width: 420px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__performance-head-select {
    margin-top: 25px;
    width: 320px;
  }
}
@media screen and (max-width: 767px) {
  .creating__performance-head-select {
    margin-top: 15px;
    width: 100%;
  }
}

.creating__performance-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;
}
@media screen and (max-width: 767px) {
  .creating__performance-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 15px;
  }
}

.creating__performance-label + .creating__performance-label {
  margin-left: 15px;
}
@media screen and (max-width: 1240px) {
  .creating__performance-label + .creating__performance-label {
    margin-left: 10px;
  }
}

input:checked ~ .creating__performance-label-span {
  background: #62CAFE;
}
input:checked ~ .creating__performance-label-span::after, input:checked ~ .creating__performance-label-span::before {
  background: #62CAFE;
}
input:checked ~ .creating__performance-label-span .creating__performance-label-subspan {
  background: #B7E7FF;
}
input:checked ~ .creating__performance-label-span .creating__performance-label-subspan::after, input:checked ~ .creating__performance-label-span .creating__performance-label-subspan::before {
  background: #B7E7FF;
}

.creating__performance-label-span {
  color: #0FAEFF;
  text-align: center;
  font-family: var(--third-family);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  width: 52px;
  height: 52px;
  padding: 1px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}
@media (hover: hover) {
  .creating__performance-label-span:hover {
    background: #62CAFE;
  }
  .creating__performance-label-span:hover::after, .creating__performance-label-span:hover::before {
    background: #62CAFE;
  }
  .creating__performance-label-span:hover .creating__performance-label-subspan {
    background: #B7E7FF;
  }
  .creating__performance-label-span:hover .creating__performance-label-subspan::after, .creating__performance-label-span:hover .creating__performance-label-subspan::before {
    background: #B7E7FF;
  }
}
@media (hover: none) {
  .creating__performance-label-span:active {
    background: #62CAFE;
  }
  .creating__performance-label-span:active::after, .creating__performance-label-span:active::before {
    background: #62CAFE;
  }
  .creating__performance-label-span:active .creating__performance-label-subspan {
    background: #B7E7FF;
  }
  .creating__performance-label-span:active .creating__performance-label-subspan::after, .creating__performance-label-span:active .creating__performance-label-subspan::before {
    background: #B7E7FF;
  }
}
@media screen and (max-width: 1240px) {
  .creating__performance-label-span {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .creating__performance-label-span {
    font-size: 16px;
    width: 40px;
    height: 40px;
  }
}

.creating__performance-label-span.--year {
  color: #0FAEFF;
  text-align: center;
  font-family: var(--font-family);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .creating__performance-label-span.--year {
    font-size: 16px;
  }
}

.creating__performance-label-subspan {
  background: #FFF;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  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: relative;
  border-radius: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.creating__performance-label-subspan::after {
  content: "";
  position: absolute;
  left: 50%;
  top: -2px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  border-radius: 100%/100%;
  width: calc(100% - 16px);
  height: 5px;
  background: #FFF;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .creating__performance-label-subspan::after {
    width: calc(100% - 5px);
  }
}
.creating__performance-label-subspan::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  border-radius: 100%/100%;
  width: calc(100% - 16px);
  height: 5px;
  background: #FFF;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 767px) {
  .creating__performance-label-subspan::before {
    width: calc(100% - 5px);
  }
}
@media screen and (max-width: 767px) {
  .creating__performance-label-subspan {
    border-radius: 5px;
  }
}

.creating__performance-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1680px) {
  .creating__performance-head {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (max-width: 767px) {
  .creating__performance-head {
    display: block;
  }
}

.creatin__test-wrapp {
  margin-top: 40px;
  max-width: 560px;
}
@media screen and (max-width: 1680px) {
  .creatin__test-wrapp {
    margin-top: 20px;
    max-width: 460px;
  }
}
@media screen and (max-width: 767px) {
  .creatin__test-wrapp {
    max-width: 100%;
  }
}

.creatin__test-wrapp-title {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  padding-bottom: 35px;
}
@media screen and (max-width: 1680px) {
  .creatin__test-wrapp-title {
    font-size: 18px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .creatin__test-wrapp-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .creatin__test-wrapp-title {
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 1680px) {
  .creatin__test-width {
    max-width: 420px;
  }
}
@media screen and (max-width: 1240px) {
  .creatin__test-width {
    max-width: 335px;
  }
}
@media screen and (max-width: 767px) {
  .creatin__test-width {
    max-width: 100%;
  }
}

.creatin__test-width + .creatin__test-width {
  margin-top: 20px;
}
@media screen and (max-width: 1680px) {
  .creatin__test-width + .creatin__test-width {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .creatin__test-width + .creatin__test-width {
    margin-top: 12px;
  }
}

.creatin__test-row {
  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: 20px;
}
@media screen and (max-width: 1680px) {
  .creatin__test-row {
    gap: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .creatin__test-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
@media screen and (max-width: 767px) {
  .creatin__test-row {
    gap: 12px;
  }
}

.creatin__test_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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}
@media (max-width: 572px) {
  .creatin__test_btn-row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 572px) {
  .creatin__test-btn {
    width: 100%;
  }
}

.creatin__test-ok {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -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: #90D557;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 767px) {
  .creatin__test-ok {
    font-size: 14px;
  }
}
.creatin__test-ok img,
.creatin__test-ok svg {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}

.creating__performance-footer-title {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
  color: #204CAF;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .creating__performance-footer-title {
    font-size: 16px;
  }
}
.creating__performance-footer-title img,
.creating__performance-footer-title svg {
  width: 25px;
  height: 31px;
  -o-object-fit: contain;
     object-fit: contain;
}

.creating__performance-footer {
  margin-top: 40px;
}
@media screen and (max-width: 1680px) {
  .creating__performance-footer {
    margin-top: 20px;
  }
}

.creating__performance-color-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto 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;
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .creating__performance-color-inner {
    font-size: 12px;
    gap: 8px;
  }
}

.creating__performance-color-inner + .creating__performance-color-inner {
  margin-top: 20px;
}
@media screen and (max-width: 1680px) {
  .creating__performance-color-inner + .creating__performance-color-inner {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .creating__performance-color-inner + .creating__performance-color-inner {
    margin-top: 5px;
  }
}

.creating__performance-color-circle {
  width: 31px;
  height: 31px;
  display: block;
  border-radius: 50%;
}
@media screen and (max-width: 1680px) {
  .creating__performance-color-circle {
    width: 20px;
    height: 20px;
  }
}

.creatin__perfomance-legend-name {
  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: 78px;
  height: 31px;
  border-radius: 30px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  border: 1px solid rgba(49, 50, 51, 0.1);
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .creatin__perfomance-legend-name {
    width: 50px;
    height: 29px;
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .creatin__perfomance-legend-name {
    width: 50px;
    height: 26px;
    font-size: 12px;
  }
}

.creatin__perfomance-legend-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .creatin__perfomance-legend-inner {
    font-size: 14px;
    gap: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .creatin__perfomance-legend-inner {
    gap: 8px;
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .creatin__perfomance-legend-inner {
    gap: 12px;
  }
}

.creatin__perfomance-legend-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 1680px) {
  .creatin__perfomance-legend-list {
    gap: 15px;
  }
}
@media (max-width: 1400px) {
  .creatin__perfomance-legend-list {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1240px) {
  .creatin__perfomance-legend-list {
    gap: 8px;
  }
}
@media (max-width: 800px) {
  .creatin__perfomance-legend-list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .creatin__perfomance-legend-list {
    gap: 5px;
  }
}
@media (max-width: 470px) {
  .creatin__perfomance-legend-list {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.creating__performance-wrapp {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 50px;
}
@media (max-width: 1800px) {
  .creating__performance-wrapp {
    gap: 15px;
  }
}
@media screen and (max-width: 1680px) {
  .creating__performance-wrapp {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .creating__performance-wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.creating__performance-swiper-container {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .creating__performance-swiper-container {
    margin-top: 20px;
  }
}

.creating__performance-swiper-coll {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 15px;
  color: #204CAF;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  padding: 10px 15px;
}
@media screen and (max-width: 1680px) {
  .creating__performance-swiper-coll {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__performance-swiper-coll {
    padding: 10px;
  }
}
.creating__performance-swiper-coll img,
.creating__performance-swiper-coll svg {
  width: 31px;
  height: 39px;
  -o-object-fit: contain;
     object-fit: contain;
}

.creating__preformance-student-img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  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%;
  overflow: hidden;
  width: 40px;
  height: 40px;
  grid-area: creating__preformance-student-img;
}
@media (max-width: 1400px) {
  .creating__preformance-student-img {
    width: 30px;
    height: 30px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__preformance-student-img {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 992px) {
  .creating__preformance-student-img {
    width: 20px;
    height: 20px;
    margin-top: auto;
    margin-bottom: 0;
  }
}
.creating__preformance-student-img img,
.creating__preformance-student-img svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.creating__preformance-student-wrapp {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: creating__preformance-student-wrapp;
  padding-top: 5px;
  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;
  height: 100%;
}
@media screen and (max-width: 992px) {
  .creating__preformance-student-wrapp {
    padding-top: 10px;
  }
}

.creating__preformance-student-id {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: creating__preformance-student-id;
  color: #747576;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  -webkit-transition: 0.4;
  -o-transition: 0.4;
  transition: 0.4;
  display: inline-block;
  height: 100%;
  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: 992px) {
  .creating__preformance-student-id {
    padding-bottom: 5px;
    font-size: 10px;
  }
}
@media (hover: hover) {
  .creating__preformance-student-id:hover {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .creating__preformance-student-id:active {
    color: #0FAEFF;
  }
}

.not-add-class.creating__preformance-student-id {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: auto;
  margin-bottom: 0;
}

.creating__preformance-student-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 8px 1fr;
  grid-template-columns: auto 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-grid-rows: auto 0 auto;
  grid-template-rows: auto auto;
  gap: 0 8px;
      grid-template-areas: "creating__preformance-student-img creating__preformance-student-id" "creating__preformance-student-img creating__preformance-student-wrapp";
  border-radius: 10px;
  height: 190px;
  padding: 8px;
  border: 1px solid rgba(116, 117, 118, 0.05);
  background: #FFF;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.05);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.05);
}
@media screen and (max-width: 1680px) {
  .creating__preformance-student-box {
    height: 175px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__preformance-student-box {
    height: 165px;
  }
}
@media screen and (max-width: 992px) {
  .creating__preformance-student-box {
        grid-template-areas: "creating__preformance-student-img creating__preformance-student-id" "creating__preformance-student-wrapp creating__preformance-student-wrapp";
  }
  .creating__preformance-student-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .creating__preformance-student-wrapp {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .creating__preformance-student-id {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}

@media (hover: hover) {
  .creating__preformance-student-box.btn-add-class:hover {
    border: 1px solid #0FAEFF;
    background: rgba(32, 76, 175, 0.05);
    -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.05);
            box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.05);
  }
}

.creating__preformance-student-box.--active {
  border: 1px solid #0FAEFF;
  background: rgba(32, 76, 175, 0.05);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.05);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.05);
}
.creating__preformance-student-box.--active .creating__preformance-student-name {
  color: #0FAEFF;
}

.creating__preformance-student-name {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  display: inline-block;
  color: #242323;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .creating__preformance-student-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .creating__preformance-student-name {
    font-size: 12px;
  }
}
@media (max-width: 380px) {
  .creating__preformance-student-name .break-word {
    word-break: break-all;
  }
}
@media (hover: hover) {
  .creating__preformance-student-name:hover {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .creating__preformance-student-name:active {
    color: #0FAEFF;
  }
}

.creating__preformance-student-ball {
  padding-top: 5px;
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
.creating__preformance-student-ball span {
  color: #204CAF;
}
@media screen and (max-width: 1680px) {
  .creating__preformance-student-ball {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .creating__preformance-student-ball {
    font-size: 12px;
  }
}

.creating__performance-swiper-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 280px calc(100% - 300px);
  grid-template-columns: 280px calc(100% - 300px);
  gap: 20px;
}
@media screen and (max-width: 1680px) {
  .creating__performance-swiper-row {
    -ms-grid-columns: 260px calc(100% - 265px);
    grid-template-columns: 260px calc(100% - 265px);
    gap: 5px;
  }
}
@media (max-width: 1400px) {
  .creating__performance-swiper-row {
    -ms-grid-columns: 200px calc(100% - 205px);
    grid-template-columns: 200px calc(100% - 205px);
  }
}
@media screen and (max-width: 1240px) {
  .creating__performance-swiper-row {
    -ms-grid-columns: 260px calc(100% - 265px);
    grid-template-columns: 260px calc(100% - 265px);
  }
}
@media screen and (max-width: 992px) {
  .creating__performance-swiper-row {
    -ms-grid-columns: 160px calc(100% - 165px);
    grid-template-columns: 160px calc(100% - 165px);
  }
}
@media (max-width: 380px) {
  .creating__performance-swiper-row {
    -ms-grid-columns: 135px calc(100% - 140px);
    grid-template-columns: 135px calc(100% - 140px);
  }
}

.creating__preformance-student-box + .creating__preformance-student-box {
  margin-top: 5px;
}
@media screen and (max-width: 1680px) {
  .creating__preformance-student-box + .creating__preformance-student-box {
    margin-top: 10px;
  }
}

.creating__performance-swiper-header .creating__bulk-swiper-week {
  color: #747576;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
  padding-top: 5px;
}
@media screen and (max-width: 1240px) {
  .creating__performance-swiper-header .creating__bulk-swiper-week {
    font-size: 14px;
  }
}

.creating__performance-box-wrapp {
  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;
  width: 100%;
  gap: 8px;
  padding-right: 10px;
}
@media (max-width: 1800px) {
  .creating__performance-box-wrapp {
    padding-right: 5px;
  }
}

.creating__performance-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;
  height: 190px;
  border: 1px rgba(116, 117, 118, 0.05);
  background: #FFF;
  padding: 15px 15px 15px 25px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.05);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.05);
}
@media (max-width: 1800px) {
  .creating__performance-box {
    padding: 15px 5px 15px 10px;
  }
}
@media screen and (max-width: 1680px) {
  .creating__performance-box {
    height: 175px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__performance-box {
    height: 165px;
  }
}

.creating__performance-box + .creating__performance-box {
  margin-top: 5px;
}
@media screen and (max-width: 1680px) {
  .creating__performance-box + .creating__performance-box {
    margin-top: 10px;
  }
}

.creating__performance-box-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (hover: hover) {
  .creating__performance-box-row:hover .creating__performance-btn {
    opacity: 1;
  }
}

.creating__performance-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
  opacity: 0;
}
.creating__performance-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.creating__performance-btn img,
.creating__performance-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 992px) {
  .creating__performance-btn {
    opacity: 1;
  }
}
@media (hover: hover) {
  .creating__performance-btn:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .creating__performance-btn:active path {
    fill: #C60D0D;
  }
}

.creating__performance-box-text {
  width: 100%;
  height: 33px;
  border-radius: 30px;
  border: 1px solid #90D557;
  background: rgba(144, 213, 87, 0.1);
  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: #8ABA65;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .creating__performance-box-text {
    font-size: 14px;
    height: 28px;
  }
}
@media screen and (max-width: 1240px) {
  .creating__performance-box-text {
    font-size: 12px;
    height: 25px;
  }
}

.creating__performance-box-row.--perfom-yellow .creating__performance-box-text {
  border: 1px solid #F39C38;
  color: #F39C38;
  background: rgba(243, 156, 56, 0.2);
}

.creating__performance-box-row.--perfom-gray .creating__performance-box-text {
  border: 1px solid #747576;
  color: #747576;
  background: rgba(116, 117, 118, 0.1);
}

.creating__performance-box-row.--perfom-red .creating__performance-box-text {
  border: 1px solid #F50000;
  color: #F50000;
  background: rgba(245, 0, 0, 0.1);
}

.creating__performance-box-row.--perfom-pink .creating__performance-box-text {
  color: #F33DB5;
  border: 1px solid #F33DB5;
  background: rgba(243, 61, 181, 0.1);
}

.creating__performance-swiper-header {
  position: relative;
  padding-bottom: 30px;
}
.creating__performance-swiper-header .swiper-scrollbar {
  height: 8px;
  border-radius: 10px;
  background: rgba(32, 76, 175, 0.05);
  margin-top: 15px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.creating__performance-swiper-header .swiper-scrollbar .swiper-scrollbar-drag {
  height: 4px;
  border-radius: 10px;
  background: #0FAEFF;
}

.creating__performance-swiper-header,
.creating__performance-swiper-body {
  overflow: hidden;
}

.creating__performance-btn-add {
  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;
  margin-left: auto;
  margin-right: auto;
}
.creating__performance-btn-add path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.creating__performance-btn-add svg,
.creating__performance-btn-add img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .creating__performance-btn-add:hover path {
    fill: #F33D4C;
  }
}
@media (hover: none) {
  .creating__performance-btn-add:active path {
    fill: #F33D4C;
  }
}

.creating__tab-swiper {
  display: block;
  height: 0;
  overflow: hidden;
}

.creating__tab-swiper.--active {
  display: block;
  height: auto;
  overflow: visible;
}

.--is-active-day {
  border-radius: 10px;
  border: 1px solid #204CAF;
  background: rgba(32, 76, 175, 0.1);
}

.creating__performance-box-wrapp.--not-element {
  background: url("../../assets/img/icon/ph_smiley-sad-fill.svg") no-repeat center center/contain;
  background-size: 32px 32px;
  width: 100%;
  height: 100%;
}

.directory-filter {
  -ms-grid-columns: 1.7fr 20px 4fr;
  grid-template-columns: 1.7fr 4fr;
  -ms-grid-rows: auto 20px 1fr;
  grid-template-rows: auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
      grid-template-areas: "directory-filter-btn directory-filter-btn" "directory-filter-search directory-filter__module";
  gap: 20px;
}
@media screen and (max-width: 1680px) {
  .directory-filter {
    -ms-grid-columns: auto 20px 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto 15px auto;
        grid-template-areas: "directory-filter-btn directory-filter-search" "directory-filter__module directory-filter__module";
    gap: 15px 20px;
  }
}

.directory-filter-btn {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: directory-filter-btn;
}

.directory-filter-search {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  width: 90%;
  grid-area: directory-filter-search;
}

.teacher-directory-filter > .directory-filter-search {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
@media screen and (max-width: 1680px) {
  .directory-filter-search {
    width: 100%;
  }
}

.directory-filter__module {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: directory-filter__module;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media screen and (max-width: 1680px) {
  .directory-filter__module {
    gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  .directory-filter__module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
}

.directory-filter__select-img {
  padding-left: 45px;
  position: relative;
}
.directory-filter__select-img::after {
  content: "";
  background: url("../../assets/img/icon/doble-arrow.svg") no-repeat center center/contain;
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 1680px) {
  .directory-filter__select-img::after {
    left: 15px;
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .directory-filter__select-img::after {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .directory-filter__select-img {
    padding-left: 35px;
  }
}

.directory-table {
  height: 785px;
  overflow: auto;
  margin-top: 30px;
  padding-right: 15px;
}
@media screen and (max-width: 1680px) {
  .directory-table {
    padding-right: 10px;
    height: 705px;
  }
}
@media screen and (max-width: 1240px) {
  .directory-table {
    margin-top: 20px;
    min-height: calc(100vh - 400px);
    height: auto;
    overflow: visible;
    padding-right: 0;
  }
}

.directory-table-cart:nth-child(1) {
  margin-top: 0;
}

.directory-table-cart-wrapp {
  background: #fff;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 4fr 1fr auto;
  grid-template-columns: auto 4fr 1fr auto;
  padding: 15px 30px 25px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
}
@media screen and (max-width: 1440px) {
  .directory-table-cart-wrapp {
    padding: 15px 20px 20px 20px;
    gap: 0 12px;
  }
}
@media screen and (max-width: 1240px) {
  .directory-table-cart-wrapp {
    padding: 15px 20px 15px 12px;
  }
}
@media screen and (max-width: 992px) {
  .directory-table-cart-wrapp {
    -ms-grid-columns: auto 1fr auto auto;
    grid-template-columns: auto 1fr auto auto;
  }
}
@media screen and (max-width: 767px) {
  .directory-table-cart-wrapp {
    padding: 0 10px 10px 10px;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
        grid-template-areas: "directory-table-coll-img directory-table-coll-img" "directory-table-coll-name directory-table-coll-name" "directory-table-coll-status directory-table-coll-menu";
  }
}
.directory-table-cart-wrapp::after, .directory-table-cart-wrapp::before {
  background: #fff;
}
@media screen and (max-width: 767px) {
  .directory-table-cart-wrapp::after, .directory-table-cart-wrapp::before {
    background: none;
  }
}

@media screen and (max-width: 767px) {
  .directory-table-coll-img {
    grid-area: directory-table-coll-img;
  }
}

@media screen and (max-width: 767px) {
  .directory-table-coll-name {
    grid-area: directory-table-coll-name;
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .directory-table-coll-status {
    grid-area: directory-table-coll-status;
    margin-top: 10px;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media screen and (max-width: 767px) {
  .directory-cart-status {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px 12px;
    color: #fff;
    background: #9490db;
  }
  .directory-cart-status.--basic {
    color: #fff;
    background: #0faeff;
  }
}

@media screen and (max-width: 767px) {
  .directory-table-coll-menu {
    grid-area: directory-table-coll-menu;
    margin-top: 10px;
    margin-left: auto;
    margin-right: 0;
  }
}

@media screen and (max-width: 767px){
  .directory-table-coll-img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .directory-table-coll-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .directory-table-coll-status {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .directory-table-coll-menu {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
}

.directory-table-coll {
  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;
}

.directory-table-img {
  width: 78px;
  height: 78px;
  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: 5px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
}
@media screen and (max-width: 1680px) {
  .directory-table-img {
    width: 70px;
    height: 70px;
  }
}
@media screen and (max-width: 1240px) {
  .directory-table-img {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .directory-table-img {
    width: 100%;
    height: 60px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 10px 10px 0px 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(148, 144, 219, 0.1)), to(rgba(148, 144, 219, 0.1)));
    background: -o-linear-gradient(bottom, rgba(148, 144, 219, 0.1) 0%, rgba(148, 144, 219, 0.1) 100%);
    background: linear-gradient(0deg, rgba(148, 144, 219, 0.1) 0%, rgba(148, 144, 219, 0.1) 100%);
  }
}
.directory-table-img img,
.directory-table-img svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 35px;
  height: 33px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1240px) {
  .directory-table-img img,
  .directory-table-img svg {
    width: 27px;
    height: 25px;
  }
}

@media screen and (max-width: 767px) {
  .directory-table-coll-img {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    margin-left: -10px;
    margin-right: -10px;
  }
}

.directory-table-menu-button path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .directory-table-menu-button:hover {
    background: #f50000;
  }
  .directory-table-menu-button:hover::after, .directory-table-menu-button:hover::before {
    background: #f50000;
  }
  .directory-table-menu-button:hover path {
    fill: #fff;
  }
}
@media (hover: none) {
  .directory-table-menu-button:active {
    background: #f50000;
  }
  .directory-table-menu-button:active::after, .directory-table-menu-button:active::before {
    background: #f50000;
  }
  .directory-table-menu-button:active path {
    fill: #fff;
  }
}

.directory-table-name {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding-bottom: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-grid-columns: auto auto auto;
  grid-template-columns: auto auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 5px;
}
.directory-table-name span {
  color: #204caf;
}
@media screen and (max-width: 1680px) {
  .directory-table-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .directory-table-name {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .directory-table-name:hover {
    color: #0faeff;
  }
  .directory-table-name:hover span {
    color: #0faeff;
  }
}
@media (hover: none) {
  .directory-table-name:active {
    color: #0faeff;
  }
  .directory-table-name:active span {
    color: #0faeff;
  }
}

.directory-cart-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 1240px) {
  .directory-cart-list-inner {
    font-size: 12px;
  }
}

.directory-table-name-info {
  width: 22px;
  height: 22px;
  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: 767px) {
  .directory-table-name-info {
    margin-left: auto;
    margin-right: 0;
  }
}
.directory-table-name-info img,
.directory-table-name-info svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.disciplines-title {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .disciplines-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .disciplines-title {
    font-size: 16px;
  }
}

.disciplines-info {
  margin-top: 30px;
  padding: 20px;
  border-radius: 15px;
  background: #FFF;
}
@media screen and (max-width: 767px) {
  .disciplines-info {
    padding: 15px;
    margin-top: 20px;
  }
}

.disciplines-info-btn-row {
  margin-top: 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;
  gap: 10px 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 572px) {
  .disciplines-info-button {
    width: 100%;
  }
}

.disciplines-info-img .error-text {
  margin-top: 15px;
  font-size: 14px;
}
@media screen and (max-width: 1240px) {
  .disciplines-info-img .error-text {
    font-size: 12px;
  }
}
.disciplines-info-img .error-text img,
.disciplines-info-img .error-text svg {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 1240px) {
  .disciplines-info-img .error-text img,
  .disciplines-info-img .error-text svg {
    width: 18px;
    height: 18px;
  }
}

.disciplines-info-head {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 300px calc(100% - 320px);
  grid-template-columns: 300px calc(100% - 320px);
  gap: 20px;
}
@media screen and (max-width: 1680px) {
  .disciplines-info-head {
    -ms-grid-columns: 240px 1fr;
    grid-template-columns: 240px 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-info-head {
    -ms-grid-columns: 200px 1fr;
    grid-template-columns: 200px 1fr;
  }
}
@media screen and (max-width: 767px) {
  .disciplines-info-head {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 15px;
  }
}

@media screen and (max-width: 767px) {
  .disciplines-info-file {
    width: 298px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 390px) {
  .disciplines-info-file {
    width: 100%;
  }
}

.disciplines-info-subtitle {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
  padding-bottom: 15px;
}
@media screen and (max-width: 1680px) {
  .disciplines-info-subtitle {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-info-subtitle {
    font-size: 14px;
    padding-bottom: 10px;
  }
}

.disciplines-info-list-inner + .disciplines-info-list-inner {
  margin-top: 20px;
}

.disciplines-info-btn {
  width: 78px;
  height: 78px;
  padding: 0;
}
@media screen and (max-width: 1680px) {
  .disciplines-info-btn {
    width: 48px;
    height: 48px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-info-btn {
    width: 34px;
    height: 34px;
  }
}
@media screen and (max-width: 767px) {
  .disciplines-info-btn {
    width: 42px;
    height: 42px;
  }
}
.disciplines-info-btn img,
.disciplines-info-btn svg {
  width: 35px;
  height: 33px;
}
@media screen and (max-width: 1680px) {
  .disciplines-info-btn img,
  .disciplines-info-btn svg {
    width: 27px;
    height: 25px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-info-btn img,
  .disciplines-info-btn svg {
    width: 27px;
    height: 25px;
  }
}
@media screen and (max-width: 767px) {
  .disciplines-info-btn img,
  .disciplines-info-btn svg {
    width: 22px;
    height: 20px;
  }
}

.disciplines-info-wrapper {
  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: 15px;
}

.disciplines-input-row {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.disciplines-input-row .disciplines-input-box:nth-child(1) {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}
@media screen and (max-width: 767px) {
  .disciplines-input-row .disciplines-input-box:nth-child(1) {
    grid-column: initial;
  }
}
.disciplines-input-row .disciplines-input-box:nth-child(2) {
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-column: 3/5;
}
@media screen and (max-width: 767px) {
  .disciplines-input-row .disciplines-input-box:nth-child(2) {
    grid-column: initial;
  }
}
@media screen and (max-width: 1680px) {
  .disciplines-input-row {
    gap: 15px 20px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-input-row {
    gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  .disciplines-input-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.disciplines-input-title {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 5px;
}

.disciplines-bottom-files {
  margin-top: 20px;
}
@media screen and (max-width: 1680px) {
  .disciplines-bottom-files {
    margin-top: 15px;
  }
}

.disciplines-info-check {
  display: block;
  margin-top: 20px;
}
@media screen and (max-width: 1680px) {
  .disciplines-info-check {
    margin-top: 15px;
  }
}

.disciplines-bottom-files .disciplines-info-subtitle {
  padding-bottom: 0;
}

.disciplines-body {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .disciplines-body {
    margin-top: 20px;
  }
}

.disciplines-body-wrapp {
  margin-top: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 400px 1fr;
  grid-template-columns: 400px 1fr;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 1680px) {
  .disciplines-body-wrapp {
    -ms-grid-columns: 305px 1fr;
    grid-template-columns: 305px 1fr;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-body-wrapp {
    -ms-grid-columns: 255px 1fr;
    grid-template-columns: 255px 1fr;
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .disciplines-body-wrapp {
    display: block;
  }
}

.disciplines-panel-btn {
  width: 100%;
}

.disciplines-panel {
  border-radius: 15px;
  background: #FFF;
  padding: 20px;
}

.disciplines-panel-list {
  margin-top: 20px;
  height: 100vh;
  width: 100%;
  overflow: auto;
  padding-right: 15px;
}

.disciplines__dinamic-acc-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;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
.disciplines__dinamic-acc-btn svg,
.disciplines__dinamic-acc-btn img {
  width: 14px;
  height: 8px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}
@media (max-width: 1680px) {
  .disciplines__dinamic-acc-btn {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .disciplines__dinamic-acc-btn:hover {
    color: #0FAEFF;
  }
  .disciplines__dinamic-acc-btn:hover .dinamic-acc-arrow path {
    stroke: #0FAEFF;
  }
}
@media (hover: none) {
  .disciplines__dinamic-acc-btn:active {
    color: #0FAEFF;
  }
  .disciplines__dinamic-acc-btn:active .dinamic-acc-arrow path {
    stroke: #0FAEFF;
  }
}

.disciplines__dinamic-acc-head {
  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;
  gap: 15px;
}

.disciplines__dinamic-menu {
  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;
}

.disciplines__dinamic-menu-btn {
  width: 24px;
  height: 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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.disciplines__dinamic-menu-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .disciplines__dinamic-menu-btn {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .disciplines__dinamic-menu-btn {
    width: 16px;
    height: 16px;
  }
}
.disciplines__dinamic-menu-btn svg,
.disciplines__dinamic-menu-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (hover: hover) {
  .disciplines__dinamic-menu-btn:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .disciplines__dinamic-menu-btn:active path {
    fill: #C60D0D;
  }
}

.disciplines__dinamic-menu-btn + .disciplines__dinamic-menu-btn {
  margin-left: 15px;
}

.disciplines__dinamic-acc + .disciplines__dinamic-acc {
  margin-top: 20px;
}

.disciplines__dinamic-acc-body {
  margin-top: 20px;
}
@media (max-width: 1240px) {
  .disciplines__dinamic-acc-body {
    margin-top: 15px;
  }
}

.disciplines__add-btn {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  gap: 10px;
  color: #F33D4C;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.disciplines__add-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .disciplines__add-btn {
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .disciplines__add-btn {
    gap: 5px;
    font-size: 14px;
  }
}
.disciplines__add-btn svg,
.disciplines__add-btn img {
  width: 24px;
  height: 24px;
}
@media (max-width: 1680px) {
  .disciplines__add-btn svg,
  .disciplines__add-btn img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .disciplines__add-btn svg,
  .disciplines__add-btn img {
    width: 18px;
    height: 18px;
  }
}
@media (hover: hover) {
  .disciplines__add-btn:hover {
    color: #C60D0D;
  }
  .disciplines__add-btn:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .disciplines__add-btn:active {
    color: #C60D0D;
  }
  .disciplines__add-btn:active path {
    fill: #C60D0D;
  }
}

.disciplines__lesson-box {
  padding: 15px;
  isolation: isolate;
  border-radius: 10px;
  position: relative;
  background: rgba(49, 50, 51, 0.1);
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1240px) {
  .disciplines__lesson-box {
    padding: 15px 10px;
  }
}
.disciplines__lesson-box::after {
  content: "";
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 10px;
  background: #fff;
  z-index: -1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .disciplines__lesson-box:hover::after {
    background: #F4F6FB;
  }
  .disciplines__lesson-box:hover .disciplines__lesson-btn {
    opacity: 1;
  }
  .disciplines__lesson-box:hover .disciplines__lesson-link {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .disciplines__lesson-box:active {
    background: #F4F6FB;
  }
  .disciplines__lesson-box:active .disciplines__lesson-btn {
    opacity: 1;
  }
  .disciplines__lesson-box:active .disciplines__lesson-link {
    color: #0FAEFF;
  }
}

.disciplines__lesson-box.--active {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33DB5), to(#30AEFD));
  background: -o-linear-gradient(top, #F33DB5 0, #30AEFD 100%);
  background: linear-gradient(180deg, #F33DB5 0, #30AEFD 100%);
}
.disciplines__lesson-box.--active .disciplines__lesson-link {
  color: #204CAF;
}
.disciplines__lesson-box.--active .disciplines__lesson-btn {
  opacity: 1;
}
.disciplines__lesson-box.--active::after {
  background: #F4F6FB;
}

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

.disciplines__lesson-header-title {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -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: #F50000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .disciplines__lesson-header-title {
    font-size: 16px;
    gap: 5px;
  }
}
@media (max-width: 992px) {
  .disciplines__lesson-header-title {
    font-size: 10px;
  }
}
.disciplines__lesson-header-title svg,
.disciplines__lesson-header-title img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .disciplines__lesson-header-title svg,
  .disciplines__lesson-header-title img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .disciplines__lesson-header-title svg,
  .disciplines__lesson-header-title img {
    width: 16px;
    height: 16px;
  }
}

.disciplines__lesson-list {
  margin-top: 20px;
}
@media screen and (max-width: 1240px) {
  .disciplines__lesson-list {
    margin-top: 15px;
  }
}

.disciplines__lesson-box + .disciplines__lesson-box {
  margin-top: 15px;
}
@media (max-width: 992px) {
  .disciplines__lesson-box + .disciplines__lesson-box {
    margin-top: 10px;
  }
}

.disciplines__lesson-body {
  margin-top: 15px;
}
@media (max-width: 992px) {
  .disciplines__lesson-body {
    margin-top: 10px;
  }
}

.disciplines__lesson-link {
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .disciplines__lesson-link {
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .disciplines__lesson-link {
    font-size: 12px;
  }
}
@media (hover: hover) {
  .disciplines__lesson-link:hover {
    color: #F50000;
  }
}
@media (hover: none) {
  .disciplines__lesson-link:active {
    color: #F50000;
  }
}

.disciplines__lesson-text {
  color: #747576;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  padding-top: 10px;
}
@media (max-width: 1680px) {
  .disciplines__lesson-text {
    font-size: 12px;
  }
}

.disciplines__lesson-btn {
  width: 24px;
  height: 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;
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.disciplines__lesson-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .disciplines__lesson-btn {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .disciplines__lesson-btn {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 992px) {
  .disciplines__lesson-btn {
    opacity: 1;
  }
}
.disciplines__lesson-btn img,
.disciplines__lesson-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .disciplines__lesson-btn:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .disciplines__lesson-btn:active path {
    fill: #C60D0D;
  }
}

@media (max-width: 767px) {
  .disciplines-module {
    padding-top: 15px;
  }
}

.disciplines-module-wrapper {
  display: block;
  background: #FFF;
  border-radius: 10px;
  padding: 20px;
}
@media (max-width: 1240px) {
  .disciplines-module-wrapper {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 767px) {
  .disciplines-module-wrapper {
    display: block;
    margin-top: auto;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 20px 30px 20px;
    border-radius: 10px 10px 0px 0px;
    background: #FFF;
    -webkit-box-shadow: 0px -10px 30px 0px rgba(141, 140, 140, 0.25);
            box-shadow: 0px -10px 30px 0px rgba(141, 140, 140, 0.25);
  }
}

.disciplines-tab-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: 10px 20px;
  margin-top: 60px;
}
@media screen and (max-width: 1680px) {
  .disciplines-tab-footer {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .disciplines-tab-footer {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .disciplines-tab-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

@media (max-width: 767px) {
  .disciplines-tab-footer-btn {
    width: 100%;
  }
}

.disciplines__tab-box {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .disciplines__tab-box {
    margin-top: 20px;
  }
}

.disciplines-material-grid {
  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;
  gap: 30px;
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .disciplines-material-grid {
    margin-top: 20px;
  }
}
@media (max-width: 1680px) {
  .disciplines-material-grid {
    display: block;
  }
}

.disciplines-material-file {
  width: 340px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.disciplines-material-file .file__box-img {
  padding-left: 15px;
  padding-right: 15px;
  min-height: 200px;
}
@media (max-width: 1680px) {
  .disciplines-material-file .file__box-img {
    padding: 15px;
    height: auto;
    min-height: 200px;
  }
}
@media screen and (max-width: 572px) {
  .disciplines-material-file .file__box-img {
    min-height: 160px;
  }
}
.disciplines-material-file video {
  width: 100%;
  height: auto;
}
@media (max-width: 1680px) {
  .disciplines-material-file {
    width: 100%;
  }
}

.disciplines-material-wrapp {
  width: 100%;
}

.disciplines__tab-title {
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .disciplines__tab-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines__tab-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .disciplines__tab-title {
    font-size: 14px;
  }
}

.disciplines__tab-text {
  padding-top: 10px;
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .disciplines__tab-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines__tab-text {
    font-size: 12px;
  }
}

.disciplines-material-block {
  display: block;
}

.disciplines-material-block + .disciplines-material-block {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .disciplines-material-block + .disciplines-material-block {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-material-block + .disciplines-material-block {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .disciplines-material-block + .disciplines-material-block {
    margin-top: 15px;
  }
}

.disciplines-material-wrapp {
  margin-top: 20px;
}

.disciplines-material-file .select-title {
  padding-bottom: 0;
}

.disciplines-material-textarea-descript .textarea {
  height: 138px;
}
@media screen and (max-width: 1680px) {
  .disciplines-material-textarea-descript .textarea {
    height: 115px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-material-textarea-descript .textarea {
    height: 156px;
  }
}
@media screen and (max-width: 767px) {
  .disciplines-material-textarea-descript .textarea {
    height: 190px;
  }
}

.disciplines-input-link {
  color: #0FAEFF;
  text-decoration-line: underline;
}
.disciplines-input-link::-webkit-input-placeholder {
  text-decoration-line: underline;
  text-decoration-color: #fff;
}
.disciplines-input-link::-moz-placeholder {
  text-decoration-line: underline;
  text-decoration-color: #fff;
}
.disciplines-input-link:-ms-input-placeholder {
  text-decoration-line: underline;
  text-decoration-color: #fff;
}
.disciplines-input-link::-ms-input-placeholder {
  text-decoration-line: underline;
  text-decoration-color: #fff;
}
.disciplines-input-link::placeholder {
  text-decoration-line: underline;
  text-decoration-color: #fff;
}

.disciplines-material-block {
  width: 100%;
}
.disciplines-material-block .file-row-element {
  max-width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto auto auto;
  grid-template-columns: auto 1fr auto auto auto;
}

.disciplines-material-btn-add {
  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;
  margin-top: 15px;
  color: #0FAEFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
@media screen and (max-width: 1680px) {
  .disciplines-material-btn-add {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-material-btn-add {
    font-size: 14px;
  }
}
.disciplines-material-btn-add path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.disciplines-material-btn-add img,
.disciplines-material-btn-add svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
@media (max-width: 1680px) {
  .disciplines-material-btn-add img,
  .disciplines-material-btn-add svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .disciplines-material-btn-add img,
  .disciplines-material-btn-add svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
}
@media (hover: hover) {
  .disciplines-material-btn-add:hover {
    color: #F50000;
  }
  .disciplines-material-btn-add:hover path {
    fill: #F50000;
  }
}
@media (hover: none) {
  .disciplines-material-btn-add:active {
    color: #F50000;
  }
  .disciplines-material-btn-add:active path {
    fill: #F50000;
  }
}

.disciplines-material-add-title {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .disciplines-material-add-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-material-add-title {
    font-size: 14px;
  }
}

.disciplines-material-add-row {
  margin-top: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr auto;
  grid-template-columns: 1fr 1fr auto;
  gap: 10px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.disciplines-coll-2 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}

.disciplines-btn-remove {
  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: 20px;
  height: 20px;
}
.disciplines-btn-remove path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.disciplines-btn-remove img,
.disciplines-btn-remove svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (hover: hover) {
  .disciplines-btn-remove:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .disciplines-btn-remove:active path {
    fill: #C60D0D;
  }
}

.disciplines-material-footer-textarea {
  margin-top: 30px;
  display: block;
}
@media (max-width: 1680px) {
  .disciplines-material-footer-textarea {
    margin-top: 15px;
  }
}
@media (max-width: 1240px) {
  .disciplines-material-footer-textarea {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .disciplines-material-footer-textarea {
    margin-top: 15px;
  }
}
.disciplines-material-footer-textarea .textarea {
  height: 500px;
}
@media (max-width: 1680px) {
  .disciplines-material-footer-textarea .textarea {
    height: 150px;
  }
}
@media (max-width: 1240px) {
  .disciplines-material-footer-textarea .textarea {
    height: 155px;
  }
}
@media (max-width: 767px) {
  .disciplines-material-footer-textarea .textarea {
    height: 360px;
  }
}

.disciplines-material-footer-title {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.disciplines-material-footer-title img,
.disciplines-material-footer-title svg {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
@media (max-width: 1240px) {
  .disciplines-material-footer-title img,
  .disciplines-material-footer-title svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
}

.disciplines-task-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: 10px 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}

@media (max-width: 767px) {
  .disciplines-task-row-btn {
    width: 100%;
  }
}

.disciplines-task-list-wrapp {
  margin-top: 20px;
}

.disciplines-task-title {
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .disciplines-task-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-task-title {
    font-size: 14px;
  }
}

.disciplines-task-list {
  padding-top: 20px;
}
@media screen and (max-width: 1680px) {
  .disciplines-task-list {
    padding-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .disciplines-task-list {
    padding-top: 10px;
  }
}

.disciplines-task-list-inner + .disciplines-task-list-inner {
  margin-top: 15px;
}
@media screen and (max-width: 1680px) {
  .disciplines-task-list-inner + .disciplines-task-list-inner {
    margin-top: 10px;
  }
}

.disciplines-task-list-inner {
  border-radius: 10px;
  background: #FFF;
  padding: 20px;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 5px 15px 0px rgba(141, 140, 140, 0.1);
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-grid-columns: auto auto auto auto auto;
  grid-template-columns: auto auto auto auto auto;
  gap: 10px;
}
.disciplines-task-list-inner img,
.disciplines-task-list-inner svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1240px) {
  .disciplines-task-list-inner img,
  .disciplines-task-list-inner svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1680px) {
  .disciplines-task-list-inner {
    padding: 10px 25px;
    -ms-grid-columns: auto 1fr auto auto auto;
    grid-template-columns: auto 1fr auto auto auto;
  }
}
@media (max-width: 1240px) {
  .disciplines-task-list-inner {
    padding: 10px 15px;
  }
}

.disciplines-task-list-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: 25px;
  height: 25px;
}
.disciplines-task-list-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.disciplines-task-list-btn img,
.disciplines-task-list-btn svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1680px) {
  .disciplines-task-list-btn {
    width: 20px;
    height: 20px;
  }
}

@media (hover: hover) {
  .disciplines-task-fill:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .disciplines-task-fill:active path {
    fill: #C60D0D;
  }
}

@media (hover: hover) {
  .disciplines-task-stroke:hover path {
    stroke: #C60D0D;
  }
}
@media (hover: none) {
  .disciplines-task-stroke:active path {
    stroke: #C60D0D;
  }
}

.disciplines-task-name {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  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 screen and (max-width: 1680px) {
  .disciplines-task-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .disciplines-task-name {
    font-size: 14px;
  }
}

.disciplines__task-create-btn {
  margin-top: 60px;
}
@media screen and (max-width: 1680px) {
  .disciplines__task-create-btn {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .disciplines__task-create-btn {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .disciplines__task-create-btn {
    width: 100%;
  }
}

.disciplines-task-checkbox {
  display: block;
  margin-top: 20px;
}

.disciplines-task-file {
  margin-top: 20px;
}

.disciplines-task-textarea-row {
  margin-top: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 15px 20px;
}
@media (max-width: 1680px) {
  .disciplines-task-textarea-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.disciplines-task-textarea-row textarea {
  height: 160px;
}
@media (max-width: 1680px) {
  .disciplines-task-textarea-row textarea {
    height: 100px;
  }
}
@media (max-width: 992px) {
  .disciplines-task-textarea-row textarea {
    height: 80px;
  }
}

.disciplines-task-select-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  margin-top: 15px;
  gap: 15px 20px;
}
@media (max-width: 1240px) {
  .disciplines-task-select-row {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
@media (max-width: 350px) {
  .disciplines-task-select-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

@media (max-width: 1240px) {
  .disciplines-task-select-choice {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 350px) {
  .disciplines-task-select-choice {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

.disciplines-task-create {
  display: none;
  margin-top: 20px;
}

.--active-hiden-block .disciplines-task-create {
  display: block;
}
.--active-hiden-block .disciplines-task-wrapp {
  display: none;
}

.making__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: auto 20px auto;
      grid-template-areas: "making__btn-return making__header-time" "making__header-title making__header-time";
  gap: 20px;
}
@media (max-width: 1680px) {
  .making__header {
        grid-template-areas: "making__btn-return  making__btn-return" "making__header-title making__header-time";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 1240px) {
  .making__header {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .making__header {
    display: block;
  }
}

.making__btn-return {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: making__btn-return;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  gap: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #0FAEFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}

.tutorial__header > .making__btn-return {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
@media screen and (max-width: 1240px) {
  .making__btn-return {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .making__btn-return {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .making__btn-return {
    margin-bottom: 15px;
  }
}
.making__btn-return path {
  -webkit-transition: 0.4;
  -o-transition: 0.4;
  transition: 0.4;
}
.making__btn-return svg,
.making__btn-return img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .making__btn-return:hover {
    color: #C60D0D;
  }
  .making__btn-return:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .making__btn-return:active {
    color: #C60D0D;
  }
  .making__btn-return:active path {
    fill: #C60D0D;
  }
}

.making__header-time {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: making__header-time;
}

.tutorial__header > .making__header-time {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
}

.making__header-title {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: making__header-title;
}

.tutorial__header > .making__header-title {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}

@media (max-width: 1680px){
  .making__btn-return {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .making__header-time {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
  .making__header-title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}

.making {
  margin-top: 30px;
  border-radius: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  padding: 20px;
}
@media (max-width: 767px) {
  .making {
    padding: 15px;
  }
}

.making__footer {
  margin-top: 20px;
}

.making-title {
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .making-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .making-title {
    font-size: 16px;
  }
}

.making-text {
  padding-top: 10px;
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .making-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .making-text {
    font-size: 12px;
  }
}

.making__creating-wrapp {
  border-top: 1px solid rgba(116, 117, 118, 0.1);
  margin-top: 30px;
  padding-top: 30px;
}
@media (max-width: 1680px) {
  .making__creating-wrapp {
    padding-top: 20px;
    margin-top: 20px;
  }
}

.making__list-check-inner + .making__list-check-inner {
  margin-top: 15px;
}
@media (max-width: 1680px) {
  .making__list-check-inner + .making__list-check-inner {
    margin-top: 10px;
  }
}

.making__list-check {
  margin-top: 20px;
}

.making__creating-head {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 15px;
  margin-top: 20px;
}
@media (max-width: 1240px) {
  .making__creating-head {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .making__creating-head {
    gap: 10px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.making__creating-name,
.making__creating-descript {
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-column: 1/5;
}
@media (max-width: 767px) {
  .making__creating-name,
  .making__creating-descript {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

.making__creating-descript-textarea {
  height: 100px;
}
@media (max-width: 1680px) {
  .making__creating-descript-textarea {
    height: 80px;
  }
}
@media (max-width: 1240px) {
  .making__creating-descript-textarea {
    height: 60px;
  }
}

.making__creating-percent-title {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -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: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .making__creating-percent-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .making__creating-percent-title {
    font-size: 14px;
  }
}

.making__creating-percent-wrapp {
  margin-top: 20px;
}

.making__creating-percent-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 15px;
  margin-top: 15px;
}
@media (max-width: 1680px) {
  .making__creating-percent-row {
    margin-top: 5px;
  }
}
@media (max-width: 1240px) {
  .making__creating-percent-row {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .making__creating-percent-row {
    gap: 10px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.making__btn-add {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #F50000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  gap: 10px;
}
.making__btn-add path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .making__btn-add {
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .making__btn-add {
    font-size: 14px;
    gap: 5px;
  }
}
.making__btn-add img,
.making__btn-add svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .making__btn-add img,
  .making__btn-add svg {
    width: 20px;
    height: 20px;
  }
}
@media (hover: hover) {
  .making__btn-add:hover {
    color: #C60D0D;
  }
  .making__btn-add:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .making__btn-add:active {
    color: #C60D0D;
  }
  .making__btn-add:active path {
    fill: #C60D0D;
  }
}

.making__btn-add-row {
  border-top: 1px solid rgba(116, 117, 118, 0.1);
  margin-top: 30px;
  padding-top: 30px;
}
@media (max-width: 1680px) {
  .making__btn-add-row {
    padding-top: 20px;
    margin-top: 20px;
  }
}
@media (max-width: 992px) {
  .making__btn-add-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.making__file-name-container .file__row-img {
  background: url("../../assets/img/icon/img-icon-blue.svg") no-repeat center center/contain !important;
}

.making__list {
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .making__list {
    margin-top: 20px;
  }
}

.making__list-inner + .making__list-inner {
  border-top: 1px solid rgba(116, 117, 118, 0.1);
  margin-top: 30px;
  padding-top: 30px;
}
@media (max-width: 1680px) {
  .making__list-inner + .making__list-inner {
    padding-top: 20px;
    margin-top: 20px;
  }
}

.making__list-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 340px;
  grid-template-columns: 1fr 340px;
  gap: 15px 30px;
  -ms-grid-rows: auto 15px 1fr;
  grid-template-rows: auto 1fr;
      grid-template-areas: "making__list-inner-title making__list-file" "making__list-coll making__list-file";
}
@media (max-width: 1240px) {
  .making__list-inner {
    display: block;
  }
}

.making__list-inner-title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: making__list-inner-title;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  gap: 10px;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .making__list-inner-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .making__list-inner-title {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .making__list-inner-title {
    gap: 5px;
  }
}

.making__list-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;
  width: 20px;
  height: 20px;
}
.making__list-dell path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.making__list-dell img,
.making__list-dell svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .making__list-dell {
    width: 18px;
    height: 18px;
  }
}
@media (hover: hover) {
  .making__list-dell:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .making__list-dell:active path {
    fill: #C60D0D;
  }
}

.making__list-file {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: making__list-file;
}
@media (max-width: 1240px) {
  .making__list-file {
    margin-top: 20px;
  }
}

.making__list-coll {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: making__list-coll;
}
@media (max-width: 1240px) {
  .making__list-coll {
    margin-top: 20px;
  }
}

.making__list-file-box-img {
  height: 200px;
}
@media (max-width: 1680px) {
  .making__list-file-box-img {
    height: 225px;
    padding: 15px;
  }
}
@media (max-width: 1240px) {
  .making__list-file-box-img {
    height: 200px;
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .making__list-file-box-img {
    height: 160px;
    padding: 15px;
  }
}

.making__list-select {
  max-width: 420px;
}
@media (max-width: 992px) {
  .making__list-select {
    max-width: 100%;
  }
}

.making__answer {
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .making__answer {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .making__answer {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .making__answer {
    margin-top: 10px;
  }
}

.making__answer-textarea + .making__answer-textarea {
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .making__answer-textarea + .making__answer-textarea {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .making__answer-textarea + .making__answer-textarea {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .making__answer-textarea + .making__answer-textarea {
    margin-top: 10px;
  }
}

.making__answer-wrapp {
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .making__answer-wrapp {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .making__answer-wrapp {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .making__answer-wrapp {
    margin-top: 10px;
  }
}

.making__answer-textarea {
  height: 100px;
}
@media (max-width: 1680px) {
  .making__answer-textarea {
    height: 80px;
  }
}
@media (max-width: 992px) {
  .making__answer-textarea {
    height: 60px;
  }
}
@media (max-width: 767px) {
  .making__answer-textarea {
    height: 80px;
  }
}

.making__answer-title {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .making__answer-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .making__answer-title {
    font-size: 14px;
  }
}

.making__answer-list,
.making__answer-btn {
  margin-top: 20px;
}
@media (max-width: 1240px) {
  .making__answer-list,
  .making__answer-btn {
    margin-top: 15px;
  }
}

.making__answer-btn {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -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: #0FAEFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.making__answer-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .making__answer-btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .making__answer-btn {
    font-size: 14px;
  }
}
.making__answer-btn svg,
.making__answer-btn img {
  width: 25px;
  height: 25px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .making__answer-btn svg,
  .making__answer-btn img {
    width: 20px;
  }
}
@media screen and (max-width: 767px) {
  .making__answer-btn svg,
  .making__answer-btn img {
    width: 18px;
  }
}
@media screen and (max-width: 1680px) {
  .making__answer-btn svg,
  .making__answer-btn img {
    height: 20px;
  }
}
@media screen and (max-width: 767px) {
  .making__answer-btn svg,
  .making__answer-btn img {
    height: 18px;
  }
}
@media (hover: hover) {
  .making__answer-btn:hover {
    color: #C60D0D;
  }
  .making__answer-btn:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .making__answer-btn:active {
    color: #C60D0D;
  }
  .making__answer-btn:active path {
    fill: #C60D0D;
  }
}

.making__btn-dell {
  width: 24px;
  height: 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;
  margin-left: 15px;
}
@media (max-width: 1680px) {
  .making__btn-dell {
    margin-left: 10px;
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .making__btn-dell {
    width: 18px;
    height: 18px;
  }
}
.making__btn-dell img,
.making__btn-dell svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .making__btn-dell:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .making__btn-dell:active path {
    fill: #C60D0D;
  }
}

.making__answer-inner + .making__answer-inner {
  margin-top: 15px;
}
@media (max-width: 1240px) {
  .making__answer-inner + .making__answer-inner {
    margin-top: 10px;
  }
}

.making__answer-label-span {
  gap: 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: 24px;
  height: 24px;
  margin-right: 15px;
}
@media (max-width: 1680px) {
  .making__answer-label-span {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
}
@media (max-width: 1240px) {
  .making__answer-label-span {
    width: 18px;
    height: 18px;
  }
}
.making__answer-label-span::before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.making__answer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bank {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .bank {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .bank {
    margin-top: 15px;
  }
}

.bank__tab-label-span {
  gap: 10px;
}
.bank__tab-label-span path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.bank__tab-label-span svg,
.bank__tab-label-span img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
}
@media (max-width: 1680px) {
  .bank__tab-label-span svg,
  .bank__tab-label-span img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 992px) {
  .bank__tab-label-span svg,
  .bank__tab-label-span img {
    gap: 5px;
  }
}
@media (max-width: 767px) {
  .bank__tab-label-span svg,
  .bank__tab-label-span img {
    width: 18px;
    height: 18px;
  }
}
@media (hover: hover) {
  .bank__tab-label-span:hover path {
    fill: #fff;
  }
}
@media (hover: none) {
  .bank__tab-label-span:active path {
    fill: #fff;
  }
}

input:checked + .bank__tab-label-span path {
  fill: #fff;
}

.bank-homework-title {
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .bank-homework-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .bank-homework-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .bank-homework-title {
    font-size: 14px;
  }
}

.bank-homework-text {
  padding-top: 10px;
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .bank-homework-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .bank-homework-text {
    font-size: 12px;
  }
}

.bank-homework-file {
  margin-top: 15px;
}
@media (max-width: 1680px) {
  .bank-homework-file {
    margin-top: 30px;
  }
}
@media (max-width: 1240px) {
  .bank-homework-file {
    margin-top: 20px;
  }
}
.bank-homework-file .select-title {
  padding-bottom: 0;
}

.bank-homework-btn {
  margin-top: 30px;
}
@media (max-width: 1240px) {
  .bank-homework-btn {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .bank-homework-btn {
    width: 100%;
  }
}

.bank-homework-input-list {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 15px 1fr 15px 0.5fr 15px 0.5fr 15px 1fr 15px 1fr;
  grid-template-columns: 1fr 1fr 0.5fr 0.5fr 1fr 1fr;
  gap: 15px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-grid-rows: auto 15px auto 15px auto 15px auto;
      grid-template-areas: "bank-homework-list-task bank-homework-list-task bank-homework-list-task bank-homework-list-task bank-homework-list-task bank-homework-list-task" "bank-homework-list-disc bank-homework-list-disc bank-homework-list-disc bank-homework-list-instruct bank-homework-list-instruct bank-homework-list-instruct" "bank-homework-list-class bank-homework-list-class bank-homework-list-class bank-homework-list-student bank-homework-list-student bank-homework-list-student" "bank-homework-list-type bank-homework-list-discipline bank-homework-list-year bank-homework-list-year bank-homework-list-limit bank-homework-list-time";
}
.bank-homework-input-list .textarea {
  height: 160px;
}
@media screen and (max-width: 1680px) {
  .bank-homework-input-list .textarea {
    height: 80px;
  }
}
@media screen and (max-width: 992px) {
  .bank-homework-input-list .textarea {
    height: 60px;
  }
}
@media (max-width: 1680px) {
  .bank-homework-input-list {
    -ms-grid-columns: 1fr 0.5fr 0.5fr 1fr;
    grid-template-columns: 1fr 0.5fr 0.5fr 1fr;
        grid-template-areas: "bank-homework-list-task bank-homework-list-task bank-homework-list-task bank-homework-list-task" "bank-homework-list-disc bank-homework-list-disc bank-homework-list-instruct bank-homework-list-instruct" "bank-homework-list-class bank-homework-list-class bank-homework-list-student bank-homework-list-student" "bank-homework-list-type bank-homework-list-type bank-homework-list-discipline bank-homework-list-discipline" "bank-homework-list-year bank-homework-list-limit bank-homework-list-limit bank-homework-list-time";
  }
}
@media (max-width: 1240px) {
  .bank-homework-input-list {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .bank-homework-input-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: 10px;
    -webkit-box-align: initial;
        -ms-flex-align: initial;
            align-items: initial;
  }
}

.bank-homework-list-task {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 11;
  grid-area: bank-homework-list-task;
}

.bank-homework-list-disc {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: bank-homework-list-disc;
}

.bank-homework-list-instruct {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
  -ms-grid-column-span: 5;
  grid-area: bank-homework-list-instruct;
}

.bank-homework-list-class {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: bank-homework-list-class;
}

.bank-homework-list-student {
  -ms-grid-row: 5;
  -ms-grid-column: 7;
  -ms-grid-column-span: 5;
  grid-area: bank-homework-list-student;
}

.bank-homework-list-type {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
  grid-area: bank-homework-list-type;
}

.bank-homework-list-discipline {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
  grid-area: bank-homework-list-discipline;
}

.bank-homework-list-year {
  -ms-grid-row: 7;
  -ms-grid-column: 5;
  -ms-grid-column-span: 3;
  grid-area: bank-homework-list-year;
}

.bank-homework-list-limit {
  -ms-grid-row: 7;
  -ms-grid-column: 9;
  grid-area: bank-homework-list-limit;
}

.bank-homework-list-time {
  -ms-grid-row: 7;
  -ms-grid-column: 11;
  grid-area: bank-homework-list-time;
}

@media (max-width: 1680px){
  .bank-homework-list-task {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
  }
  .bank-homework-list-disc {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .bank-homework-list-instruct {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .bank-homework-list-class {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .bank-homework-list-student {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .bank-homework-list-type {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .bank-homework-list-discipline {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .bank-homework-list-year {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .bank-homework-list-limit {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .bank-homework-list-time {
    -ms-grid-row: 5;
    -ms-grid-column: 4;
  }
}

.bank-homework-wrapp {
  margin-top: 30px;
}
@media (max-width: 1240px) {
  .bank-homework-wrapp {
    margin-top: 20px;
  }
}

.bank-homework-title {
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .bank-homework-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .bank-homework-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .bank-homework-title {
    font-size: 14px;
  }
}

.bank-homework-search {
  margin-top: 30px;
  max-width: 440px;
}
@media (max-width: 1680px) {
  .bank-homework-search {
    max-width: 400px;
  }
}
@media (max-width: 1240px) {
  .bank-homework-search {
    margin-top: 20px;
    max-width: 100%;
  }
}

.bank-homework-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 20px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 1240px) {
  .bank-homework-grid {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .bank-homework-grid {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.bank-homework-cart {
  background: none;
}
.bank-homework-cart::after, .bank-homework-cart::before {
  background: none;
}

.bank-homework-cart-wrapp {
  border-radius: 14px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  padding: 15px 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr 410px auto;
  grid-template-columns: auto 1fr 410px auto;
      grid-template-areas: "bank-homework-cart-img bank-homework-cart-subject bank-homework-cart-info bank-homework-cart-menu";
}
@media (hover: hover) {
  .bank-homework-cart-wrapp:hover {
    background: #FFF;
  }
  .bank-homework-cart-wrapp:hover::after, .bank-homework-cart-wrapp:hover::before {
    background: none;
  }
}
@media (hover: none) {
  .bank-homework-cart-wrapp:active {
    background: #FFF;
  }
  .bank-homework-cart-wrapp:active::after, .bank-homework-cart-wrapp:active::before {
    background: none;
  }
}
@media (max-width: 1680px) {
  .bank-homework-cart-wrapp {
    -ms-grid-columns: auto 1fr 1fr auto;
    grid-template-columns: auto 1fr 1fr auto;
  }
}
@media (max-width: 1240px) {
  .bank-homework-cart-wrapp {
    padding: 15px;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
        grid-template-areas: "bank-homework-cart-img bank-homework-cart-subject bank-homework-cart-menu" " bank-homework-cart-img bank-homework-cart-info bank-homework-cart-menu";
  }
}
@media (max-width: 767px) {
  .bank-homework-cart-wrapp {
        grid-template-areas: "bank-homework-cart-img bank-homework-cart-img" "bank-homework-cart-subject bank-homework-cart-subject" "bank-homework-cart-info bank-homework-cart-menu";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 10px;
    padding: 0 10px 15px 10px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    border-radius: 1px solid #EBEBEB;
  }
}

.bank-homework-cart-img {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: bank-homework-cart-img;
  margin-right: 10px;
}

.examination-homework-cart-wrapp > .bank-homework-cart-img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}

.notice__table-row > .bank-homework-cart-img {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
}
@media (max-width: 767px) {
  .bank-homework-cart-img {
    margin-right: -10px;
    margin-left: -10px;
    width: calc(100% + 20px);
    border-radius: 10px 10px 0px 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(148, 144, 219, 0.1)), to(rgba(148, 144, 219, 0.1)));
    background: -o-linear-gradient(bottom, rgba(148, 144, 219, 0.1) 0%, rgba(148, 144, 219, 0.1) 100%);
    background: linear-gradient(0deg, rgba(148, 144, 219, 0.1) 0%, rgba(148, 144, 219, 0.1) 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;
    height: 40px;
  }
}
.bank-homework-cart-img img,
.bank-homework-cart-img svg {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .bank-homework-cart-img img,
  .bank-homework-cart-img svg {
    width: 20px;
    height: 20px;
  }
}

.bank-homework-cart-subject {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: bank-homework-cart-subject;
}

.examination-homework-cart-wrapp > .bank-homework-cart-subject {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

.notice__table-row > .bank-homework-cart-subject {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}
@media (max-width: 767px) {
  .bank-homework-cart-subject {
    padding-top: 15px;
  }
}

.bank-homework-cart-info {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: bank-homework-cart-info;
  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;
  padding-left: 20px;
}

.examination-homework-cart-wrapp > .bank-homework-cart-info {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}

.notice__table-row > .bank-homework-cart-info {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
@media (max-width: 1240px) {
  .bank-homework-cart-info {
    padding-left: 0;
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .bank-homework-cart-info {
    padding-top: 15px;
  }
}

.bank-homework-cart-menu {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: bank-homework-cart-menu;
  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;
  padding-left: 20px;
}

.notice__table-row > .bank-homework-cart-menu {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  -ms-grid-column: 4;
}
@media (max-width: 767px) {
  .bank-homework-cart-menu {
    padding-top: 15px;
  }
}

.bank-homework-cart-subject-name {
  display: block;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .bank-homework-cart-subject-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .bank-homework-cart-subject-name {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .bank-homework-cart-subject-name:hover {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .bank-homework-cart-subject-name:active {
    color: #0FAEFF;
  }
}

@media (max-width: 767px) {
  .bank-homework-cart-list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.bank-homework-cart-list-title,
.bank-homework-cart-list-text {
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .bank-homework-cart-list-title,
  .bank-homework-cart-list-text {
    font-size: 12px;
  }
}

.bank-homework-cart-list-text {
  color: #204CAF;
}

.bank-homework-cart-user,
.bank-homework-cart-classes-row,
.bank-homework-cart-quantity {
  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;
}
@media (max-width: 1240px) {
  .bank-homework-cart-user,
  .bank-homework-cart-classes-row,
  .bank-homework-cart-quantity {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media (max-width: 767px) {
  .bank-homework-cart-user,
  .bank-homework-cart-classes-row,
  .bank-homework-cart-quantity {
    gap: 10px;
  }
}

.bank-homework-cart-user-name,
.bank-homework-cart-classes-name {
  color: #313233;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .bank-homework-cart-user-name,
  .bank-homework-cart-classes-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .bank-homework-cart-user-name,
  .bank-homework-cart-classes-name {
    font-size: 12px;
  }
}
@media (max-width: 1240px) {
  .bank-homework-cart-user-name,
  .bank-homework-cart-classes-name {
    text-align: left;
  }
}
@media (hover: hover) {
  .bank-homework-cart-user-name:hover,
  .bank-homework-cart-classes-name:hover {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .bank-homework-cart-user-name:active,
  .bank-homework-cart-classes-name:active {
    color: #0FAEFF;
  }
}

.bank-homework-cart-user-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: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 767px) {
  .bank-homework-cart-user-img {
    width: 40px;
    height: 40px;
  }
}
.bank-homework-cart-user-img img,
.bank-homework-cart-user-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.bank-homework-cart-classes {
  width: 50px;
  height: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #726DC2;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
}
@media (max-width: 767px) {
  .bank-homework-cart-classes {
    width: 40px;
    height: 40px;
    margin: initial;
  }
}
@media screen and (max-width: 1240px) {
  .bank-homework-cart-classes {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .bank-homework-cart-classes {
    font-size: 14px;
  }
}
.bank-homework-cart-classes img,
.bank-homework-cart-classes svg {
  width: 30px;
  height: 30px;
}
@media (max-width: 767px) {
  .bank-homework-cart-classes img,
  .bank-homework-cart-classes svg {
    width: 24px;
    height: 24px;
  }
}

.bank-homework-cart-quantity {
  gap: 10px;
}
.bank-homework-cart-quantity img,
.bank-homework-cart-quantity svg {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.bank-homework-cart-quantity-text {
  color: #204CAF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  text-align: right;
}
@media (max-width: 1680px) {
  .bank-homework-cart-quantity-text {
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .bank-homework-cart-quantity-text {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .bank-homework-cart-quantity-text {
    font-size: 12px;
  }
}

.bank-homework-cart-wrapp {
  margin-top: 0;
}

.bank-homework-cart-wrapp + .bank-homework-cart-wrapp {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .bank-homework-cart-wrapp + .bank-homework-cart-wrapp {
    margin-top: 12px;
  }
}

.bank-homework-table {
  margin-top: 20px;
  padding-right: 20px;
  overflow: auto;
  height: 750px;
}
@media (max-width: 1680px) {
  .bank-homework-table {
    height: 575px;
  }
}
@media (max-width: 767px) {
  .bank-homework-table {
    padding-right: 0;
    height: auto;
    overflow: visible;
  }
}

.bank-homework-cart-user-status {
  color: #204CAF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  text-align: right;
  padding-top: 10px;
}
@media (max-width: 1240px) {
  .bank-homework-cart-user-status {
    text-align: left;
    padding-top: 5px;
  }
}
@media screen and (max-width: 1680px) {
  .bank-homework-cart-user-status {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .bank-homework-cart-user-status {
    font-size: 12px;
  }
}

.bank-homework-cart-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto auto;
  grid-template-columns: auto auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px 40px;
  padding-top: 10px;
}
@media (max-width: 1680px) {
  .bank-homework-cart-list {
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    gap: 5px 20px;
  }
}
@media (max-width: 767px) {
  .bank-homework-cart-list {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

.bank-homework-grid-test {
      grid-template-areas: "bank-homework--1 bank-homework--2 bank-homework--3" "bank-homework--4 bank-homework--5 bank-homework--6";
}
@media (max-width: 1680px) {
  .bank-homework-grid-test {
        grid-template-areas: "bank-homework--1 bank-homework--2" "bank-homework--4 bank-homework--6" "bank-homework--3 bank-homework--5";
  }
}
@media (max-width: 767px) {
  .bank-homework-grid-test {
        grid-template-areas: "bank-homework--1" "bank-homework--4" "bank-homework--3" "bank-homework--2" "bank-homework--6" "bank-homework--5";
  }
}

.bank-homework--grid {
      grid-template-areas: "bank-homework--1 bank-homework--2 bank-homework--3" "bank-homework--4 bank-homework--6 . ";
}
@media (max-width: 1680px) {
  .bank-homework--grid {
        grid-template-areas: "bank-homework--1 bank-homework--2" "bank-homework--4 bank-homework--6" "bank-homework--3 .";
  }
}
@media (max-width: 767px) {
  .bank-homework--grid {
        grid-template-areas: "bank-homework--1" "bank-homework--4" "bank-homework--3" "bank-homework--2" "bank-homework--6";
  }
}

.bank-homework--1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: bank-homework--1;
}

.bank-homework--grid > .bank-homework--1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.bank-homework--2 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: bank-homework--2;
}

.bank-homework--grid > .bank-homework--2 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}

.bank-homework--3 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: bank-homework--3;
}

.bank-homework--grid > .bank-homework--3 {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.bank-homework--4 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: bank-homework--4;
}

.bank-homework--grid > .bank-homework--4 {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.bank-homework--5 {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: bank-homework--5;
}

.bank-homework--6 {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: bank-homework--6;
}

.bank-homework--grid > .bank-homework--6 {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}

@media (max-width: 1680px){
  .bank-homework--1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .bank-homework--grid > .bank-homework--1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .bank-homework--2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .bank-homework--grid > .bank-homework--2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .bank-homework--3 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .bank-homework--grid > .bank-homework--3 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .bank-homework--4 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .bank-homework--grid > .bank-homework--4 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .bank-homework--5 {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .bank-homework--6 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .bank-homework--grid > .bank-homework--6 {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
}

@media (max-width: 767px){
  .bank-homework--1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .bank-homework--grid > .bank-homework--1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .bank-homework--2 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .bank-homework--grid > .bank-homework--2 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
  .bank-homework--3 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .bank-homework--grid > .bank-homework--3 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .bank-homework--4 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .bank-homework--grid > .bank-homework--4 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .bank-homework--5 {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
  }
  .bank-homework--6 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .bank-homework--grid > .bank-homework--6 {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
}

.bank-test-filter {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 15px;
  margin-top: 20px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 1680px) {
  .bank-test-filter {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .bank-test-filter {
    gap: 10px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    margin-top: 10px;
  }
}

.bank-test-search {
  width: 100%;
}

.bank-test-head {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 400px;
  grid-template-columns: 1fr 400px;
  gap: 20px;
}
@media (max-width: 1680px) {
  .bank-test-head {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .bank-test-head {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.bank-test-head .bank-homework-btn {
  margin-top: 0;
}

.schedules-filter {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-grid-columns: auto 1fr (300px)[2];
  grid-template-columns: auto 1fr repeat(2, 300px);
  gap: 20px;
}
@media (max-width: 1680px) {
  .schedules-filter {
    gap: 20px 15px;
    -ms-grid-columns: 1fr 200px 200px;
    grid-template-columns: 1fr 200px 200px;
  }
}
@media (max-width: 1240px) {
  .schedules-filter {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .schedules-filter {
    margin-top: 20px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

.schedules-filter-search {
  width: 440px;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 1800px) {
  .schedules-filter-search {
    width: 100%;
  }
}

@media (max-width: 1680px) {
  .schedules-filte-btn {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
}
@media (max-width: 1240px) {
  .schedules-filte-btn {
    grid-column: initial;
  }
}
@media (max-width: 767px) {
  .schedules-filte-btn {
    margin-bottom: 10px;
    width: 100%;
  }
}

.schedules-table-cart {
      grid-template-areas: initial;
}

.schedules-table-cart {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  gap: 15px 10px;
}
@media (max-width: 992px) {
  .schedules-table-cart {
    padding: 15px;
  }
}
@media (max-width: 572px) {
  .schedules-table-cart {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    padding: 0 10px 15px 10px;
  }
}

.schedules-table-cart-img {
  margin-right: 0;
  grid-area: initial;
}
.schedules-table-cart-img img,
.schedules-table-cart-img svg {
  width: 24px;
  height: 24px;
  margin-top: 0;
  margin-bottom: auto;
}
@media (max-width: 572px) {
  .schedules-table-cart-img img,
  .schedules-table-cart-img svg {
    width: 20px;
    height: 20px;
    margin-top: auto;
  }
}
@media (max-width: 992px) {
  .schedules-table-cart-img {
    padding-top: 8px;
  }
}
@media (max-width: 767px) {
  .schedules-table-cart-img {
    background: none;
    height: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media (max-width: 572px) {
  .schedules-table-cart-img {
    height: 40px;
    padding: 0;
    background: #F5F4FC;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.schedules__table-last-time {
  display: inline-block;
  color: #204CAF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  opacity: 0.6;
}
@media screen and (max-width: 1240px) {
  .schedules__table-last-time {
    font-size: 12px;
  }
}

.schedules__table-last-title {
  display: inline-block;
  color: #747576;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media screen and (max-width: 1240px) {
  .schedules__table-last-title {
    font-size: 12px;
  }
}

.schedules-table-list-title,
.schedules-table-list-text {
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media screen and (max-width: 1240px) {
  .schedules-table-list-title,
  .schedules-table-list-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .schedules-table-list-title,
  .schedules-table-list-text {
    font-size: 12px;
  }
}

.schedules-table-list-text {
  color: #204CAF;
}

.schedules-table-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 992px) {
  .schedules-table-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 44px auto;
    grid-template-columns: auto auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 10px 44px;
    -ms-grid-rows: auto 10px auto;
        grid-template-areas: "schedules-table-inner-1 schedules-table-inner-3" "schedules-table-inner-2 schedules-table-inner-4";
  }
}
@media (max-width: 572px) {
  .schedules-table-list {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
        grid-template-areas: "schedules-table-inner-2  " "schedules-table-inner-1  " "schedules-table-inner-3 " "schedules-table-inner-4 ";
  }
}

.schedules-table-inner + .schedules-table-inner {
  position: relative;
  padding-left: 45px;
}
@media (max-width: 992px) {
  .schedules-table-inner + .schedules-table-inner {
    padding-left: 0;
  }
}
.schedules-table-inner + .schedules-table-inner::after {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  left: 22px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #D2DBEF;
}
@media (max-width: 992px) {
  .schedules-table-inner + .schedules-table-inner::after {
    width: 0;
    height: 0;
    background: none;
  }
}

.schedules-table-inner-1 {
  grid-area: schedules-table-inner-1;
}
@media (max-width: 992px) {
  .schedules-table-inner-1::after {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    right: -22px;
    bottom: -50%;
    -webkit-transform: translate(50%, -50%);
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
    background: #D2DBEF;
  }
}
@media (max-width: 992px) and (max-width: 572px) {
  .schedules-table-inner-1::after {
    width: 0;
    height: 0;
    background: none;
  }
}

.schedules-table-inner-2 {
  grid-area: schedules-table-inner-2;
}

.schedules-table-inner-3 {
  grid-area: schedules-table-inner-3;
}

.schedules-table-inner-4 {
  grid-area: schedules-table-inner-4;
}

@media (max-width: 992px){
  .schedules-table-inner-1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .schedules-table-inner-2 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .schedules-table-inner-3 {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .schedules-table-inner-4 {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
}

@media (max-width: 572px){
  .schedules-table-inner-1 {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .schedules-table-inner-2 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .schedules-table-inner-3 {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .schedules-table-inner-4 {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
  }
}

.schedules__table-last-change {
  padding-top: 10px;
}
@media (max-width: 572px) {
  .schedules__table-last-change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (max-width: 572px) {
  .schedules-table-cart-menu {
    margin-left: auto;
    margin-right: 0;
  }
  .schedules-table-cart-menu .menu__wrapp {
    width: 210px;
  }
  .schedules-table-cart-menu .menu__btn {
    white-space: wrap;
  }
}

.schedules-table-list-text.--red {
  color: #F50000;
}

.schedules-table-inner {
  position: relative;
}
@media (max-width: 572px) {
  .schedules-table-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.schedules__box {
  margin-top: 35px;
}
@media (max-width: 1680px) {
  .schedules__box {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .schedules__box {
    margin-top: 20px;
  }
}

.schedules-head {
  border-radius: 15px;
  background: #FFF;
  padding: 30px 20px;
  margin-top: 35px;
}
@media (max-width: 1680px) {
  .schedules-head {
    padding: 20px;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .schedules-head {
    padding: 15px;
    margin-top: 20px;
  }
}

.schedules-head-title {
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .schedules-head-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .schedules-head-title {
    font-size: 16px;
  }
}

.schedules-head-grid {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 240px 1fr 1fr;
  grid-template-columns: 240px 1fr 1fr;
  gap: 15px;
}
@media (max-width: 1680px) {
  .schedules-head-grid {
    margin-top: 20px;
    -ms-grid-columns: 240px 240px 1fr;
    grid-template-columns: 240px 240px 1fr;
  }
}
@media (max-width: 767px) {
  .schedules-head-grid {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

@media (max-width: 1680px) {
  .schedules-filters-class {
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
  }
}
@media (max-width: 767px) {
  .schedules-filters-class {
    grid-column: initial;
  }
}

@media (max-width: 1680px) {
  .schedules-filters-curator {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .schedules-filters-curator {
    grid-column: initial;
  }
}

@media (max-width: 1680px) {
  .schedules-select-lesson {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}
@media (max-width: 767px) {
  .schedules-select-lesson {
    grid-column: initial;
  }
}

.schedules-head--btn {
  margin-top: 20px;
}
@media (max-width: 572px) {
  .schedules-head--btn {
    width: 100%;
    margin-top: 15px;
  }
}

.schedules-head-subtitle {
  margin-top: 30px;
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .schedules-head-subtitle {
    font-size: 18px;
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .schedules-head-subtitle {
    font-size: 16px;
  }
}

.schedules-filters-teacher {
  max-width: 605px;
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .schedules-filters-teacher {
    margin-top: 20px;
    max-width: 495px;
  }
}
@media (max-width: 767px) {
  .schedules-filters-teacher {
    margin-top: 15px;
    max-width: 100%;
  }
}

.schedules-table {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .schedules-table {
    margin-top: 20px;
  }
}

.schedules-table-head {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 76, 175, 0.1)), to(rgba(32, 76, 175, 0.1)));
  background: -o-linear-gradient(bottom, rgba(32, 76, 175, 0.1) 0%, rgba(32, 76, 175, 0.1) 100%);
  background: linear-gradient(0deg, rgba(32, 76, 175, 0.1) 0%, rgba(32, 76, 175, 0.1) 100%);
  border-radius: 10px;
  padding: 20px 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30px 60px 360px 1fr auto;
  grid-template-columns: 30px 60px 360px 1fr auto;
  gap: 18px;
}
@media (max-width: 1680px) {
  .schedules-table-head {
    -ms-grid-columns: 30px 40px 320px 1fr auto;
    grid-template-columns: 30px 40px 320px 1fr auto;
  }
}
@media (max-width: 1440px) {
  .schedules-table-head {
    -ms-grid-columns: 30px 40px 220px 1fr auto;
    grid-template-columns: 30px 40px 220px 1fr auto;
    gap: 20px 15px;
  }
}
@media (max-width: 992px) {
  .schedules-table-head {
    display: none;
  }
}

.schedules-table-row {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  background: #fff;
  border-radius: 10px;
  padding: 10px 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 30px 18px 60px 18px 360px 18px 1fr 18px auto;
  grid-template-columns: 30px 60px 360px 1fr auto;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "schedules-table-number schedules-table-foto schedules-table-id schedules-table-lesson schedules-table-menu" "schedules-table-number schedules-table-foto schedules-table-name schedules-table-lesson schedules-table-menu";
  gap: 0 18px;
  margin-top: 0;
}
.schedules-table-row:not(:nth-child(1)) {
  margin-top: 15px;
}
@media (max-width: 1680px) {
  .schedules-table-row {
    -ms-grid-columns: 30px 40px 320px 1fr auto;
    grid-template-columns: 30px 40px 320px 1fr auto;
  }
}
@media (max-width: 1440px) {
  .schedules-table-row {
    -ms-grid-columns: 30px 40px 220px 1fr auto;
    grid-template-columns: 30px 40px 220px 1fr auto;
    gap: 0 15px;
  }
}
@media (max-width: 992px) {
  .schedules-table-row {
    -ms-grid-columns: auto 40px 1fr auto;
    grid-template-columns: auto 40px 1fr auto;
        grid-template-areas: "schedules-table-number schedules-table-foto schedules-table-id schedules-table-menu" " schedules-table-number schedules-table-foto schedules-table-name schedules-table-menu" ". schedules-table-lesson schedules-table-lesson .";
  }
}
@media (max-width: 572px) {
  .schedules-table-row {
    gap: 0 10px;
    padding: 10px;
    -ms-grid-columns: 36px 10px auto 10px 1fr 10px auto;
    grid-template-columns: 36px auto 1fr auto;
    -ms-grid-rows: auto 0 auto 0 auto;
        grid-template-areas: "schedules-table-foto schedules-table-number schedules-table-id schedules-table-menu" "schedules-table-name schedules-table-name schedules-table-name schedules-table-name" "schedules-table-lesson schedules-table-lesson schedules-table-lesson schedules-table-lesson";
  }
}
.schedules-table-row::after, .schedules-table-row::before {
  background: none;
}
@media (hover: hover) {
  .schedules-table-row:hover {
    background: rgba(32, 76, 175, 0.04);
  }
  .schedules-table-row:hover::after, .schedules-table-row:hover::before {
    background: none;
  }
}
@media (hover: none) {
  .schedules-table-row:active {
    background: rgba(32, 76, 175, 0.04);
  }
  .schedules-table-row:active::after, .schedules-table-row:active::before {
    background: none;
  }
}

.schedules-table-foto-img {
  margin: 0;
  width: 58px;
  height: 58px;
}
@media (max-width: 1680px) {
  .schedules-table-foto-img {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .schedules-table-foto-img {
    width: 36px;
    height: 36px;
  }
}

.schedules-table-lesson-list {
  margin: 0;
}
.schedules-table-lesson-list::after {
  background: none;
  width: 0;
  height: 0;
}

.schedules-table-number {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 1;
  grid-area: schedules-table-number;
  color: #204CAF;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .schedules-table-number {
    font-size: 14px;
  }
}

.schedules-table-coll {
  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;
}

.schedules-table-foto {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: schedules-table-foto;
}

.schedules-table-id {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: schedules-table-id;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media (max-width: 572px) {
  .schedules-table-id {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.schedules-table-name {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
  padding-top: 10px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  grid-area: schedules-table-name;
}

.schedules-table-lesson {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 7;
  grid-area: schedules-table-lesson;
}
@media (max-width: 992px) {
  .schedules-table-lesson {
    padding-top: 20px;
  }
}
@media (max-width: 572px) {
  .schedules-table-lesson {
    padding-top: 10px;
  }
}

.schedules-table-menu {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 9;
  grid-area: schedules-table-menu;
}

@media (max-width: 992px){
  .schedules-table-number {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .schedules-table-foto {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .schedules-table-id {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .schedules-table-name {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .schedules-table-lesson {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .schedules-table-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
  }
}

@media (max-width: 572px){
  .schedules-table-number {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .schedules-table-foto {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .schedules-table-id {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .schedules-table-name {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .schedules-table-lesson {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .schedules-table-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 7;
  }
}

.schedules-table-body {
  margin-top: 15px;
  padding-right: 20px;
  height: 545px;
  overflow: auto;
}
@media (max-width: 1440px) {
  .schedules-table-body {
    height: 525px;
  }
}
@media (max-width: 992px) {
  .schedules-table-body {
    margin-top: 20px;
    height: 565px;
    padding-right: 15px;
  }
}
@media (max-width: 572px) {
  .schedules-table-body {
    padding-right: 10px;
    height: 780px;
  }
}

.schedules-table-head-coll {
  color: #242323;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .schedules-table-head-coll {
    font-size: 14px;
  }
}

.schedules-table-head-coll.--blue {
  color: #204CAF;
}

.progress__filter {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.9fr (1fr)[3];
  grid-template-columns: 1.9fr repeat(3, 1fr);
  gap: 20px;
  margin-top: 35px;
}
@media (max-width: 1680px) {
  .progress__filter {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .progress__filter {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

.progress__filter-search {
  max-width: 440px;
}
@media (max-width: 1680px) {
  .progress__filter-search {
    max-width: 420px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
}
@media (max-width: 767px) {
  .progress__filter-search {
    max-width: 100%;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

input:checked ~ .progress__label-span {
  background: #204CAF;
}
input:checked ~ .progress__label-span::after, input:checked ~ .progress__label-span::before {
  background: #204CAF;
}
input:checked ~ .progress__label-span .progress__label-subspan {
  background: #204CAF;
  color: #fff;
}
input:checked ~ .progress__label-span .progress__label-subspan::after, input:checked ~ .progress__label-span .progress__label-subspan::before {
  background: #204CAF;
}
@media (hover: hover) {
  input:checked ~ .progress__label-span:hover {
    background: #63CBFF;
  }
  input:checked ~ .progress__label-span:hover::after, input:checked ~ .progress__label-span:hover::before {
    background: #63CBFF;
  }
  input:checked ~ .progress__label-span:hover .progress__label-subspan {
    background: #B7E7FE;
    color: #12A5FE;
  }
  input:checked ~ .progress__label-span:hover .progress__label-subspan::after, input:checked ~ .progress__label-span:hover .progress__label-subspan::before {
    background: #B7E7FE;
  }
}

.progress__box {
  background: #FFF;
  margin-top: 30px;
}
@media (max-width: 1240px) {
  .progress__box {
    margin-top: 20px;
  }
}

.progress__performance-head {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: auto 20px auto;
      grid-template-areas: "progress__performance-head-title progress__performance-list" "progress__performance-head-row progress__performance-head-row";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media (max-width: 767px) {
  .progress__performance-head {
    display: block;
  }
}

.progress__performance-head-row {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: progress__performance-head-row;
}

.progress__performance-head-title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: progress__performance-head-title;
}

.progress__performance-list {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: progress__performance-list;
}

.progress__performance-select {
  margin-top: 0;
}

@media (max-width: 572px) {
  .progress__performance-btn {
    width: 100%;
  }
}

.progress__performance-head-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 300px 540px auto;
  grid-template-columns: 300px 540px 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: 20px;
}
@media (max-width: 1680px) {
  .progress__performance-head-row {
    -ms-grid-columns: 260px 440px auto;
    grid-template-columns: 260px 440px auto;
  }
}
@media (max-width: 1440px) and (max-width: 1680px) {
  .progress__performance-head-row {
    -ms-grid-columns: 260px 340px auto;
    grid-template-columns: 260px 340px auto;
  }
}
@media (max-width: 992px) {
  .progress__performance-head-row {
    -ms-grid-columns: 1fr 1fr auto;
    grid-template-columns: 1fr 1fr auto;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .progress__performance-head-row {
    margin-top: 15px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 572px) {
  .progress__performance-head-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.progress__performance-select {
  width: 100%;
}

.progress__preformance-student-img {
  width: 37px;
  height: 37px;
  border-radius: 5px;
  border: 1px rgba(116, 117, 118, 0.1);
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  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;
}
.progress__preformance-student-img img,
.progress__preformance-student-img svg {
  width: 23.481px;
  height: 22.058px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 992px) {
  .progress__preformance-student-img img,
  .progress__preformance-student-img svg {
    width: 17px;
    height: 17px;
  }
}
@media screen and (max-width: 992px) {
  .progress__preformance-student-img {
    margin-bottom: auto;
    width: 27px;
    height: 27px;
  }
}

.progress__preformance-student-box {
  gap: 0 15px;
}
@media (max-width: 1680px) {
  .progress__preformance-student-box {
    gap: 0 10px;
  }
}
@media screen and (max-width: 992px) {
  .progress__preformance-student-box {
        grid-template-areas: "creating__preformance-student-img creating__preformance-student-id" "creating__preformance-student-img creating__preformance-student-wrapp";
  }
  .progress__preformance-student-box > .creating__preformance-student-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .progress__preformance-student-box > .creating__preformance-student-wrapp {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .progress__preformance-student-box > .creating__preformance-student-id {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
.progress__preformance-student-box .creating__preformance-student-name {
  font-size: 18px;
}
@media screen and (max-width: 1680px) {
  .progress__preformance-student-box .creating__preformance-student-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 992px) {
  .progress__preformance-student-box .creating__preformance-student-name {
    font-size: 12px;
  }
}

.progress__performance-head--teacher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.progress__performance-head--teacher .progress__performance-list {
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 767px) {
  .progress__performance-head--teacher {
    display: block;
  }
}

.progers__teacher--select {
  max-width: 320px;
}
@media (max-width: 767px) {
  .progers__teacher--select {
    margin-top: 10px;
    max-width: 100%;
  }
}

.users-tab {
  margin-top: 35px;
}
@media screen and (max-width: 1680px) {
  .users-tab {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .users-tab {
    margin-top: 20px;
  }
}

.users-tab-fillter {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: 15px;
}
@media (max-width: 767px) {
  .users-tab-fillter {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.users-tab-fillter-btn {
  width: 100%;
}

.users-tab-fillter-search {
  width: 420px;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 767px) {
  .users-tab-fillter-search {
    width: 100%;
  }
}

.users__tab-row {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .users__tab-row {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .users__tab-row {
    margin-top: 15px;
  }
}

.users__table {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .users__table {
    margin-top: 20px;
  }
}

.users__table-row,
.users__table-head,
.users__table-grid,
.users__table-head-grid {
  background: #fff;
}
.users__table-row::after, .users__table-row::before,
.users__table-head::after,
.users__table-head::before,
.users__table-grid::after,
.users__table-grid::before,
.users__table-head-grid::after,
.users__table-head-grid::before {
  background: #fff;
}
@media (hover: hover) {
  .users__table-row:hover,
  .users__table-head:hover,
  .users__table-grid:hover,
  .users__table-head-grid:hover {
    background: #fff;
  }
  .users__table-row:hover::after, .users__table-row:hover::before,
  .users__table-head:hover::after,
  .users__table-head:hover::before,
  .users__table-grid:hover::after,
  .users__table-grid:hover::before,
  .users__table-head-grid:hover::after,
  .users__table-head-grid:hover::before {
    background: #fff;
  }
}
@media (hover: none) {
  .users__table-row:active,
  .users__table-head:active,
  .users__table-grid:active,
  .users__table-head-grid:active {
    background: #fff;
  }
  .users__table-row:active::after, .users__table-row:active::before,
  .users__table-head:active::after,
  .users__table-head:active::before,
  .users__table-grid:active::after,
  .users__table-grid:active::before,
  .users__table-head-grid:active::after,
  .users__table-head-grid:active::before {
    background: #fff;
  }
}

.users__table-coll,
.users__table-status-coll {
  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;
  position: relative;
  height: 100%;
}

.users__table-head-coll {
  position: relative;
}

.users__table-head-tell,
.users__table-head-classes,
.users__table-head-role,
.users__table-head-status,
.users__table-tell,
.users__table-classes,
.users__table-status-coll {
  padding-left: 30px;
}
.users__table-head-tell::after,
.users__table-head-classes::after,
.users__table-head-role::after,
.users__table-head-status::after,
.users__table-tell::after,
.users__table-classes::after,
.users__table-status-coll::after {
  content: "";
  left: 15px;
  top: 50%;
  width: 6px;
  height: 6px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  background: #D2DBEF;
  position: absolute;
}
@media (max-width: 992px) {
  .users__table-head-tell::after,
  .users__table-head-classes::after,
  .users__table-head-role::after,
  .users__table-head-status::after,
  .users__table-tell::after,
  .users__table-classes::after,
  .users__table-status-coll::after {
    width: 0;
    height: 0;
    background: none;
  }
}
@media (max-width: 992px) {
  .users__table-head-tell,
  .users__table-head-classes,
  .users__table-head-role,
  .users__table-head-status,
  .users__table-tell,
  .users__table-classes,
  .users__table-status-coll {
    padding-left: 0;
  }
}

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

.users__table-grid-students > .users__table-number {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}

.users__table-grid-admin > .users__table-number {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
}

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

.users__table-grid-students > .users__table-foto {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
}

.users__table-grid-admin > .users__table-foto {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
}

.users__table-id {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: users__table-id;
}

.users__table-grid-students > .users__table-id {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.users__table-grid-admin > .users__table-id {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.users__table-name {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: users__table-name;
  padding-top: 8px;
}

.users__table-grid-students > .users__table-name {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}

.users__table-grid-admin > .users__table-name {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 1;
}
@media (max-width: 1440px) {
  .users__table-name {
    padding-top: 5px;
  }
}
@media (max-width: 572px) {
  .users__table-name {
    padding-top: 8px;
  }
}

.users__table-tell {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 4;
  grid-area: users__table-tell;
}

.users__table-grid-students > .users__table-tell {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
}

.users__table-grid-admin > .users__table-tell {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 4;
  -ms-grid-column-span: 1;
}

.users__table-classes {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 5;
  grid-area: users__table-classes;
}

.users__table-grid-students > .users__table-classes {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
}

.users__table-grid-admin > .users__table-classes {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 5;
  -ms-grid-column-span: 1;
}

.users__table-status-row {
  display: contents;
}
@media (max-width: 1440px) {
  .users__table-status-row {
    grid-area: users__table-status-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;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px 15px;
    padding-top: 10px;
  }
}
@media (max-width: 572px) {
  .users__table-status-row {
    padding-top: 12px;
  }
}

@media (max-width: 992px) {
  .users__table-tell,
  .users__table-classes {
    padding-top: 10px;
  }
}
@media (max-width: 572px) {
  .users__table-tell,
  .users__table-classes {
    padding-top: 12px;
  }
}

@media (max-width: 992px) {
  .users__table-tell-list {
    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;
    gap: 10px 15px;
  }
}

@media (max-width: 992px) {
  .users__table-tell-list-inner,
  .users__table-tell-list-inner + .users__table-tell-list-inner {
    margin-top: 0;
  }
}

@media (max-width: 1440px) {
  .users__table-status-1,
  .users__table-status-2 {
    display: block;
    padding-left: 0;
  }
  .users__table-status-1::after,
  .users__table-status-2::after {
    width: 0;
    height: 0;
    background: none;
  }
}

.users__table-status-1 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 6;
  grid-area: users__table-status-1;
}

.users__table-grid-students > .users__table-status-1 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 6;
}

.users__table-grid-admin > .users__table-status-1 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 6;
}

.users__table-status-2 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 7;
  grid-area: users__table-status-2;
}

.users__table-grid-students > .users__table-status-2 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 7;
}

.users__table-grid-admin > .users__table-status-2 {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 7;
}

.users__table-menu {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 8;
  grid-area: users__table-menu;
}

.users__table-grid-students > .users__table-menu {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 8;
}

.users__table-grid-admin > .users__table-menu {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 8;
}

.users__table-head-grid {
  -ms-grid-columns: 46px 80px 1.1fr 200px 1fr 190px 190px 52px;
  grid-template-columns: 46px 80px 1.1fr 200px 1fr 190px 190px 52px;
  padding: 20px;
  display: -ms-grid;
  display: grid;
}
@media (max-width: 1680px) {
  .users__table-head-grid {
    -ms-grid-columns: 46px 55px 1.1fr 170px 1fr 150px 150px 44px;
    grid-template-columns: 46px 55px 1.1fr 170px 1fr 150px 150px 44px;
  }
}
@media (max-width: 1440px) {
  .users__table-head-grid {
    -ms-grid-columns: 35px 55px 1fr 205px 1.3fr 44px;
    grid-template-columns: 35px 55px 1fr 205px 1.3fr 44px;
  }
}
@media (max-width: 1440px) {
  .users__table-head-grid {
    -ms-grid-columns: 35px 55px 1fr 205px 1.3fr 44px;
    grid-template-columns: 35px 55px 1fr 205px 1.3fr 44px;
  }
}
@media (max-width: 992px) {
  .users__table-head-grid {
    -ms-grid-columns: 40px 1fr 1fr 1fr 44px;
    grid-template-columns: 40px 1fr 1fr 1fr 44px;
  }
}
@media (max-width: 572px) {
  .users__table-head-grid {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 15px;
  }
}

@media (max-width: 572px) {
  .users__table-head-menu {
    display: block;
  }
}

.users__table-grid {
  -ms-grid-columns: 46px 80px 1.1fr 200px 1fr 190px 190px auto;
  grid-template-columns: 46px 80px 1.1fr 200px 1fr 190px 190px auto;
  padding: 20px;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "users__table-number users__table-foto users__table-id users__table-tell users__table-classes users__table-status-1 users__table-status-2 users__table-menu" "users__table-number users__table-foto users__table-name users__table-tell users__table-classes users__table-status-1 users__table-status-2 users__table-menu";
}
@media (max-width: 1680px) {
  .users__table-grid {
    -ms-grid-columns: 46px 55px 1.1fr 170px 1fr 150px 150px auto;
    grid-template-columns: 46px 55px 1.1fr 170px 1fr 150px 150px auto;
  }
}
@media (max-width: 1440px) {
  .users__table-grid {
    -ms-grid-columns: 35px 55px 1fr 205px 1.3fr auto;
    grid-template-columns: 35px 55px 1fr 205px 1.3fr auto;
    padding-right: 24px;
        grid-template-areas: "users__table-number users__table-foto users__table-id users__table-tell users__table-classes   users__table-menu" "users__table-number users__table-foto users__table-name users__table-tell users__table-classes   users__table-menu" "...  ... users__table-status-row ... ... ...";
  }
  .users__table-number {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .users__table-foto {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .users__table-id {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .users__table-name {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .users__table-tell {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
  }
  .users__table-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 5;
  }
  .users__table-status-row {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .users__table-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 6;
  }
}
@media (max-width: 992px) {
  .users__table-grid {
    -ms-grid-columns: 40px 50px 1fr auto;
    grid-template-columns: 40px 50px 1fr auto;
        grid-template-areas: "users__table-number users__table-foto users__table-id users__table-menu" "users__table-number users__table-foto users__table-name users__table-menu" "...  ... users__table-tell  users__table-menu" "...  ... users__table-status-row   users__table-menu" "...  ... users__table-classes  users__table-menu";
  }
  .users__table-number {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .users__table-foto {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .users__table-id {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .users__table-name {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .users__table-tell {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .users__table-classes {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .users__table-status-row {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
  }
  .users__table-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 4;
  }
}
@media (max-width: 572px) {
  .users__table-grid {
    gap: 0 5px;
    -ms-grid-columns: 45px 5px 30px 5px 1fr 5px auto;
    grid-template-columns: 45px 30px 1fr auto;
    padding: 10px 10px 20px 10px;
    -ms-grid-rows: auto 0 auto 0 auto 0 auto 0 auto;
        grid-template-areas: "users__table-foto users__table-number users__table-id users__table-menu" "users__table-name  users__table-name users__table-name users__table-name " "users__table-tell  users__table-tell users__table-tell users__table-tell " "users__table-status-row  users__table-status-row users__table-status-row users__table-status-row  " "users__table-classes users__table-classes users__table-classes users__table-classes ";
  }
  .users__table-number {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .users__table-foto {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .users__table-id {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .users__table-name {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .users__table-tell {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .users__table-classes {
    -ms-grid-row: 9;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .users__table-status-row {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    -ms-grid-column-span: 7;
  }
  .users__table-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 7;
  }
}

.users__table-head-grid-students {
  -ms-grid-columns: 46px 125px 1fr 200px 1fr 240px 75px;
  grid-template-columns: 46px 125px 1fr 200px 1fr 240px 75px;
}
@media (max-width: 1680px) {
  .users__table-head-grid-students {
    -ms-grid-columns: 46px 110px 0.93fr 170px 1fr 240px 65px;
    grid-template-columns: 46px 110px 0.93fr 170px 1fr 240px 65px;
  }
}
@media (max-width: 1440px) {
  .users__table-head-grid-students {
    -ms-grid-columns: 46px 110px 0.93fr 170px 1fr 170px 65px;
    grid-template-columns: 46px 110px 0.93fr 170px 1fr 170px 65px;
  }
}
@media (max-width: 992px) {
  .users__table-head-grid-students {
    display: none;
  }
}

.users__table-grid-students {
  -ms-grid-columns: 46px 80px 1.1fr 200px 1fr 240px auto;
  grid-template-columns: 46px 80px 1.1fr 200px 1fr 240px auto;
      grid-template-areas: "users__table-number users__table-foto users__table-id users__table-tell users__table-classes users__table-status-1 users__table-status-2 users__table-menu" "users__table-number users__table-foto users__table-name users__table-tell users__table-classes users__table-status-1 users__table-status-2 users__table-menu";
}
@media (max-width: 1680px) {
  .users__table-grid-students {
    -ms-grid-columns: 46px 55px 1.1fr 170px 1fr 240px auto;
    grid-template-columns: 46px 55px 1.1fr 170px 1fr 240px auto;
  }
}
@media (max-width: 1440px) {
  .users__table-grid-students {
    -ms-grid-columns: 46px 55px 1.1fr 170px 1fr 170px auto;
    grid-template-columns: 46px 55px 1.1fr 170px 1fr 170px auto;
  }
}
@media (max-width: 992px) {
  .users__table-grid-students {
    -ms-grid-columns: 40px 50px 1fr 1fr auto;
    grid-template-columns: 40px 50px 1fr 1fr auto;
        grid-template-areas: "users__table-number users__table-foto users__table-id users__table-id users__table-menu" "users__table-number users__table-foto users__table-name users__table-name users__table-menu" "...  ... users__table-tell users__table-tell users__table-menu" "...  ... users__table-classes users__table-status-row    users__table-menu";
  }
  .users__table-grid-students > .users__table-number {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .users__table-grid-students > .users__table-foto {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .users__table-grid-students > .users__table-id {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .users__table-grid-students > .users__table-name {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .users__table-grid-students > .users__table-tell {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .users__table-grid-students > .users__table-classes {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .users__table-status-row {
    -ms-grid-row: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
  .users__table-grid-students > .users__table-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 5;
  }
}
@media (max-width: 572px) {
  .users__table-grid-students {
    -ms-grid-columns: 45px 30px 1fr auto auto;
    grid-template-columns: 45px 30px 1fr auto auto;
        grid-template-areas: "users__table-foto users__table-number users__table-id users__table-id users__table-menu" "users__table-name  users__table-name users__table-name users__table-name users__table-name " "users__table-tell  users__table-tell users__table-tell users__table-tell users__table-tell " "users__table-classes users__table-classes users__table-classes users__table-status-row  users__table-status-row";
  }
  .users__table-grid-students > .users__table-number {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
  .users__table-grid-students > .users__table-foto {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .users__table-grid-students > .users__table-id {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .users__table-grid-students > .users__table-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .users__table-grid-students > .users__table-tell {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .users__table-grid-students > .users__table-classes {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .users__table-status-row {
    -ms-grid-row: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
  }
  .users__table-grid-students > .users__table-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
  }
}
@media (max-width: 1440px) {
  .users__table-grid-students .users__table-status-row {
    display: contents;
  }
}
@media (max-width: 992px) {
  .users__table-grid-students .users__table-status-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 572px) {
  .users__table-grid-students .users__table-status-row {
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 1440px) {
  .users__table-grid-students .users__table-status-coll {
    padding-left: 30px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .users__table-grid-students .users__table-status-coll::after {
    content: "";
    left: 15px;
    top: 50%;
    width: 6px;
    height: 6px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #D2DBEF;
    position: absolute;
  }
}
@media (max-width: 1440px) and (max-width: 992px) {
  .users__table-grid-students .users__table-status-coll::after {
    width: 0;
    height: 0;
    background: none;
  }
}
@media (max-width: 1440px) and (max-width: 992px) {
  .users__table-grid-students .users__table-status-coll {
    display: block;
    padding-left: 15px;
  }
}
@media (max-width: 572px) {
  .users__table-grid-students .users__table-status-coll {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.users__table-head-grid-admin {
  -ms-grid-columns: 46px 125px 1fr 200px 210px 1.6fr 75px;
  grid-template-columns: 46px 125px 1fr 200px 210px 1.6fr 75px;
}
@media (max-width: 1680px) {
  .users__table-head-grid-admin {
    -ms-grid-columns: 46px 110px 1fr 170px 210px 1.6fr 65px;
    grid-template-columns: 46px 110px 1fr 170px 210px 1.6fr 65px;
  }
}
@media (max-width: 1440px) {
  .users__table-head-grid-admin {
    -ms-grid-columns: 46px 110px 0.85fr 170px 1fr 170px 65px;
    grid-template-columns: 46px 110px 0.85fr 170px 1fr 170px 65px;
  }
}
@media (max-width: 992px) {
  .users__table-head-grid-admin {
    display: none;
  }
}

.users__table-grid-admin {
  -ms-grid-columns: 46px 80px 1fr 200px 210px 1.4fr auto;
  grid-template-columns: 46px 80px 1fr 200px 210px 1.4fr auto;
      grid-template-areas: "users__table-number users__table-foto users__table-id users__table-tell users__table-classes users__table-status-1 users__table-status-2 users__table-menu" "users__table-number users__table-foto users__table-name users__table-tell users__table-classes users__table-status-1 users__table-status-2 users__table-menu";
}
@media (max-width: 1680px) {
  .users__table-grid-admin {
    -ms-grid-columns: 46px 55px 1fr 170px 210px 1.4fr auto;
    grid-template-columns: 46px 55px 1fr 170px 210px 1.4fr auto;
  }
}
@media (max-width: 1440px) {
  .users__table-grid-admin {
    -ms-grid-columns: 46px 55px 1.1fr 170px 1fr 170px auto;
    grid-template-columns: 46px 55px 1.1fr 170px 1fr 170px auto;
  }
}
@media (max-width: 992px) {
  .users__table-grid-admin {
    -ms-grid-columns: 40px 50px auto 1fr auto;
    grid-template-columns: 40px 50px auto 1fr auto;
        grid-template-areas: "users__table-number users__table-foto users__table-id users__table-id users__table-menu" "users__table-number users__table-foto users__table-name users__table-name users__table-menu" "...  ... users__table-tell users__table-tell users__table-menu" "...  ... users__table-classes users__table-status-row    users__table-menu";
  }
  .users__table-grid-admin > .users__table-number {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .users__table-grid-admin > .users__table-foto {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
  .users__table-grid-admin > .users__table-id {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .users__table-grid-admin > .users__table-name {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .users__table-grid-admin > .users__table-tell {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .users__table-grid-admin > .users__table-classes {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .users__table-status-row {
    -ms-grid-row: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
  .users__table-grid-admin > .users__table-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 5;
  }
}
@media (max-width: 572px) {
  .users__table-grid-admin {
    -ms-grid-columns: 45px 30px 1fr auto auto;
    grid-template-columns: 45px 30px 1fr auto auto;
        grid-template-areas: "users__table-foto users__table-number users__table-id users__table-id users__table-menu" "users__table-name  users__table-name users__table-name users__table-name users__table-name " "users__table-tell  users__table-tell users__table-tell users__table-tell users__table-tell " "users__table-classes users__table-classes users__table-classes users__table-status-row  users__table-status-row";
  }
  .users__table-grid-admin > .users__table-number {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
  .users__table-grid-admin > .users__table-foto {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .users__table-grid-admin > .users__table-id {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
  }
  .users__table-grid-admin > .users__table-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .users__table-grid-admin > .users__table-tell {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 5;
  }
  .users__table-grid-admin > .users__table-classes {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .users__table-status-row {
    -ms-grid-row: 4;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
  }
  .users__table-grid-admin > .users__table-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
  }
}
@media (max-width: 1440px) {
  .users__table-grid-admin .users__table-status-row {
    display: contents;
  }
}
@media (max-width: 992px) {
  .users__table-grid-admin .users__table-status-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 572px) {
  .users__table-grid-admin .users__table-status-row {
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 1440px) {
  .users__table-grid-admin .users__table-status-coll {
    padding-left: 30px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .users__table-grid-admin .users__table-status-coll::after {
    content: "";
    left: 15px;
    top: 50%;
    width: 6px;
    height: 6px;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #D2DBEF;
    position: absolute;
  }
}
@media (max-width: 1440px) and (max-width: 992px) {
  .users__table-grid-admin .users__table-status-coll::after {
    width: 0;
    height: 0;
    background: none;
  }
}
@media (max-width: 1440px) and (max-width: 992px) {
  .users__table-grid-admin .users__table-status-coll {
    display: block;
    padding-left: 15px;
  }
}
@media (max-width: 572px) {
  .users__table-grid-admin .users__table-status-coll {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}

.users__table-head-coll,
.users__table-head-label-span {
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .users__table-head-coll,
  .users__table-head-label-span {
    font-size: 14px;
  }
}

.users__table-head-number {
  color: #204CAF;
}
@media (max-width: 572px) {
  .users__table-head-number {
    display: none;
  }
}

.users__table-head-label-span {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 5px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}
.users__table-head-label-span path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.users__table-head-label-span img,
.users__table-head-label-span svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 1680px) {
  .users__table-head-label-span img,
  .users__table-head-label-span svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 572px) {
  .users__table-head-label-span {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}
@media (hover: hover) {
  .users__table-head-label-span:hover {
    color: #C60D0D;
  }
  .users__table-head-label-span:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .users__table-head-label-span:active {
    color: #C60D0D;
  }
  .users__table-head-label-span:active path {
    fill: #C60D0D;
  }
}

input:checked ~ .users__table-head-label-span svg,
input:checked ~ .users__table-head-label-span img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.users__table-status-info.--red {
  color: #F50000;
}

.users__table-status-info.--green {
  color: #62973A;
}

.users__table-status-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.users__table-status-info img,
.users__table-status-info svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.users__table-number-text {
  color: #204CAF;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .users__table-number-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .users__table-number-text {
    font-size: 12px;
  }
}

.users-table-foto-img {
  width: 58px;
  height: 58px;
  margin-left: 0;
}
@media (max-width: 1680px) {
  .users-table-foto-img {
    width: 40px;
    height: 40px;
  }
}

.users__table-classes-name {
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .users__table-classes-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .users__table-classes-name {
    font-size: 12px;
  }
}

@media (hover: hover) {
  .users__table-classes-link:hover {
    color: #204CAF;
  }
}
@media (hover: none) {
  .users__table-classes-link:active {
    color: #204CAF;
  }
}

@media (max-width: 992px) {
  .users__table-head-foto {
    display: none;
  }
}

.users__table-head {
  margin-bottom: 30px;
}

.users__table-row {
  margin-top: 0;
}
.users__table-row:not(:nth-child(1)) {
  margin-top: 30px;
}

@media (max-width: 1440px) {
  .users__table-head-teachers {
    display: none;
  }
}

.users__table-body {
  padding-right: 15px;
  height: 778px;
  overflow: auto;
}
@media (max-width: 1680px) {
  .users__table-body {
    height: 755px;
  }
}
@media (max-width: 1440px) {
  .users__table-body {
    height: 700px;
  }
}
@media (max-width: 1240px) {
  .users__table-body {
    height: 670px;
  }
}
@media (max-width: 992px) {
  .users__table-body {
    height: 585px;
  }
}
@media (max-width: 767px) {
  .users__table-body {
    height: auto;
    overflow: visible;
    padding-right: 0;
  }
}

.users__table-classes-name.--blue {
  color: #204CAF;
}

.users__creating-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 340px calc(100% - 340px);
  grid-template-columns: 340px calc(100% - 340px);
  margin-top: 30px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1680px) {
  .users__creating-row {
    margin-top: 20px;
    -ms-grid-columns: 226px calc(100% - 226px);
    grid-template-columns: 226px calc(100% - 226px);
  }
}
@media (max-width: 1240px) {
  .users__creating-row {
    -ms-grid-columns: 196px calc(100% - 196px);
    grid-template-columns: 196px calc(100% - 196px);
  }
}
@media (max-width: 767px) {
  .users__creating-row {
    display: block;
    margin-left: -20px;
    margin-right: -20px;
    border-radius: 10px 10px 0px 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.users__creating-left {
  padding: 30px 20px;
}
@media (max-width: 1680px) {
  .users__creating-left {
    padding: 15px 10px;
  }
}
@media (max-width: 767px) {
  .users__creating-left {
    padding: 20px 0 0 0;
  }
}

.users__creating-center {
  border-radius: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  padding: 30px;
}
@media (max-width: 1680px) {
  .users__creating-center {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .users__creating-center {
    margin-top: 20px;
    padding: 15px;
  }
}

.users__creating-user-name {
  color: #313233;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
}
@media (max-width: 1680px) {
  .users__creating-user-name {
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .users__creating-user-name {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .users__creating-user-name {
    font-size: 16px;
    text-align: left;
  }
}

.users__creating-user-id {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  padding: 9px 18px;
  color: #F33D4C;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  border-radius: 30px;
  background: rgba(243, 61, 76, 0.15);
  text-align: center;
  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;
  height: 35px;
}
@media (max-width: 1680px) {
  .users__creating-user-id {
    width: 100%;
    font-size: 14px;
    padding: 10px 20px;
    height: 36px;
  }
}
@media (max-width: 1240px) {
  .users__creating-user-id {
    margin-top: 10px;
    font-size: 12px;
    height: 34px;
  }
}
@media (max-width: 767px) {
  .users__creating-user-id {
    padding: 5px 20px;
    height: 24px;
  }
}

.users__creating-left-info {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 24px;
  color: #9490DB;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  border-radius: 10px;
  background: rgba(148, 144, 219, 0.1);
  text-align: center;
  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;
  height: 45px;
}
@media (max-width: 1680px) {
  .users__creating-left-info {
    width: 100%;
    font-size: 14px;
    padding: 10px 20px;
    height: 36px;
  }
}
@media (max-width: 1240px) {
  .users__creating-left-info {
    font-size: 12px;
    height: 34px;
  }
}
@media (max-width: 767px) {
  .users__creating-left-info {
    height: 34px;
    padding: 10px 20px;
  }
}

.users__creating-user-info {
  margin-top: 25px;
}
@media (max-width: 1680px) {
  .users__creating-user-info {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .users__creating-user-info {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .users__creating-user-info {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .users__creating-left-head {
    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;
  }
}

.users__creating-foto {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 767px) {
  .users__creating-foto {
    margin-right: 20px;
  }
}

.users__creating-input-row {
  margin-top: 40px;
}
@media (max-width: 1680px) {
  .users__creating-input-row {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .users__creating-input-row {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .users__creating-input-row {
    margin-top: 20px;
  }
}

.users__creating-input-box {
  display: block;
}
.users__creating-input-box:not(.users__creating-input-box:nth-child(1)) {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .users__creating-input-box:not(.users__creating-input-box:nth-child(1)) {
    margin-top: 10px;
  }
}

.users__creating-left-list {
  margin-top: 15px;
}
@media screen and (max-width: 1240px) {
  .users__creating-left-list {
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .users__creating-left-list {
    font-size: 20px;
  }
}

.users__creating-left-list-inner:not(.users__creating-left-list-inner:nth-child(1)) {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .users__creating-left-list-inner:not(.users__creating-left-list-inner:nth-child(1)) {
    margin-top: 10px;
  }
}

.users__creating-left-select .select__current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .users__creating-left-select .select__current {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .users__creating-left-select .select__current {
    font-size: 12px;
  }
}
.users__creating-left-select .select__current img,
.users__creating-left-select .select__current svg {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1240px) {
  .users__creating-left-select .select__current img,
  .users__creating-left-select .select__current svg {
    width: 18px;
    height: 18px;
  }
}
.users__creating-left-select .select__header {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  height: 44px;
  padding: 12px 24px;
}
@media (max-width: 1680px) {
  .users__creating-left-select .select__header {
    width: 100%;
    height: 40px;
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .users__creating-left-select .select__header {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 38px;
  }
}

.users__creating-left-select.--green .select__header {
  background: rgba(98, 151, 58, 0.1);
  border: none;
}
.users__creating-left-select.--green .select__current {
  color: #62973A;
}
.users__creating-left-select.--green .select__current .--red {
  color: #F50000;
}
.users__creating-left-select.--green .select__arrow path {
  fill: #62973A;
}

.users__creating-left-select.--blue .select__header {
  background: rgba(32, 76, 175, 0.05);
  border: none;
}
.users__creating-left-select.--blue .select__current {
  color: #204CAF;
}
.users__creating-left-select.--blue .select__arrow path {
  fill: #204CAF;
}

.users__creating-left-status {
  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;
}
.users__creating-left-status svg,
.users__creating-left-status img {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1240px) {
  .users__creating-left-status svg,
  .users__creating-left-status img {
    width: 18px;
    height: 18px;
  }
}

.users__creating-save {
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 767px) {
  .users__creating-save {
    width: 100%;
  }
}

.users__creating-save-row {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid rgba(116, 117, 118, 0.1);
}
@media (max-width: 1680px) {
  .users__creating-save-row {
    margin-top: 20px;
    padding-top: 20px;
  }
}

@media (max-width: 1680px) {
  .users__tab-box {
    margin-top: 20px;
  }
}

.users__tab-title {
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .users__tab-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .users__tab-title {
    font-size: 16px;
  }
}

.users__tab-text {
  padding-top: 10px;
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
}
@media (max-width: 1240px) {
  .users__tab-text {
    font-size: 12px;
    padding-top: 5px;
  }
}

.users__full-name-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 240px;
  grid-template-columns: 1fr 240px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 15px;
  margin-top: 20px;
}
@media (max-width: 992px) {
  .users__full-name-row {
    -ms-grid-columns: 240px 1fr;
    grid-template-columns: 240px 1fr;
  }
}
@media (max-width: 767px) {
  .users__full-name-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

@media (max-width: 992px) {
  .users__full-name-input {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .users__full-name-input {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

.users__tab-row + .users__tab-row {
  margin-top: 20px;
}

.users__tab-subtitle {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .users__tab-subtitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .users__tab-subtitle {
    font-size: 16px;
  }
}

.users__passport-row {
  margin-top: 20px;
}

.users__passport-row + .users__passport-row {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .users__passport-row + .users__passport-row {
    margin-top: 10px;
  }
}

.users__passport-row-number {
  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: 15px;
}
@media (max-width: 767px) {
  .users__passport-row-number {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

.users__passport-row-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 240px 240px;
  grid-template-columns: 1fr 240px 240px;
  gap: 15px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 1680px) {
  .users__passport-row-grid {
    gap: 20px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1240px) {
  .users__passport-row-grid {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .users__passport-row-grid {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

@media (max-width: 1680px) {
  .users__passport-input {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .users__passport-input {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

.users__passport-addres {
  display: block;
  max-width: 830px;
}
@media (max-width: 1680px) {
  .users__passport-addres {
    max-width: 100%;
  }
}

.users__information-checkbox {
  display: block;
}
.users__information-checkbox:not(.users__information-checkbox:nth-child(1)) {
  margin-top: 15px;
}
@media (max-width: 1240px) {
  .users__information-checkbox:not(.users__information-checkbox:nth-child(1)) {
    margin-top: 10px;
  }
}

.users__creating-desc-textarea {
  display: block;
}
.users__creating-desc-textarea .textarea {
  height: 156px;
}
@media screen and (max-width: 1680px) {
  .users__creating-desc-textarea .textarea {
    height: 95px;
  }
}

.user__add-row {
  margin-top: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 240px 240px;
  grid-template-columns: 1fr 240px 240px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .user__add-row {
    margin-top: 10px;
  }
}
@media (max-width: 1680px) {
  .user__add-row {
    -ms-grid-columns: 1fr 240px;
    grid-template-columns: 1fr 240px;
    gap: 15px;
  }
}
@media (max-width: 992px) {
  .user__add-row {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .user__add-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

@media (max-width: 1680px) {
  .user__add-row-2 {
    -ms-grid-columns: 240px 240px 1fr;
    grid-template-columns: 240px 240px 1fr;
  }
}
@media (max-width: 992px) {
  .user__add-row-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .user__add-row-2 {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

@media (max-width: 992px) {
  .user__add-row-input {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .user__add-row-input {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

@media (max-width: 1680px) {
  .user__add-row-input-2 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
}
@media (max-width: 992px) {
  .user__add-row-input-2 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .user__add-row-input-2 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

.user__add--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;
  color: #0FAEFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  margin-top: 15px;
  margin-bottom: 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.user__add--btn:nth-last-child(1) {
  margin-bottom: 0;
}
@media (max-width: 1680px) {
  .user__add--btn {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1680px) {
  .user__add--btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .user__add--btn {
    font-size: 14px;
  }
}
.user__add--btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.user__add--btn img,
.user__add--btn svg {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .user__add--btn img,
  .user__add--btn svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .user__add--btn img,
  .user__add--btn svg {
    width: 18px;
    height: 18px;
  }
}
@media (hover: hover) {
  .user__add--btn:hover {
    color: #C60D0D;
  }
  .user__add--btn:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .user__add--btn:active {
    color: #C60D0D;
  }
  .user__add--btn:active path {
    fill: #C60D0D;
  }
}

.users__creating-subtitle {
  margin-top: 20px;
  color: #313233;
  font-size: 18px;
  font-weight: 600;
  line-height: 114%;
}
@media screen and (max-width: 1240px) {
  .users__creating-subtitle {
    font-size: 16px;
  }
}

.users__button-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;
  width: 24px;
  height: 24px;
}
.users__button-dell path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .users__button-dell {
    width: 20px;
    height: 20px;
  }
}
.users__button-dell img,
.users__button-dell svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .users__button-dell:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .users__button-dell:active path {
    fill: #C60D0D;
  }
}

.users__disciplines-row {
  margin-top: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 24px;
  grid-template-columns: 1fr 24px;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 607px;
}
@media (max-width: 1680px) {
  .users__disciplines-row {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .users__disciplines-row {
    -ms-grid-columns: 1fr 20px;
    grid-template-columns: 1fr 20px;
    margin-top: 10px;
    gap: 10px;
  }
}

.users__creact-class-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 240px 24px;
  grid-template-columns: 1fr 240px 24px;
  gap: 15px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 15px;
}
@media (max-width: 1680px) {
  .users__creact-class-row {
    -ms-grid-columns: 1fr 24px;
    grid-template-columns: 1fr 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 767px) {
  .users__creact-class-row {
    margin-top: 10px;
    -ms-grid-columns: 1fr 20px;
    grid-template-columns: 1fr 20px;
    margin-top: 10px;
    gap: 15px 10px;
  }
}

.users__creact-btn-dell {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1680px) {
  .users__creact-btn-dell {
    margin-top: 0;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
  }
}

.users__contacts-list {
  margin-top: 20px;
}

.users__contacts--row {
  display: block;
}
.users__contacts--row.user__add--btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.users__contacts--row:not(:nth-child(1)) {
  margin-top: 15px;
}

.users__contacts--width {
  max-width: 830px;
}
@media (max-width: 1680px) {
  .users__contacts--width {
    max-width: 100%;
  }
}

.users__contacts--grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 15px;
  -ms-grid-columns: 1fr 1.5fr;
  grid-template-columns: 1fr 1.5fr;
}
@media (max-width: 1680px) {
  .users__contacts--grid {
    -ms-grid-columns: 240px 1fr;
    grid-template-columns: 240px 1fr;
  }
}
@media (max-width: 992px) {
  .users__contacts--grid {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.users__safety-row {
  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: 20px;
  max-width: 680px;
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .users__safety-row {
    margin-top: 20px;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .users__safety-row {
    gap: 15px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.users__safety-allert {
  padding-top: 10px;
  color: #F50000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
}
@media (max-width: 1240px) {
  .users__safety-allert {
    font-size: 14px;
  }
}
.users__safety-allert a {
  display: inline;
  color: #0FAEFF;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration-line: underline;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .users__safety-allert a:hover {
    color: #C60D0D;
  }
}
@media (hover: none) {
  .users__safety-allert a:active {
    color: #C60D0D;
  }
}

.user__fiter-documetn {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr 300px;
  grid-template-columns: auto 1fr 300px;
  gap: 20px;
}
@media (max-width: 1900px) {
  .user__fiter-documetn {
    -ms-grid-columns: auto 1fr 240px;
    grid-template-columns: auto 1fr 240px;
    gap: 15px;
  }
}
@media (max-width: 1440px) {
  .user__fiter-documetn {
    -ms-grid-columns: 1fr 260px;
    grid-template-columns: 1fr 260px;
  }
}
@media (max-width: 992px) {
  .user__fiter-documetn {
    -ms-grid-columns: 1fr 200px;
    grid-template-columns: 1fr 200px;
  }
}
@media (max-width: 572px) {
  .user__fiter-documetn {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

@media (max-width: 1440px) {
  .users-tab-fillter-btn {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 767px) {
  .users-tab-fillter-btn {
    width: 100%;
  }
}
@media (max-width: 572px) {
  .users-tab-fillter-btn {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

.user__document-fillter-search {
  width: 420px;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 1900px) {
  .user__document-fillter-search {
    width: 100%;
  }
}

.user__document-dell {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: 30px;
  height: 30px;
  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;
}
@media (max-width: 1680px) {
  .user__document-dell {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1240px) {
  .user__document-dell {
    width: 21px;
    height: 21px;
  }
}
.user__document-dell img,
.user__document-dell svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (hover: hover) {
  .user__document-dell:hover {
    opacity: 0.3;
  }
}
@media (hover: none) {
  .user__document-dell:active {
    opacity: 0.3;
  }
}

.user__document-wrapper-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 30px;
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .user__document-wrapper-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .user__document-wrapper-title {
    font-size: 16px;
  }
}
@media (max-width: 1680px) {
  .user__document-wrapper-title {
    min-height: 24px;
  }
}
@media (max-width: 1240px) {
  .user__document-wrapper-title {
    min-height: 21px;
  }
}
@media (max-width: 340px) {
  .user__document-wrapper-title {
    word-break: break-all;
  }
}
@media (hover: hover) {
  .user__document-wrapper-title:hover {
    color: #204CAF;
  }
}
@media (hover: none) {
  .user__document-wrapper-title:active {
    color: #204CAF;
  }
}

.user__document-wrapper-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}

.user__document-row-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 59px;
  height: 59px;
  margin-right: 15px;
}
@media (max-width: 1680px) {
  .user__document-row-img {
    width: 46px;
    height: 46px;
    margin-right: 10px;
  }
}
@media (max-width: 1240px) {
  .user__document-row-img {
    width: 38px;
    height: 38px;
  }
}
@media (max-width: 767px) {
  .user__document-row-img {
    width: 27px;
    height: 27px;
    margin-right: 10px;
  }
}
.user__document-row-img img,
.user__document-row-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.user__document-wrapper-time {
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}
@media screen and (max-width: 1680px) {
  .user__document-wrapper-time {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .user__document-wrapper-time {
    font-size: 12px;
  }
}

.user__document-wrapper-info {
  color: #0FAEFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  padding-left: 20px;
}
@media screen and (max-width: 1680px) {
  .user__document-wrapper-info {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .user__document-wrapper-info {
    font-size: 12px;
  }
}
@media screen and (max-width: 1680px) {
  .user__document-wrapper-info {
    padding-left: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .user__document-wrapper-info {
    padding-left: 10px;
  }
}

.user__document-wrapper-bottom {
  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;
  padding-top: 10px;
}
@media screen and (max-width: 1680px) {
  .user__document-wrapper-bottom {
    padding-top: 5px;
  }
}

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

.user__document-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: 10px;
  padding: 20px 15px;
  background: #fff;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 10px;
}
@media (max-width: 1680px) {
  .user__document-row {
    padding: 15px 10px;
  }
}
@media (max-width: 1240px) {
  .user__document-row {
    padding: 12px 10px;
  }
}
@media (max-width: 572px) {
  .user__document-row {
    display: block;
  }
}
@media (hover: hover) {
  .user__document-row:hover {
    background: rgba(32, 76, 175, 0.05);
  }
}

@media (max-width: 572px) {
  .user__document-btn {
    margin-left: auto;
    margin-right: 0;
    margin-top: 10px;
  }
}

.user__document-table {
  padding-left: 20px;
  margin-top: 30px;
  overflow: auto;
  padding-right: 15px;
  height: 710px;
  overflow: auto;
}
@media (max-width: 1680px) {
  .user__document-table {
    height: 545px;
  }
}
@media (max-width: 1440px) {
  .user__document-table {
    height: 470px;
  }
}
@media (max-width: 1240px) {
  .user__document-table {
    height: 400px;
  }
}
@media (max-width: 992px) {
  .user__document-table {
    height: 450px;
  }
}

.users__creating-foto-admin .avatar-label-gradient {
  background: -o-linear-gradient(1deg, #F50000 13.12%, #E98080 66.58%, #F50000 106.5%);
  background: linear-gradient(89deg, #F50000 13.12%, #E98080 66.58%, #F50000 106.5%);
}

.users__creating-foto-teachers .avatar-label-gradient {
  background: -o-linear-gradient(281deg, #8ABA65 -11.33%, #30AEFD 95.19%);
  background: linear-gradient(169deg, #8ABA65 -11.33%, #30AEFD 95.19%);
}

.users__students-desc-textarea {
  height: 156px;
}
@media screen and (max-width: 1680px) {
  .users__students-desc-textarea {
    height: 95px;
  }
}

.users__select-citizenship {
  max-width: 830px;
}
@media (max-width: 1680px) {
  .users__select-citizenship {
    max-width: 420px;
  }
}
@media (max-width: 992px) {
  .users__select-citizenship {
    max-width: 100%;
  }
}

.users__education-row {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  max-width: 750px;
}
@media (max-width: 1240px) {
  .users__education-row {
    margin-top: 15px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .users__education-row {
    margin-top: 10px;
    gap: 10px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.users__сurator-row {
  display: block;
  max-width: 540px;
}

.users__padding-15 {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .users__padding-15 {
    margin-top: 10px;
  }
}

.users__access-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 240px;
  grid-template-columns: 1fr 1fr 240px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 15px;
}
@media (max-width: 1680px) {
  .users__access-row {
    -ms-grid-columns: 1fr 1fr 216px;
    grid-template-columns: 1fr 1fr 216px;
  }
}
@media (max-width: 1440px) {
  .users__access-row {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .users__access-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

.users__access-term {
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/4;
  max-width: 240px;
}
@media (max-width: 1440px) {
  .users__access-term {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 992px) {
  .users__access-term {
    max-width: 200px;
  }
}
@media (max-width: 767px) {
  .users__access-term {
    max-width: 100%;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

@media (max-width: 1440px) {
  .users__access-date {
    max-width: 240px;
  }
}
@media (max-width: 992px) {
  .users__access-date {
    max-width: 200px;
  }
}
@media (max-width: 767px) {
  .users__access-date {
    max-width: 100%;
  }
}

.users__documents-row {
  margin-top: 20px;
}

.users__documents-tabs {
  margin-top: 20px;
}

.users__parent-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 240px 1fr 240px;
  grid-template-columns: 240px 1fr 240px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 15px;
  margin-top: 20px;
}
@media (max-width: 1680px) {
  .users__parent-row {
    -ms-grid-columns: 240px 1fr;
    grid-template-columns: 240px 1fr;
  }
}
@media (max-width: 992px) {
  .users__parent-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

@media (max-width: 992px) {
  .users__parent-date {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .users__parent-date {
    width: 100%;
  }
}

.users__parent-next {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .users__parent-next {
    margin-top: 20px;
  }
}

.users__parent-add-btn {
  margin-top: 30px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.users__parent-add-btn::after, .users__parent-add-btn::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.users__parent-add-btn .btn-br-span {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.users__parent-add-btn .btn-br-span::after, .users__parent-add-btn .btn-br-span::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 767px) {
  .users__parent-add-btn {
    width: 100%;
  }
}
@media screen and (max-width: 1680px) {
  .users__parent-add-btn {
    margin-top: 20px;
  }
}

.users__group-btn {
  margin-top: 20px;
}

.users__group-table {
  margin-top: 20px;
}

.users__group-absent-wrapp {
  margin-top: 30px;
  margin-bottom: 30px;
  background: none;
  padding: 15px;
  border-left: 1px solid #747576;
  border-right: 1px solid #747576;
  position: relative;
  isolation: isolate;
  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;
  min-height: 130px;
  border-radius: 15px;
}
@media (max-width: 1680px) {
  .users__group-absent-wrapp {
    min-height: 115px;
  }
}
@media (max-width: 1240px) {
  .users__group-absent-wrapp {
    min-height: 95px;
  }
}
@media (max-width: 767px) {
  .users__group-absent-wrapp {
    min-height: 130px;
    border-radius: 10px;
  }
}
@media (max-width: 370px) {
  .users__group-absent-wrapp {
    border-radius: 5px;
  }
}
.users__group-absent-wrapp::after, .users__group-absent-wrapp::before {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #747576;
  width: calc(100% + 1px);
  height: 40px;
}
.users__group-absent-wrapp::after {
  top: -10px;
  -webkit-mask: url("../../assets/img/icon/line-top-line.svg");
          mask: url("../../assets/img/icon/line-top-line.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: top center;
          mask-position: top center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}
.users__group-absent-wrapp::before {
  bottom: -10px;
  -webkit-mask: url("../../assets/img/icon/line-top-bottom.svg");
          mask: url("../../assets/img/icon/line-top-bottom.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: top center;
          mask-position: top center;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
}

.users__group-btn {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.users__group-btn::after, .users__group-btn::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.users__group-btn span {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.users__group-btn span::after, .users__group-btn span::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.users__group-cart {
  margin-top: 0;
}

.users__group-cart + .users__group-cart {
  margin-bottom: 30px;
}

.users__group-cart-wrapp {
  padding: 15px 30px 25px 20px;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
  display: -ms-grid;
  display: grid;
  gap: 0 20px;
  -ms-grid-columns: 80px 20px 1fr 20px auto;
  grid-template-columns: 80px 1fr auto;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-status " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status ";
}
@media screen and (max-width: 1440px) {
  .users__group-cart-wrapp {
    padding: 20px 20px 23px 20px;
    -ms-grid-columns: 78px 10px 1fr 10px auto;
    grid-template-columns: 78px 1fr auto;
    gap: 0 10px;
    -ms-grid-rows: auto 0 auto;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-name " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status ";
  }
  .users__group-cart-wrapp .classes-cart-coll-status {
    padding-top: 0;
  }
  .users__group-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .users__group-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  .users__group-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .users__group-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
  }
}
@media screen and (max-width: 1240px) {
  .users__group-cart-wrapp {
    padding: 16px 20px 16px 12px;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-name " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status ";
  }
  .users__group-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .users__group-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .users__group-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .users__group-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
}
@media (max-width: 992px) {
  .users__group-cart-wrapp {
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name  " "classes-cart-coll-classes classes-cart-coll-info  " "classes-cart-coll-classes  classes-cart-coll-status   ";
  }
  .users__group-cart-wrapp .classes-cart-coll-status {
    padding-top: 10px;
    padding-left: 0;
    margin-left: 0;
  }
  .users__group-cart-wrapp .classes-cart-list-inner {
    font-size: 12px;
  }
  .users__group-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .users__group-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .users__group-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .users__group-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
}
@media screen and (max-width: 767px) {
  .users__group-cart-wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    padding: 8px 10px 15px 10px;
        grid-template-areas: "classes-cart-coll-classes " "classes-cart-coll-name  " "classes-cart-coll-info  " "classes-cart-coll-status ";
  }
  .users__group-cart-wrapp .classes-cart-coll-classes {
    width: calc(100% + 20px);
  }
  .users__group-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .users__group-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .users__group-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .users__group-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}

.line-fixed .about-card__title {
  font-size: calc(16px + 12 * (100vw - 360px) / 1560) !important;
}

.users__history-filter {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 300px;
  grid-template-columns: 1fr 300px;
  gap: 10px 20px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 1680px) {
  .users__history-filter {
    -ms-grid-columns: 1fr 240px;
    grid-template-columns: 1fr 240px;
  }
}
@media (max-width: 992px) {
  .users__history-filter {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.users__history-filter-search {
  max-width: 420px;
}
@media (max-width: 1680px) {
  .users__history-filter-search {
    max-width: 320px;
  }
}
@media (max-width: 992px) {
  .users__history-filter-search {
    max-width: 100%;
  }
}

@media (max-width: 992px) {
  .users__history-filter-date {
    max-width: 240px;
  }
}
@media (max-width: 767px) {
  .users__history-filter-date {
    max-width: 100%;
  }
}

.users__history-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: 15px 20px;
  border-radius: 14px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  padding: 15px 20px;
}
.users__history-row:not(:nth-child(1)) {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .users__history-row:not(:nth-child(1)) {
    margin-top: 20px;
  }
}
@media (max-width: 1680px) {
  .users__history-row {
    display: block;
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .users__history-row {
    border-radius: 10px;
    border: 1px solid rgba(49, 50, 51, 0.1);
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0 10px 15px 10px;
  }
}

.users__history-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;
  width: 24px;
  height: 24px;
  margin-right: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1680px) {
  .users__history-img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .users__history-img {
    border-radius: 10px 10px 0px 0px;
    height: 40px;
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 76, 175, 0.1)), to(rgba(32, 76, 175, 0.1)));
    background: -o-linear-gradient(bottom, rgba(32, 76, 175, 0.1) 0%, rgba(32, 76, 175, 0.1) 100%);
    background: linear-gradient(0deg, rgba(32, 76, 175, 0.1) 0%, rgba(32, 76, 175, 0.1) 100%);
  }
}
.users__history-img img,
.users__history-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 767px) {
  .users__history-img img,
  .users__history-img svg {
    width: 20px;
    height: 20px;
  }
}

.users__history-coll-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .users__history-coll-info {
    display: block;
  }
}

.users__history-name {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .users__history-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .users__history-name {
    font-size: 14px;
  }
}

.users__history-list {
  padding-top: 8px;
}
@media screen and (max-width: 1680px) {
  .users__history-list {
    padding-top: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .users__history-list {
    padding-top: 10px;
  }
}

.bank-homework-cart-list-text.--black {
  color: #313233;
}

.users__history-list-inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}
.users__history-list-inner::after {
  top: 3px;
}
@media (max-width: 767px) {
  .users__history-list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .users__history-list-inner .bank-homework-cart-list-text {
    text-align: right;
  }
}

@media (max-width: 767px) {
  .users__history-list-desc {
    display: block;
  }
  .users__history-list-desc .bank-homework-cart-list-text {
    text-align: left;
    padding-top: 5px;
  }
}

.users__history-list-inner + .users__history-list-inner::after {
  top: 8px;
}
@media screen and (max-width: 1680px) {
  .users__history-list-inner + .users__history-list-inner::after {
    top: 6px;
  }
}

.--hover.bank-homework-cart-list-text {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .--hover.bank-homework-cart-list-text:hover {
    color: #C60D0D;
  }
}
@media (hover: none) {
  .--hover.bank-homework-cart-list-text:active {
    color: #C60D0D;
  }
}

.users__history-list {
  padding-top: 20px;
}
@media (max-width: 1680px) {
  .users__history-list {
    padding-top: 15px;
  }
}
@media (max-width: 1240px) {
  .users__history-list {
    padding-top: 10px;
  }
}

.users__history--inner {
  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;
}
.users__history--inner:not(:nth-child(1)) {
  margin-top: 15px;
}
@media screen and (max-width: 1680px) {
  .users__history--inner:not(:nth-child(1)) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .users__history--inner:not(:nth-child(1)) {
    margin-top: 5px;
  }
}
@media screen and (max-width: 767px) {
  .users__history--inner:not(:nth-child(1)) {
    margin-top: 10px;
  }
}
.users__history--inner img,
.users__history--inner svg {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .users__history--inner img,
  .users__history--inner svg {
    width: 20px;
    height: 20px;
  }
}

.sers__history--inner-file {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  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 screen and (max-width: 1680px) {
  .sers__history--inner-file {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .sers__history--inner-file {
    font-size: 12px;
  }
}

.users__history-dowland-btn {
  width: 24px;
  height: 24px;
  margin-left: 5px;
  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;
}
@media (max-width: 1680px) {
  .users__history-dowland-btn {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .users__history-dowland-btn {
    width: 16px;
    height: 16px;
  }
}
.users__history-dowland-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.users__history-dowland-btn img,
.users__history-dowland-btn svg {
  margin-right: 0;
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (hover: hover) {
  .users__history-dowland-btn:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .users__history-dowland-btn:active path {
    fill: #C60D0D;
  }
}

.users__history-type {
  max-width: 320px;
}
@media (max-width: 1680px) {
  .users__history-type {
    margin-top: 15px;
    padding-left: 30px;
  }
}
@media (max-width: 1240px) {
  .users__history-type {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .users__history-type {
    margin-top: 15px;
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .users__history-coll-wrapp {
    margin-top: 15px;
  }
}

@media (max-width: 1680px) {
  .users__history-user {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media (max-width: 1680px) {
  .users__history-user-name {
    text-align: left;
  }
}

@media (max-width: 1680px) {
  .users__history-user-img {
    margin-left: 0;
    margin-right: 15px;
  }
}

@media (max-width: 1680px) {
  .users__history-allert {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.users__subtab-history-table {
  padding-right: 15px;
  margin-top: 30px;
  overflow: auto;
  height: 750px;
}
@media (max-width: 1680px) {
  .users__subtab-history-table {
    height: 660px;
  }
}
@media (max-width: 1240px) {
  .users__subtab-history-table {
    margin-top: 20px;
    height: 585px;
  }
}
@media (max-width: 767px) {
  .users__subtab-history-table {
    padding-right: 5px;
    height: 400px;
  }
}

.users__subtab-disciplines-search {
  margin-top: 20px;
  max-width: 420px;
}
@media (max-width: 992px) {
  .users__subtab-disciplines-search {
    max-width: 100%;
  }
}

.users__subtab-disciplines-cart-wrapp {
  -ms-grid-columns: auto 1fr auto;
  grid-template-columns: auto 1fr auto;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
}
@media screen and (max-width: 992px) {
  .users__subtab-disciplines-cart-wrapp {
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
  }
}
@media screen and (max-width: 767px) {
  .users__subtab-disciplines-cart-wrapp {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
  .users__subtab-disciplines-cart-wrapp .directory-cart-list-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.users__subtab-performance-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;
  margin-top: 20px;
}

.users__subtab-performance-wrapp {
  margin-top: 30px;
  overflow: auto;
  height: 700px;
  padding-right: 15px;
}
@media (max-width: 1680px) {
  .users__subtab-performance-wrapp {
    height: 660px;
  }
}
@media (max-width: 1240px) {
  .users__subtab-performance-wrapp {
    margin-top: 20px;
    height: 585px;
  }
}
@media (max-width: 767px) {
  .users__subtab-performance-wrapp {
    padding-right: 5px;
    height: 400px;
  }
}

.users__chats-img {
  width: 60px;
  height: 60px;
  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;
  border-radius: 5px;
  border: 1px solid #9490DB;
  background: rgba(148, 144, 219, 0.1);
}
@media (max-width: 1240px) {
  .users__chats-img {
    width: 50px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  .users__chats-img {
    width: calc(100% + 20px);
    height: 40px;
    margin-left: -10px;
    margin-right: -10px;
    border-radius: 10px 10px 0px 0px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(32, 76, 175, 0.1)), to(rgba(32, 76, 175, 0.1)));
    background: -o-linear-gradient(bottom, rgba(32, 76, 175, 0.1) 0%, rgba(32, 76, 175, 0.1) 100%);
    background: linear-gradient(0deg, rgba(32, 76, 175, 0.1) 0%, rgba(32, 76, 175, 0.1) 100%);
    border: none;
  }
}
.users__chats-img img,
.users__chats-img svg {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 1240px) {
  .users__chats-img img,
  .users__chats-img svg {
    width: 24px;
    height: 24px;
  }
}
.users__chats-img img + img,
.users__chats-img svg + svg {
  margin-left: -15px;
}
@media (max-width: 1240px) {
  .users__chats-img img + img,
  .users__chats-img svg + svg {
    margin-left: -12px;
  }
}

.users__chats-head-name {
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .users__chats-head-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .users__chats-head-name {
    font-size: 12px;
  }
}

.users__chats-info-head {
  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 (max-width: 767px) {
  .users__chats-info-head {
    display: block;
  }
}
.users__chats-info-head img,
.users__chats-info-head svg {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1240px) {
  .users__chats-info-head img,
  .users__chats-info-head svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .users__chats-info-head img,
  .users__chats-info-head svg {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.users__chats-message {
  padding-top: 10px;
  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;
}

.users__chats--status {
  width: 150px;
  margin-left: auto;
  margin-right: 0;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media (max-width: 1240px) {
  .users__chats--status {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .users__chats--status {
    margin-top: 7px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 0;
    margin-right: auto;
  }
}

.users__chats-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}
@media (max-width: 992px) {
  .users__chats-container {
    gap: 5px;
  }
}
.users__chats-container img,
.users__chats-container svg {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  top: -4px;
}
@media (max-width: 1240px) {
  .users__chats-container img,
  .users__chats-container svg {
    width: 18px;
    height: 18px;
    top: -2px;
  }
}

.users__chats-name {
  color: #204CAF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media screen and (max-width: 1240px) {
  .users__chats-name {
    font-size: 12px;
  }
}

.users__chats-text {
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media screen and (max-width: 1240px) {
  .users__chats-text {
    font-size: 12px;
  }
}

.users__chats-wrapp {
  padding: 15px 30px 20px 20px;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
  background: #fff;
  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: 20px;
}
@media (max-width: 992px) {
  .users__chats-wrapp {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .users__chats-wrapp {
    display: block;
  }
}
.users__chats-wrapp::after, .users__chats-wrapp::before {
  background: #fff;
}
@media (max-width: 1240px) {
  .users__chats-wrapp {
    padding: 15px 15px 20px 15px;
  }
}
@media (max-width: 767px) {
  .users__chats-wrapp {
    padding: 0 10px 15px 10px;
  }
}

.users__chats-coll {
  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;
  gap: 20px;
}
@media (max-width: 1240px) {
  .users__chats-coll {
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .users__chats-coll {
    display: block;
  }
}

@media (max-width: 767px) {
  .users__chats-info {
    margin-top: 15px;
  }
}

.users-tab-notific-btn {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .users-tab-notific-btn {
    width: 100%;
  }
}

.examination-grid {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1440px) {
  .examination-grid {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 680px) {
  .examination-grid {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.examination-homework-cart-wrapp {
  border-radius: 14px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  padding: 15px 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr auto 410px;
  grid-template-columns: auto 1fr auto 410px;
      grid-template-areas: "bank-homework-cart-img bank-homework-cart-subject examination__homework-status bank-homework-cart-info ";
}
.examination-homework-cart-wrapp:nth-child(1) {
  margin-top: 0;
}
.examination-homework-cart-wrapp .bank-homework-cart-list-text span {
  color: #313233;
}
.examination-homework-cart-wrapp .bank-homework-cart-list-text .green {
  color: #62973a;
}
.examination-homework-cart-wrapp .bank-homework-cart-list-text .red {
  color: #f50000;
}
@media (hover: hover) {
  .examination-homework-cart-wrapp:hover {
    background: #fff;
  }
  .examination-homework-cart-wrapp:hover::after, .examination-homework-cart-wrapp:hover::before {
    background: none;
  }
}
@media (hover: none) {
  .examination-homework-cart-wrapp:active {
    background: #fff;
  }
  .examination-homework-cart-wrapp:active::after, .examination-homework-cart-wrapp:active::before {
    background: none;
  }
}
@media (max-width: 1680px) {
  .examination-homework-cart-wrapp {
    -ms-grid-columns: auto 1fr auto 320px;
    grid-template-columns: auto 1fr auto 320px;
  }
}
@media (max-width: 1440px) {
  .examination-homework-cart-wrapp {
    -ms-grid-columns: auto 1fr auto 280px;
    grid-template-columns: auto 1fr auto 280px;
  }
}
@media (max-width: 1240px) {
  .examination-homework-cart-wrapp {
    -ms-grid-columns: auto 1fr auto 290px;
    grid-template-columns: auto 1fr auto 290px;
  }
  .examination-homework-cart-wrapp .bank-homework-cart-user {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .examination-homework-cart-wrapp .bank-homework-cart-user-name,
  .examination-homework-cart-wrapp .classes-user-type {
    text-align: right;
  }
}
@media (max-width: 1080px) {
  .examination-homework-cart-wrapp {
    -ms-grid-columns: auto 1fr auto 260px;
    grid-template-columns: auto 1fr auto 260px;
  }
}
@media (max-width: 992px) {
  .examination-homework-cart-wrapp {
    padding: 15px;
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
        grid-template-areas: "bank-homework-cart-img bank-homework-cart-subject examination__homework-status" " bank-homework-cart-img bank-homework-cart-info bank-homework-cart-info";
  }
  .examination-homework-cart-wrapp .bank-homework-cart-user {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .examination-homework-cart-wrapp .bank-homework-cart-user-name,
  .examination-homework-cart-wrapp .classes-user-type {
    text-align: left;
  }
  .examination-homework-cart-wrapp > .bank-homework-cart-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .examination-homework-cart-wrapp > .bank-homework-cart-subject {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .examination-homework-cart-wrapp > .bank-homework-cart-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
}
@media (max-width: 767px) {
  .examination-homework-cart-wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
        grid-template-areas: "bank-homework-cart-img " "bank-homework-cart-subject " "examination__homework-status " "bank-homework-cart-info  ";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 10px;
    padding: 0 10px 15px 10px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    border-radius: 1px solid #ebebeb;
  }
  .examination-homework-cart-wrapp .bank-homework-cart-img {
    border-radius: 10px 10px 0 0;
  }
  .examination-homework-cart-wrapp > .bank-homework-cart-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .examination-homework-cart-wrapp > .bank-homework-cart-subject {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .examination-homework-cart-wrapp > .bank-homework-cart-info {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}

.examination__homework-status {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: examination__homework-status;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 767px) {
  .examination__homework-status {
    margin-top: 10px;
  }
}

.examination-homework--grid {
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
}
@media (max-width: 767px) {
  .examination-homework--grid {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.exam-title {
  display: block;
}

.exam-title-link {
  display: inline;
}

.exam-title {
  color: #f50000;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .exam-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .exam-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .exam-title {
    font-size: 16px;
  }
}

.exam-title-span {
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.exam-title-span-test {
  color: #f33db5;
}

.exam-title-link {
  color: #313233;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  transition: 0.4s;
}
.exam-title-link span {
  color: #204caf;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 572px) {
  .exam-title-link {
    display: block;
    padding-top: 5px;
  }
}

@media (hover: hover) {
  .--hover.exam-title-link:hover {
    color: #0faeff;
  }
  .--hover.exam-title-link:hover span {
    color: #0faeff;
  }
}
@media (hover: none) {
  .--hover.exam-title-link:active {
    color: #0faeff;
  }
  .--hover.exam-title-link:active span {
    color: #0faeff;
  }
}

.exam__ball {
  margin-top: 30px;
  color: #204caf;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .exam__ball {
    font-size: 18px;
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .exam__ball {
    margin-top: 15px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .exam__ball {
    font-size: 14px;
  }
}

.exam__wrapp {
  margin-top: 30px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  padding: 25px;
}
@media (max-width: 1680px) {
  .exam__wrapp {
    padding: 20px;
    border-radius: 15px;
  }
}
@media (max-width: 767px) {
  .exam__wrapp {
    margin-top: 20px;
    padding: 15px;
  }
}

.exam__wrapp + .exam__wrapp {
  margin-top: 15px;
}
@media (max-width: 1680px) {
  .exam__wrapp + .exam__wrapp {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .exam__wrapp + .exam__wrapp {
    margin-top: 20px;
  }
}

.exam__wrapp-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .exam__wrapp-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .exam__wrapp-title {
    font-size: 16px;
  }
}
.exam__wrapp-title img,
.exam__wrapp-title svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  margin-top: -4px;
}
@media (max-width: 1680px) {
  .exam__wrapp-title img,
  .exam__wrapp-title svg {
    width: 24px;
    height: 24px;
    margin-top: -3px;
  }
}
@media (max-width: 1240px) {
  .exam__wrapp-title img,
  .exam__wrapp-title svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .exam__wrapp-title img,
  .exam__wrapp-title svg {
    margin-right: 5px;
  }
}

.exam__wrapp-text {
  color: #313233;
  padding-top: 20px;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .exam__wrapp-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .exam__wrapp-text {
    font-size: 12px;
  }
}

.exam__alert-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 8px 16px;
  border-radius: 10px;
  background: rgba(243, 61, 76, 0.1);
}
.exam__alert-inner:not(:nth-child(1)) {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .exam__alert-inner:not(:nth-child(1)) {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .exam__alert-inner {
    padding: 10px;
  }
}
.exam__alert-inner img,
.exam__alert-inner svg {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1240px) {
  .exam__alert-inner img,
  .exam__alert-inner svg {
    width: 18px;
    height: 18px;
  }
}

.exam__alert-list {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .exam__alert-list {
    margin-top: 10px;
  }
}

.exam__alert-title {
  color: #f33d4c;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (max-width: 1680px) {
  .exam__alert-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .exam__alert-title {
    font-size: 12px;
  }
}

.exam__alert-text {
  color: #f33d4c;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media screen and (max-width: 1680px) {
  .exam__alert-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .exam__alert-text {
    font-size: 12px;
  }
}
.exam__alert-text a {
  color: #204caf;
  font-size: inherit;
  font-style: italic;
  font-weight: inherit;
  line-height: inherit;
  text-decoration-line: underline;
  display: inline;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .exam__alert-text a:hover {
    color: #c60d0d;
  }
}
@media (hover: none) {
  .exam__alert-text a:active {
    color: #c60d0d;
  }
}

.exam__homework-file-link {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 24px auto;
  grid-template-columns: 24px auto;
  -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: #0faeff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  text-decoration-line: underline;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.exam__homework-file-link path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .exam__homework-file-link {
    -ms-grid-columns: 20px auto;
    grid-template-columns: 20px auto;
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .exam__homework-file-link {
    -ms-grid-columns: 18px auto;
    grid-template-columns: 18px auto;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .exam__homework-file-link {
    gap: 5px;
  }
}
.exam__homework-file-link svg,
.exam__homework-file-link img {
  width: 24px;
  height: 24px;
}
@media (max-width: 1680px) {
  .exam__homework-file-link svg,
  .exam__homework-file-link img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .exam__homework-file-link svg,
  .exam__homework-file-link img {
    width: 18px;
    height: 18px;
  }
}
@media (hover: hover) {
  .exam__homework-file-link:hover {
    color: #c60d0d;
  }
  .exam__homework-file-link:hover path {
    fill: #c60d0d;
  }
}
@media (hover: none) {
  .exam__homework-file-link:active {
    color: #c60d0d;
  }
  .exam__homework-file-link:active path {
    fill: #c60d0d;
  }
}

.exam__homework-file-inner + .exam__homework-file-inner {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .exam__homework-file-inner + .exam__homework-file-inner {
    margin-top: 10px;
  }
}

.exam__homework-file-list {
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .exam__homework-file-list {
    margin-top: 20px;
  }
}

.exam__homework-wrapp {
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .exam__homework-wrapp {
    margin-top: 20px;
  }
}

.exam-line {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid rgba(116, 117, 118, 0.1);
}
@media (max-width: 1680px) {
  .exam-line {
    padding-top: 20px;
    margin-top: 20px;
  }
}

.exam-line.exam-attempt-wrapp {
  border-top: 1px solid rgba(15, 174, 255, 0.1);
}

.exam-subtitle {
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .exam-subtitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .exam-subtitle {
    font-size: 16px;
  }
}

.exam-subtitle + .exam__answer-wrapp {
  margin-top: 25px;
}
@media screen and (max-width: 1680px) {
  .exam-subtitle + .exam__answer-wrapp {
    margin-top: 20px;
  }
}

.exam__answer-wrapp + .exam__answer-wrapp {
  margin-top: 20px;
}

.exam__answer-box {
  border-radius: 15px;
  background: rgba(32, 76, 175, 0.05);
  padding: 20px;
}
@media (max-width: 1240px) {
  .exam__answer-box {
    padding: 15px;
  }
}

.exam__answer-title {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 19px auto;
  grid-template-columns: 19px auto;
  grid-row: inherit;
  -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: #0faeff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
.exam__answer-title img,
.exam__answer-title svg {
  width: 19px;
  height: 19px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1240px) {
  .exam__answer-title img,
  .exam__answer-title svg {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 1680px) {
  .exam__answer-title {
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .exam__answer-title {
    -ms-grid-columns: 16px auto;
    grid-template-columns: 16px auto;
    font-size: 14px;
  }
}

.exam__answer-text {
  padding-top: 15px;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .exam__answer-text {
    font-size: 14px;
  }
}
@media (max-width: 992px) {
  .exam__answer-text {
    font-size: 12px;
    padding-top: 10px;
  }
}

.exam__answer-subtitle {
  color: #204caf;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  padding-top: 20px;
}
@media (max-width: 1680px) {
  .exam__answer-subtitle {
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .exam__answer-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .exam__answer-subtitle {
    padding-top: 10px;
  }
}

.exam__answer-file-list {
  padding-top: 15px;
}

.exam__answer-file {
  margin-top: 0;
}
.exam__answer-file img,
.exam__answer-file svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1680px) {
  .exam__answer-file img,
  .exam__answer-file svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .exam__answer-file img,
  .exam__answer-file svg {
    width: 18px;
    height: 18px;
  }
}

.exam__answer-file + .exam__answer-file {
  margin-top: 15px;
}
@media (max-width: 1680px) {
  .exam__answer-file + .exam__answer-file {
    margin-top: 10px;
  }
}

.exam__file-text {
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media screen and (max-width: 1240px) {
  .exam__file-text {
    font-size: 14px;
  }
}

.exam__file-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px;
}

.exam-file {
  margin-top: 20px;
}
.exam-file .file__label-btn {
  margin-top: 0;
}
.exam-file .file__row-img {
  background: url("../../assets/img/icon/pdf.svg") no-repeat center center/contain !important;
}

.exam-textarea {
  margin-top: 20px;
}
.exam-textarea .textarea {
  height: 135px;
}
@media screen and (max-width: 1680px) {
  .exam-textarea .textarea {
    height: 125px;
  }
}
@media screen and (max-width: 1240px) {
  .exam-textarea .textarea {
    height: 100px;
  }
}

.exam__ball-row {
  margin-top: 20px;
  gap: 20px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  max-width: 620px;
}
@media (max-width: 1680px) {
  .exam__ball-row {
    margin-top: 15px;
  }
}
@media (max-width: 992px) {
  .exam__ball-row {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .exam__ball-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.exam-attempt-subtitle + .exam-attempt-wrapp {
  border: none;
  padding-top: 0;
}

.exam-attempt-title {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .exam-attempt-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .exam-attempt-title {
    font-size: 16px;
  }
}

.exam-attempt-title + .exam__answer-wrapp {
  margin-top: 25px;
}
@media screen and (max-width: 1680px) {
  .exam-attempt-title + .exam__answer-wrapp {
    margin-top: 20px;
  }
}

.exam__test-wrapp {
  margin-top: 0;
}
@media (max-width: 767px) {
  .exam__test-wrapp {
    margin-top: 20px;
  }
}

.exam-test {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .exam-test {
    margin-top: 20px;
    display: block;
  }
}

.exam__test-info-list {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 30px;
  width: 380px;
}
@media (max-width: 1680px) {
  .exam__test-info-list {
    width: 286px;
    margin-left: 20px;
  }
}
@media (max-width: 1240px) {
  .exam__test-info-list {
    width: 204px;
    margin-left: 15px;
  }
}
@media (max-width: 767px) {
  .exam__test-info-list {
    width: 100%;
    margin-left: 0;
  }
}

.exam__test-wrapp {
  width: 100%;
}

.exam__test-header-title {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .exam__test-header-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .exam__test-header-title {
    font-size: 16px;
  }
}

.exam__test-info-inner:not(:nth-child(1)) {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .exam__test-info-inner:not(:nth-child(1)) {
    margin-top: 20px;
  }
}

.exam__test-info-wrapp {
  border-radius: 10px;
  background: #fff;
  padding: 20px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  margin-top: 15px;
}
@media (max-width: 1680px) {
  .exam__test-info-wrapp {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .exam__test-info-wrapp {
    padding: 10px;
    margin-top: 10px;
  }
}

.exam__test-result {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
@media (max-width: 1680px) {
  .exam__test-result {
    gap: 5px;
  }
}
@media (max-width: 1240px) {
  .exam__test-result {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
@media (max-width: 767px) {
  .exam__test-result {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
}

.exam__test-result-inner {
  padding: 20px;
  border-radius: 10px;
  background: rgba(245, 0, 0, 0.05);
}
@media (max-width: 1680px) {
  .exam__test-result-inner {
    padding: 10px 15px;
  }
}
@media (max-width: 1240px) {
  .exam__test-result-inner {
    padding: 6px 15px;
  }
}

.exam__test-result-title {
  color: #747576;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .exam__test-result-title {
    font-size: 12px;
  }
}

.exam__test-resutl-header {
  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;
}
.exam__test-resutl-header img,
.exam__test-resutl-header svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .exam__test-resutl-header img,
  .exam__test-resutl-header svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .exam__test-resutl-header img,
  .exam__test-resutl-header svg {
    width: 18px;
    height: 18px;
  }
}

.exam__test-resutl-ball {
  color: #f50000;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  padding-top: 5px;
}
@media (max-width: 1680px) {
  .exam__test-resutl-ball {
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .exam__test-resutl-ball {
    font-size: 16px;
  }
}

.exam__test-result-inner.--green {
  background: rgba(144, 213, 87, 0.05);
}
.exam__test-result-inner.--green .exam__test-resutl-ball {
  color: #62973a;
}

.exam__test-result-inner.--yellow {
  background: rgba(243, 156, 56, 0.05);
}
.exam__test-result-inner.--yellow .exam__test-resutl-ball {
  color: #f39c38;
}

.exam__test-result-inner.--blue {
  background: rgba(32, 76, 175, 0.05);
}
.exam__test-result-inner.--blue .exam__test-resutl-ball {
  color: #204caf;
}

.exam__test-questions-num {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  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: #fff;
  color: #0faeff;
  padding: 0;
  text-align: center;
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.15);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.15);
}
.exam__test-questions-num::after, .exam__test-questions-num::before {
  background: #fff;
}
@media (max-width: 1240px) {
  .exam__test-questions-num::after, .exam__test-questions-num::before {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .exam__test-questions-num::after, .exam__test-questions-num::before {
    opacity: 1;
  }
}
@media screen and (max-width: 1680px) {
  .exam__test-questions-num {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .exam__test-questions-num {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .exam__test-questions-num {
    width: 28px;
    height: 25px;
  }
}
@media (hover: hover) {
  .exam__test-questions-num:hover {
    background: #fff;
    color: #0faeff;
  }
  .exam__test-questions-num:hover::after, .exam__test-questions-num:hover::before {
    background: #fff;
  }
}
@media (hover: none) {
  .exam__test-questions-num:active {
    background: #fff;
    color: #0faeff;
  }
  .exam__test-questions-num:active::after, .exam__test-questions-num:active::before {
    background: #fff;
  }
}

.exam__test-questions-num.--green {
  color: #62973a;
  background: #eff4eb;
}
.exam__test-questions-num.--green::after, .exam__test-questions-num.--green::before {
  background: #eff4eb;
}
@media (hover: hover) {
  .exam__test-questions-num.--green:hover {
    background: #eff4eb;
  }
  .exam__test-questions-num.--green:hover::after, .exam__test-questions-num.--green:hover::before {
    background: #eff4eb;
  }
}
@media (hover: none) {
  .exam__test-questions-num.--green:active {
    background: #eff4eb;
  }
  .exam__test-questions-num.--green:active::after, .exam__test-questions-num.--green:active::before {
    background: #eff4eb;
  }
}

.exam__test-questions-num.--red {
  background: #fde5e5;
  color: #f50000;
}
.exam__test-questions-num.--red::after, .exam__test-questions-num.--red::before {
  background: #fde5e5;
}
@media (hover: hover) {
  .exam__test-questions-num.--red:hover {
    background: #fde5e5;
    color: #f50000;
  }
  .exam__test-questions-num.--red:hover::after, .exam__test-questions-num.--red:hover::before {
    background: #fde5e5;
  }
}
@media (hover: none) {
  .exam__test-questions-num.--red:active {
    background: #fde5e5;
    color: #f50000;
  }
  .exam__test-questions-num.--red:active::after, .exam__test-questions-num.--red:active::before {
    background: #fde5e5;
  }
}

.exam__test-questions-num.--blue {
  background: #10aefe;
  color: #fff;
}
.exam__test-questions-num.--blue::after, .exam__test-questions-num.--blue::before {
  background: #10aefe;
}
@media (hover: hover) {
  .exam__test-questions-num.--blue:hover {
    background: #10aefe;
    color: #fff;
  }
  .exam__test-questions-num.--blue:hover::after, .exam__test-questions-num.--blue:hover::before {
    background: #10aefe;
  }
}
@media (hover: none) {
  .exam__test-questions-num.--blue:active {
    background: #10aefe;
    color: #fff;
  }
  .exam__test-questions-num.--blue:active::after, .exam__test-questions-num.--blue:active::before {
    background: #10aefe;
  }
}

.exam__test-questions {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[7];
  grid-template-columns: repeat(7, 1fr);
  gap: 10px;
}
@media (max-width: 1680px) {
  .exam__test-questions {
    gap: 10px 5px;
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 1240px) {
  .exam__test-questions {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 767px) {
  .exam__test-questions {
    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;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.exam__questions-list {
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .exam__questions-list {
    margin-top: 20px;
  }
}

.exam__questions-inner:not(:nth-child(1)) {
  margin-top: 45px;
}
@media (max-width: 1680px) {
  .exam__questions-inner:not(:nth-child(1)) {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .exam__questions-inner:not(:nth-child(1)) {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .exam__questions-inner:not(:nth-child(1)) {
    margin-top: 10px;
  }
}

.exam__questions-inner {
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  padding: 25px;
}
@media (max-width: 1680px) {
  .exam__questions-inner {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .exam__questions-inner {
    padding: 10px;
  }
}

.exam__questions-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #f33db5;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .exam__questions-head {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .exam__questions-head {
    font-size: 16px;
  }
}
.exam__questions-head img,
.exam__questions-head svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 26px;
  height: 26px;
  margin-right: 10px;
  margin-top: -4px;
}
@media (max-width: 1680px) {
  .exam__questions-head img,
  .exam__questions-head svg {
    width: 20px;
    height: 20px;
    margin-top: -3px;
  }
}

.exam__questionsb-body {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .exam__questionsb-body {
    margin-top: 20px;
  }
}

.exam__questionsb-text {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1680px) {
  .exam__questionsb-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .exam__questionsb-text {
    font-size: 14px;
  }
}

.exam__result-list {
  margin-top: 20px;
}

.exam__result-inner {
  display: block;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  position: relative;
  padding: 10px 10px 10px 44px;
}
.exam__result-inner:not(:nth-child(1)) {
  margin-top: 5px;
}
@media (max-width: 1680px) {
  .exam__result-inner {
    font-size: 16px;
    padding: 10px 10px 10px 40px;
  }
}
@media (max-width: 1240px) {
  .exam__result-inner {
    font-size: 14px;
  }
}
.exam__result-inner:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  background: url("../../assets/img/icon/radio.svg") no-repeat center center/contain;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1680px) {
  .exam__result-inner:after {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .exam__result-inner:after {
    width: 18px;
    height: 18px;
  }
}

.exam__result-inner.--right {
  color: #62973a;
}
.exam__result-inner.--right:after {
  background: url("../../assets/img/icon/radio-right.svg") no-repeat center center/contain;
}

.exam__result-inner.--correct-answer {
  color: #62973a;
}
.exam__result-inner.--correct-answer:after {
  background: url("../../assets/img/icon/correct-answer.svg") no-repeat center center/contain;
}

.exam__result-inner.--wrong {
  color: #f50000;
}
.exam__result-inner.--wrong:after {
  background: url("../../assets/img/icon/radio-wrong.svg") no-repeat center center/contain;
}

.exam__result {
  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: 60px;
  border-radius: 10px;
  background: rgba(144, 213, 87, 0.1);
  margin-top: 10px;
  color: #62973a;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .exam__result {
    font-size: 18px;
    height: 50px;
  }
}
@media (max-width: 1240px) {
  .exam__result {
    font-size: 16px;
    height: 40px;
  }
}
.exam__result img,
.exam__result svg {
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .exam__result img,
  .exam__result svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1240px) {
  .exam__result img,
  .exam__result svg {
    width: 20px;
    height: 20px;
  }
}

.exam__result.--wrong {
  color: #f50000;
  background: rgba(245, 0, 0, 0.1);
}

.exam__questions--answer,
.exam__questionsb-img {
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .exam__questions--answer,
  .exam__questionsb-img {
    margin-top: 20px;
  }
}

.exam__questionsb-img {
  max-width: 530px;
}
.exam__questionsb-img img,
.exam__questionsb-img svg {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.exam__ball-test-row {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .exam__ball-test-row {
    gap: 15px;
  }
}

.exam__curator-row {
  margin-top: 45px;
}
@media (max-width: 1680px) {
  .exam__curator-row {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .exam__curator-row {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .exam__curator-row {
    margin-top: 10px;
  }
}

.exam__save-btn {
  margin-left: auto;
  margin-right: 0;
  margin-top: 15px;
}
@media (max-width: 1680px) {
  .exam__save-btn {
    margin-top: 20px;
  }
}
@media (max-width: 572px) {
  .exam__save-btn {
    width: 100%;
  }
}

.exam-button {
  margin-top: 15px;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 767px) {
  .exam-button {
    width: 100%;
  }
}

@media (max-width: 1680px) {
  .events-filter {
    -ms-grid-columns: 255px 255px 1fr;
    grid-template-columns: 255px 255px 1fr;
  }
  .events-filter .schedules-filte-btn {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}
@media (max-width: 1240px) {
  .events-filter {
    -ms-grid-columns: 240px 240px 1fr;
    grid-template-columns: 240px 240px 1fr;
  }
}
@media (max-width: 767px) {
  .events-filter {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

@media (max-width: 1680px) {
  .events-filter-search {
    max-width: 415px;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-column: 2/4;
  }
}
@media (max-width: 992px) {
  .events-filter-search {
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  .events-filter-search {
    max-width: 100%;
    grid-column: initial;
  }
}

.events__tabel {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .events__tabel {
    margin-top: 20px;
  }
}

.events__cart-wrapp {
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
  padding: 15px 20px 25px 20px;
  gap: 0 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 180px 20px 1fr 20px auto 20px 200px 20px 55px;
  grid-template-columns: 180px 1fr auto 200px 55px;
      grid-template-areas: "events__cart-img events__cart-info events__cart-status events__cart-visibility events__cart-menu";
}
.events__cart-wrapp::after, .events__cart-wrapp::before {
  background: #fff;
}
@media (max-width: 1680px) {
  .events__cart-wrapp {
    -ms-grid-columns: 160px 1fr 45px;
    grid-template-columns: 160px 1fr 45px;
    padding: 20px;
        grid-template-areas: "events__cart-img events__cart-info events__cart-menu" "events__cart-img events__cart-visibility events__cart-menu" "events__cart-img events__cart-status events__cart-menu";
  }
}
@media (max-width: 1240px) {
  .events__cart-wrapp {
    -ms-grid-columns: 115px 1fr 45px;
    grid-template-columns: 115px 1fr 45px;
    padding: 20px 30px 20px 20px;
    gap: 0 15px;
  }
}
@media (max-width: 767px) {
  .events__cart-wrapp {
    -ms-grid-columns: 1fr 10px 45px;
    grid-template-columns: 1fr 45px;
    padding: 10px 10px 15px 10px;
    gap: 0 10px;
    -ms-grid-rows: auto 0 auto 0 auto 0 auto;
        grid-template-areas: "events__cart-img events__cart-img" "events__cart-info events__cart-menu" "events__cart-status events__cart-menu" "events__cart-visibility events__cart-menu";
  }
}

.events__cart-img {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: events__cart-img;
}

.events__cart-info {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: events__cart-info;
}

.events__cart-status {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: events__cart-status;
}

.events__cart-visibility {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: events__cart-visibility;
}

.events__cart-menu {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
  grid-area: events__cart-menu;
}

@media (max-width: 1680px){
  .events__cart-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .events__cart-info {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .events__cart-status {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
  }
  .events__cart-visibility {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .events__cart-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
}

@media (max-width: 767px){
  .events__cart-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .events__cart-info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .events__cart-status {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }
  .events__cart-visibility {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }
  .events__cart-menu {
    -ms-grid-row: 3;
    -ms-grid-row-span: 5;
    -ms-grid-column: 3;
  }
}

.events__cart-visibility-box.--blue {
  color: #204caf;
}

.events__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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1680px) {
  .events__cart-img {
    display: block;
  }
}
.events__cart-img img,
.events__cart-img svg {
  width: 180px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 1680px) {
  .events__cart-img img,
  .events__cart-img svg {
    width: 160px;
    height: 100px;
  }
}
@media (max-width: 1240px) {
  .events__cart-img img,
  .events__cart-img svg {
    width: 113px;
    height: 71px;
  }
}
@media (max-width: 767px) {
  .events__cart-img img,
  .events__cart-img svg {
    width: 100%;
    height: auto;
    border-radius: 8px;
  }
}

.events__cart-name {
  display: block;
  overflow: visible;
  font-size: 20px;
}
@media screen and (max-width: 1680px) {
  .events__cart-name {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .events__cart-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .events__cart-name {
    font-size: 16px;
  }
}

.events-cart-list {
  padding-top: 10px;
}

@media (max-width: 992px) {
  .events-cart-list-span,
  .events-cart-list-inner {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .events-cart-list-inner {
    padding-top: 10px;
  }
}

.events__cart-status-box {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 150px;
  font-size: 14px;
}
@media (max-width: 1680px) {
  .events__cart-status-box {
    margin-top: 10px;
  }
}
@media (max-width: 1240px) {
  .events__cart-status-box {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .events__cart-status-box {
    padding: 6px;
  }
}

.events__cart-status-box.--basic {
  background: #0faeff;
  color: #fff;
}

.events__cart-visibility-box {
  font-size: 16px;
}
@media (max-width: 1680px) {
  .events__cart-visibility-box {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 10px;
  }
}
@media (max-width: 1240px) {
  .events__cart-visibility-box {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .events__cart-menu {
    display: block;
  }
}

@media (max-width: 767px) {
  .events__cart-info,
  .events__cart-menu {
    margin-top: 10px;
  }
}

.events__cart:nth-child(1) {
  margin-top: 0;
}

.events-create {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 340px 1fr;
  grid-template-columns: 340px 1fr;
  gap: 20px;
  margin-top: 30px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.6);
}
@media (max-width: 1680px) {
  .events-create {
    -ms-grid-columns: 240px 1fr;
    grid-template-columns: 240px 1fr;
  }
}
@media (max-width: 1240px) {
  .events-create {
    display: block;
  }
}
@media (max-width: 767px) {
  .events-create {
    margin-top: 20px;
  }
}

.events-create-file-title {
  font-size: 18px;
}
@media screen and (max-width: 1680px) {
  .events-create-file-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .events-create-file-title {
    font-size: 14px;
  }
}

.events__create-wrapp {
  border-radius: 15px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  padding: 40px;
  margin-bottom: 30px;
}
@media (max-width: 1680px) {
  .events__create-wrapp {
    padding: 30px;
  }
}
@media (max-width: 1240px) {
  .events__create-wrapp {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .events__create-wrapp {
    padding: 15px;
  }
}

.events-create-file {
  margin-top: 30px;
  margin-left: 30px;
}
@media (max-width: 1680px) {
  .events-create-file {
    margin: 20px 0 20px 20px;
  }
}
@media (max-width: 767px) {
  .events-create-file {
    margin: 15px;
  }
}

.events__create--row {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 260px;
  grid-template-columns: 1fr 260px;
  gap: 15px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 1240px) {
  .events__create--row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .events__create--row {
    gap: 10px;
  }
}

@media (max-width: 1240px) {
  .events__create-date {
    max-width: 240px;
  }
}
@media (max-width: 767px) {
  .events__create-date {
    max-width: 100%;
  }
}

.events__create-container {
  margin-top: 20px;
}

.events__create-textarea .textarea {
  height: 156px;
}
@media (max-width: 992px) {
  .events__create-textarea .textarea {
    height: 90px;
  }
}

.events__create-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1240px) {
  .events__create-grid {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .events__create-grid {
    gap: 10px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.events__create-save-btn {
  margin-top: 0;
}

.events__create-line {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid rgba(116, 117, 118, 0.1);
}
@media (max-width: 1680px) {
  .events__create-line {
    padding-top: 20px;
    margin-top: 20px;
  }
}

.event-card {
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  padding: 20px;
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
}
@media screen and (max-width: 1680px) {
  .event-card {
    padding: 15px;
    grid-gap: 10px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .event-card {
    padding: 12px;
    border-radius: 10px;
  }
}
.event-card.swiper-slide {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}
.event-card.swiper-slide-active, .event-card.swiper-slide-active + .swiper-slide, .event-card.swiper-slide-active + .swiper-slide + .swiper-slide {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1240px) {
  .event-card.swiper-slide-active + .swiper-slide + .swiper-slide {
    visibility: hidden;
    opacity: 0;
  }
}
@media screen and (max-width: 767px) {
  .event-card.swiper-slide-active + .swiper-slide {
    visibility: hidden;
    opacity: 0;
  }
}

.event-card__image {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  padding-top: 56.25%;
}
.event-card__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.event-card__head {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 52px;
  grid-template-columns: 1fr 52px;
  grid-gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 1680px) {
  .event-card__head {
    -ms-grid-columns: 1fr 42px;
    grid-template-columns: 1fr 42px;
  }
}
@media screen and (max-width: 1240px) {
  .event-card__head {
    margin-bottom: 5px;
    -ms-grid-columns: 1fr 36px;
    grid-template-columns: 1fr 36px;
  }
}
@media screen and (max-width: 767px) {
  .event-card__head {
    margin-bottom: 10px;
  }
}

.event-card__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .event-card__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .event-card__title {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .event-card__title {
    font-size: 18px;
  }
}

.event-card__btn {
  padding: 13px;
  width: 52px;
  height: 52px;
}
@media screen and (max-width: 1680px) {
  .event-card__btn {
    padding: 10px;
    width: 42px;
    height: 42px;
  }
}
@media screen and (max-width: 1240px) {
  .event-card__btn {
    padding: 9px;
    width: 36px;
    height: 36px;
  }
}

.event-card__datetime {
  color: #204caf;
  font-size: 16px;
  font-weight: 600;
  line-height: 104%;
  margin-bottom: 15px;
}
@media screen and (max-width: 1680px) {
  .event-card__datetime {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .event-card__datetime {
    font-size: 12px;
    margin-bottom: 10px;
  }
}

.event-card__tag-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;
  grid-gap: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 1680px) {
  .event-card__tag-list {
    grid-gap: 5px;
  }
}

.event-card__tag-item {
  background: #9490db;
  border-radius: 30px;
  padding: 6px 12px;
  color: var(--white);
  font-size: 14px;
}
@media screen and (max-width: 1680px) {
  .event-card__tag-item {
    padding: 5px 10px;
    font-size: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .event-card__tag-item {
    padding: 4px 9px;
  }
}
@media screen and (max-width: 767px) {
  .event-card__tag-item {
    font-size: 12px;
  }
}

.event-card__text {
  font-size: 16px;
  line-height: 104%;
  font-weight: 400;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1680px) {
  .event-card__text {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .event-card__text {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .event-card__text {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
  }
}
.event-card__text * {
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.notice__table-row {
  margin-top: 0;
  position: relative;
}

.notice__table-row + .notice__table-row {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .notice__table-row + .notice__table-row {
    margin-top: 12px;
  }
}

.notice__table-row {
  border-radius: 14px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  padding: 15px 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr 410px auto;
  grid-template-columns: auto 1fr 410px auto;
      grid-template-areas: "bank-homework-cart-img bank-homework-cart-subject bank-homework-cart-info bank-homework-cart-menu";
}
@media (hover: hover) {
  .notice__table-row:hover {
    background: #FFF;
  }
  .notice__table-row:hover::after, .notice__table-row:hover::before {
    background: none;
  }
}
@media (hover: none) {
  .notice__table-row:active {
    background: #FFF;
  }
  .notice__table-row:active::after, .notice__table-row:active::before {
    background: none;
  }
}
@media (max-width: 1680px) {
  .notice__table-row {
    -ms-grid-columns: auto 1fr 0.5fr auto;
    grid-template-columns: auto 1fr 0.5fr auto;
  }
}
@media (max-width: 1440px) {
  .notice__table-row {
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
        grid-template-areas: "bank-homework-cart-img bank-homework-cart-subject bank-homework-cart-menu" " bank-homework-cart-img bank-homework-cart-info bank-homework-cart-info" " bank-homework-cart-img notive__mobile notive__mobile";
  }
  .notice__table-row .bank-homework-cart-info {
    padding-left: 0;
    padding-top: 15px;
  }
  .notice__table-row .bank-homework-cart-user,
  .notice__table-row .bank-homework-cart-classes-row,
  .notice__table-row .bank-homework-cart-quantity {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .notice__table-row > .bank-homework-cart-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .notice__table-row > .bank-homework-cart-subject {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .notice__table-row > .bank-homework-cart-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .notice__table-row > .bank-homework-cart-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
}
@media (max-width: 1240px) {
  .notice__table-row {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .notice__table-row {
        grid-template-areas: "bank-homework-cart-img bank-homework-cart-img" "bank-homework-cart-subject bank-homework-cart-subject" "bank-homework-cart-info bank-homework-cart-menu" "notive__mobile notive__mobile";
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 10px;
    padding: 0 10px 15px 10px;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    border-radius: 1px solid #EBEBEB;
  }
  .notice__table-row > .bank-homework-cart-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .notice__table-row > .bank-homework-cart-subject {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .notice__table-row > .bank-homework-cart-info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .notice__table-row > .bank-homework-cart-menu {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
}

.notice__input-controll {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.notive__table-btn {
  cursor: pointer;
  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;
  color: #0FAEFF;
  cursor: pointer;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.notive__table-btn::before {
  content: "Развернуть";
}
.notive__table-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .notive__table-btn {
    font-size: 14px;
  }
}
@media (max-width: 1440px) {
  .notive__table-btn {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .notive__table-btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.notive__table-btn img,
.notive__table-btn svg {
  width: 20px;
  height: 20px;
  margin-left: 5px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (hover: hover) {
  .notive__table-btn:hover {
    color: #C60D0D;
  }
  .notive__table-btn:hover path {
    stroke: #C60D0D;
  }
}
@media (hover: none) {
  .notive__table-btn:active {
    color: #C60D0D;
  }
  .notive__table-btn:active path {
    stroke: #C60D0D;
  }
}

.notice__input-controll:checked ~ .notive__table-btn,
.notice__input-controll:checked ~ .notice__row-coll .notive__table-btn {
  color: #F33D4C;
}
.notice__input-controll:checked ~ .notive__table-btn::before,
.notice__input-controll:checked ~ .notice__row-coll .notive__table-btn::before {
  content: "Свернуть";
}
.notice__input-controll:checked ~ .notive__table-btn path,
.notice__input-controll:checked ~ .notice__row-coll .notive__table-btn path {
  stroke: #F33D4C;
}
.notice__input-controll:checked ~ .notive__table-btn svg,
.notice__input-controll:checked ~ .notive__table-btn img,
.notice__input-controll:checked ~ .notice__row-coll .notive__table-btn svg,
.notice__input-controll:checked ~ .notice__row-coll .notive__table-btn img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.notive__mobile {
  display: none;
  grid-area: notive__mobile;
}

@media (max-width: 1240px){
  .bank-homework-cart-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .bank-homework-cart-subject {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .bank-homework-cart-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .bank-homework-cart-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
}

@media (max-width: 767px){
  .bank-homework-cart-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .bank-homework-cart-subject {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .bank-homework-cart-info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .bank-homework-cart-menu {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
  .examination__homework-status {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .notive__mobile {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

@media (max-width: 992px){
  .examination__homework-status {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}

@media (max-width: 1440px){
  .notive__mobile {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
}
@media (max-width: 1440px) {
  .notive__mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 1440px) {
  .notive__desctop {
    display: none;
  }
}

.notice__user-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.notice__user-name span {
  display: block;
}
@media (max-width: 1440px) {
  .notice__user-name {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .notice__user-name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.notice__user-name-class {
  color: #204CAF;
  padding-left: 5px;
}
@media (max-width: 1440px) {
  .notice__user-name-class {
    padding-left: 0;
    padding-right: 5px;
  }
}

.notice__table-list {
  padding-top: 5px;
}
@media screen and (max-width: 1680px) {
  .notice__table-list {
    padding-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  .notice__table-list {
    padding-top: 10px;
  }
}

.notice__row-deck {
  display: none;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding-top: 5px;
}
@media screen and (max-width: 1680px) {
  .notice__row-deck {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .notice__row-deck .bank-homework-cart-list-text {
    padding-top: 5px;
  }
}

.notice__input-controll:checked ~ .notice__row-deck,
.notice__input-controll:checked ~ .notice__row-coll .notice__row-deck {
  display: -ms-grid;
  display: grid;
}
@media (max-width: 767px) {
  .notice__input-controll:checked ~ .notice__row-deck,
  .notice__input-controll:checked ~ .notice__row-coll .notice__row-deck {
    display: block;
  }
}

.notice__table {
  height: 900px;
}
@media (max-width: 1680px) {
  .notice__table {
    height: 690px;
  }
}
@media (max-width: 1240px) {
  .notice__table {
    height: 575px;
  }
}
@media (max-width: 767px) {
  .notice__table {
    height: auto;
  }
}

.chats-panel-container {
  position: relative;
}

.chats__wrapp {
  margin-top: 35px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 640px 1fr;
  grid-template-columns: 640px 1fr;
  gap: 20px;
}
@media (max-width: 1680px) {
  .chats__wrapp {
    margin-top: 30px;
    -ms-grid-columns: 470px 1fr;
    grid-template-columns: 470px 1fr;
  }
}
@media (max-width: 992px) {
  .chats__wrapp {
    display: block;
    margin-top: 0;
  }
}

.chats__left-title {
  font-family: "Lato";
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 104%;
  color: #313233;
}
@media screen and (max-width: 1680px) {
  .chats__left-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .chats__left-title {
    font-size: 16px;
  }
}

.chats__left-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;
}
.chats__left-head img,
.chats__left-head svg {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1680px) {
  .chats__left-head img,
  .chats__left-head svg {
    width: 18px;
    height: 18px;
  }
}

.chats__left {
  padding: 20px 20px 30px;
  background: #FFFFFF;
  border-radius: 15px;
}
@media (max-width: 1680px) {
  .chats__left {
    padding: 20px 15px 30px;
  }
}
@media (max-width: 992px) {
  .chats__left {
    margin-top: 30px;
  }
}

.chats__left-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: 20px;
  margin-top: 20px;
}
@media (max-width: 1680px) {
  .chats__left-row {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .chats__left-row {
    gap: 7px;
  }
}

.chats__left-menu .menu-button {
  width: 52px;
  height: 48px;
}
.chats__left-menu .menu-button img,
.chats__left-menu .menu-button svg {
  width: 55%;
  height: 55%;
}
@media screen and (max-width: 1680px) {
  .chats__left-menu .menu-button {
    height: 38px;
    width: 42px;
  }
}
@media screen and (max-width: 1240px) {
  .chats__left-menu .menu-button {
    width: 36px;
    height: 32px;
  }
}

.chats__left-wrapp {
  margin-top: 20px;
  overflow: auto;
  padding-right: 15px;
  height: calc(100vh - 360px);
}
@media (max-width: 1680px) {
  .chats__left-wrapp {
    height: calc(100vh - 315px);
  }
}
@media (max-width: 1240px) {
  .chats__left-wrapp {
    height: calc(100vh - 360px);
  }
}

.chats__box {
  padding: 2px;
  border-radius: 10px;
  background: #EBEBEB;
  cursor: pointer;
  isolation: isolate;
  position: relative;
}
.chats__box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F33DB5), to(#30AEFD));
  background: -o-linear-gradient(top, #F33DB5 0, #30AEFD 100%);
  background: linear-gradient(180deg, #F33DB5 0, #30AEFD 100%);
  opacity: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .chats__box:hover .chats__box-wrapp {
    background: #F4F6FB;
  }
  .chats__box:hover::after {
    opacity: 1;
  }
}
@media (hover: none) {
  .chats__box:active .chats__box-wrapp {
    background: #F4F6FB;
  }
  .chats__box:active::after {
    opacity: 1;
  }
}

.chats__box-wrapp {
  background: #fff;
  padding: 15px;
  border-radius: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .chats__box-wrapp {
    padding: 0 10px 15px 10px;
  }
}

.chats__box.--active .chats__box-wrapp {
  background: #F4F6FB;
}
.chats__box.--active::after {
  opacity: 1;
}

.chats__box + .chats__box {
  margin-top: 20px;
}
@media (max-width: 1680px) {
  .chats__box + .chats__box {
    margin-top: 15px;
  }
}

.chats__box-classes {
  margin-left: 60px;
}
@media (max-width: 1680px) {
  .chats__box-classes {
    margin-left: 30px;
  }
}
@media (max-width: 350px) {
  .chats__box-classes {
    margin-left: 15px;
  }
}

.chats__box-footer {
  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;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .chats__box-footer {
    margin-top: 0;
    display: block;
  }
}

.chats__box-status {
  margin-left: auto;
  margin-right: 0;
  width: 150px;
  height: 27px;
}
@media (max-width: 1680px) {
  .chats__box-status {
    font-size: 12px;
    height: 24px;
  }
}
@media (max-width: 767px) {
  .chats__box-status {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    margin-left: 0;
    margin-right: auto;
    margin-top: 10px;
  }
}

.chats__footer-users-num {
  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) {
  .chats__footer-users-num {
    padding-top: 10px;
  }
}

.chats__footer-users-img {
  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-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}
.chats__footer-users-img img,
.chats__footer-users-img svg {
  border-radius: 50%;
  overflow: hidden;
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
  flex-shrink: 0;
}
.chats__footer-users-img img,
.chats__footer-users-img svg {
  width: 30px;
  height: 30px;
}
@media (max-width: 1680px) {
  .chats__footer-users-img img,
  .chats__footer-users-img svg {
    width: 28px;
    height: 28px;
  }
}
.chats__footer-users-img img + img,
.chats__footer-users-img svg + svg {
  margin-left: -10px;
}

.chats__footer-users-text {
  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 104%;
  color: #313233;
}
@media screen and (max-width: 1680px) {
  .chats__footer-users-text {
    font-size: 14px;
  }
}

.chats__box-header-message-text {
  word-break: break-all;
  line-height: 120%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.chats__box-header-message-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;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  margin-right: 0;
}
.chats__box-header-message-coll img {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  top: 0;
}
@media (max-width: 1680px) {
  .chats__box-header-message-coll img {
    width: 20px;
    height: 20px;
  }
}

.chats__box-header-message-num {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
  min-width: 20px;
  height: 20px;
  flex-shrink: 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;
  padding: 1px 3px;
  background: #F33D4C;
  border-radius: 50%;
  overflow: hidden;
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-align: center;
  color: #FFFFFF;
}

.chats__box-header-name {
  word-break: break-all;
  line-height: 120%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media (max-width: 1680px) {
  .chats__box-header-img {
    width: 50px;
    height: 50px;
  }
  .chats__box-header-img img,
  .chats__box-header-img svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 767px) {
  .chats__box-header-img {
    width: calc(100% + 20px);
    height: 40px;
  }
}

.chats__box-header-message-name,
.chats__box-header-message-text {
  font-size: 16px;
}
@media (max-width: 1680px) {
  .chats__box-header-message-name,
  .chats__box-header-message-text {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .chats__box-header-message-name,
  .chats__box-header-message-text {
    font-size: 12px;
    line-height: 130%;
  }
}

@media (max-width: 1680px) {
  .chats__box-header {
    gap: 0 10px;
  }
}

.chats__box-header-info {
  width: 100%;
}

.chats__box-header-class-info {
  width: 60px;
  height: 60px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 24px;
}
@media (max-width: 1680px) {
  .chats__box-header-class-info {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .chats__box-header-class-info {
    width: calc(100% + 20px);
    margin-top: 0;
    height: 50px;
  }
}

.chats__box-header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 104%;
  color: #313233;
}
@media screen and (max-width: 1680px) {
  .chats__box-header-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .chats__box-header-title {
    font-size: 12px;
  }
}

.chats__box-header-title-class,
.chats__box-header-title-name {
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
  color: inherit;
}

.chats__box-header-title-class {
  color: #1D60C6;
  padding-right: 5px;
}

.chats-right-mobile {
  display: none;
}
@media (max-width: 992px) {
  .chats-right-mobile {
    display: block;
  }
}

@media (max-width: 992px) {
  .chats-right {
    display: none;
  }
}

.chats-right.--active {
  display: block;
}

.chats-right {
  background: #F7FCFF;
}
@media (max-width: 992px) {
  .chats-right {
    background: none;
  }
}

.chats__right-header-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;
  gap: 15px;
}
@media (max-width: 1680px) {
  .chats__right-header-coll {
    gap: 10px;
  }
}
@media (max-width: 992px) {
  .chats__right-header-coll {
    display: none;
  }
}

.chats-right-panel {
  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: 15px;
}
.chats-right-panel .chats__box-header-class-info {
  width: 50px;
  height: 50px;
}
@media (max-width: 767px) {
  .chats-right-panel .chats__box-header-class-info {
    margin-left: 0;
  }
}

.chat__message {
  position: relative;
}

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

.chats__right-header-title {
  font-size: 16px;
}

.chats__right-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;
  background: rgba(255, 255, 255, 0.7);
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
  border-radius: 10px;
  padding: 15px;
}
@media (max-width: 1830px) {
  .chats__right-header {
    display: block;
  }
}
@media (max-width: 992px) {
  .chats__right-header {
    padding: 0;
    background: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.chats__dell-block {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 15px;
  display: none;
  -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: 1830px) {
  .chats__dell-block {
    margin-left: 0;
    margin-top: 15px;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 992px) {
  .chats__dell-block {
    margin-top: 0;
    padding: 15px;
    background: rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
            box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
    border-radius: 10px;
  }
}

.chats__dell-block.--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 992px) {
  .chats__right-wrapper {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .chats__right-wrapper {
    margin-top: 20px;
  }
}

.chtats__dell-row {
  -ms-flex-negative: 0;
      flex-shrink: 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;
  margin-left: 20px;
}

.chtats__dell-info {
  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 104%;
  color: #313233;
}
.chtats__dell-info span {
  color: #F33D4C;
}
@media screen and (max-width: 1240px) {
  .chtats__dell-info {
    font-size: 14px;
  }
}

.chats__btn-rezet {
  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: 10px;
  width: 20px;
  height: 20px;
}
.chats__btn-rezet img,
.chats__btn-rezet svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.chats__btn-rezet path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1240px) {
  .chats__btn-rezet {
    width: 18px;
    height: 18px;
  }
}
@media (hover: hover) {
  .chats__btn-rezet:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .chats__btn-rezet:active path {
    fill: #C60D0D;
  }
}

.chats-right-time-wrapp {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.chats-right-mobile-row {
  padding-top: 20px;
}
@media (max-width: 767px) {
  .chats-right-mobile-row {
    padding-top: 10px;
  }
}

@media (max-width: 767px) {
  .chats__right-header-title {
    display: block;
  }
}

.chats__right-wrapper {
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
}

@media (max-width: 992px) {
  .chats-panel-deactive .panel__right-head,
  .chats-panel-deactive .chats__left {
    display: none;
  }
  .chats-panel-deactive .chats-right-mobile-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 767px) {
  .chats-panel-deactive .chats-right-mobile-row {
    display: -ms-grid;
    display: grid;
  }
}

.chat__message--container {
  position: relative;
  cursor: pointer;
}

.chats__right-padding + .chats__right-padding {
  margin-top: 20px;
}

.chats__right-date {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 104%;
  text-align: center;
  color: #747576;
  padding-left: 25px;
}
@media screen and (max-width: 1680px) {
  .chats__right-date {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .chats__right-date {
    font-size: 12px;
  }
}
@media (max-width: 1680px) {
  .chats__right-date {
    padding-left: 15px;
  }
}

.chat__message-img {
  width: 45px;
  height: 45px;
  -ms-flex-negative: 0;
      flex-shrink: 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 (max-width: 767px) {
  .chat__message-img {
    width: 32px;
    height: 32px;
  }
}
.chat__message-img img,
.chat__message-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}

.chat__message {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 45px 1fr;
  grid-template-columns: 45px 1fr;
  gap: 15px;
}
@media (max-width: 1680px) {
  .chat__message {
    gap: 10px;
  }
}

.chat__message-name {
  display: inline-block;
  font-family: "Lato";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 107%;
  color: #242323;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .chat__message-name:hover {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .chat__message-name:active {
    color: #0FAEFF;
  }
}

.chat__message-text-container {
  border-radius: 10px;
  background: #E8ECFA;
  padding: 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .chat__message-text-container {
    padding: 10px;
  }
}
@media (hover: hover) {
  .chat__message-text-container:hover {
    background: #0FAEFF;
  }
  .chat__message-text-container:hover .chat__message--text {
    color: #fff;
  }
  .chat__message-text-container:hover .chat__message-link-text {
    color: #fff;
  }
}
@media (hover: none) {
  .chat__message-text-container:active {
    background: #0FAEFF;
  }
  .chat__message-text-container:active .chat__message--text {
    color: #fff;
  }
  .chat__message-text-container:active .chat__message-link-text {
    color: #fff;
  }
}

.chat__message--container {
  display: block;
}

.chat__messate-input:checked ~ .chat__message-text-row {
  background: #EDF3FB;
}
.chat__messate-input:checked ~ .chat__message-text-row .chat__message-text-container {
  background: #0FAEFF;
}
.chat__messate-input:checked ~ .chat__message-text-row .chat__message--text {
  color: #fff;
}
.chat__messate-input:checked ~ .chat__message-text-row .file__row--name {
  color: #fff;
}

.chat__message-text-row {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.chat__message--text {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  font-family: "Lato";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #242323;
}
@media screen and (max-width: 1680px) {
  .chat__message--text {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .chat__message--text {
    font-size: 12px;
  }
}

.chat__message-file-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 20px;
  gap: 20px 15px;
}
@media (max-width: 1680px) {
  .chat__message-file-list {
    padding-top: 15px;
    display: block;
  }
}

.chat__message-file-inner {
  margin-top: 0;
}
.chat__message-file-inner img,
.chat__message-file-inner svg {
  width: 24px;
  height: 24px;
}
@media (max-width: 1680px) {
  .chat__message-file-inner img,
  .chat__message-file-inner svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .chat__message-file-inner img,
  .chat__message-file-inner svg {
    width: 16px;
    height: 16px;
  }
}
.chat__message-file-inner .file__row--name {
  font-size: 18px;
}
@media (max-width: 1680px) {
  .chat__message-file-inner .file__row--name {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .chat__message-file-inner .file__row--name {
    font-size: 12px;
  }
}
@media (max-width: 1680px) {
  .chat__message-file-inner .file__row--btn {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .chat__message-file-inner .file__row--btn {
    width: 16px;
    height: 16px;
  }
}

.chat__message-file-inner + .chat__message-file-inner {
  margin-top: 0;
}
@media (max-width: 1680px) {
  .chat__message-file-inner + .chat__message-file-inner {
    margin-top: 10px;
  }
}

.chat__message-time-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;
  padding-top: 10px;
}
.chat__message-time-row img,
.chat__message-time-row svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
}
@media (max-width: 1680px) {
  .chat__message-time-row img,
  .chat__message-time-row svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .chat__message-time-row img,
  .chat__message-time-row svg {
    width: 16px;
    height: 16px;
  }
}

.chat__message-time {
  font-family: "Lato";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 107%;
  color: #918888;
}
@media screen and (max-width: 1680px) {
  .chat__message-time {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .chat__message-time {
    font-size: 12px;
  }
}

.chats__right-wrapp {
  padding-right: 25px;
  margin: 34px 20px 20px 20px;
  height: calc(100vh - 360px);
  overflow: auto;
}
@media (max-width: 1680px) {
  .chats__right-wrapp {
    height: calc(100vh - 315px);
    margin: 35px 10px 15px 10px;
    padding-right: 15px;
  }
}
@media (max-width: 1240px) {
  .chats__right-wrapp {
    height: calc(100vh - 360px);
  }
}
@media (max-width: 992px) {
  .chats__right-wrapp {
    margin: 20px 15px 15px 15px;
  }
}
@media (max-width: 767px) {
  .chats__right-wrapp {
    margin: 20px 15px 15px 15px;
  }
}

.unloading__wrapp {
  margin-top: 35px;
}
@media screen and (max-width: 1680px) {
  .unloading__wrapp {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .unloading__wrapp {
    margin-top: 20px;
  }
}

.unloading__title {
  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;
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .unloading__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .unloading__title {
    font-size: 16px;
  }
}

.unloading__toolitip {
  width: 20px;
  height: 20px;
  margin-left: 10px;
}

.unloading__text {
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
  padding-top: 10px;
}
@media screen and (max-width: 1680px) {
  .unloading__text {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .unloading__text {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .unloading__text {
    padding-top: 5px;
  }
}

.unloading__wrapp-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  padding-top: 15px;
  gap: 20px 15px;
}
@media (max-width: 1680px) {
  .unloading__wrapp-row {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .unloading__wrapp-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

.unloading__btn {
  margin-left: auto;
  margin-right: 0;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .unloading__btn {
    width: 100%;
  }
}

.unloading__panel-right {
  min-height: auto;
  padding-bottom: 30px;
}

.home__running-line {
  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;
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .home__running-line {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .home__running-line {
    margin-top: 15px;
  }
}
.home__running-line img,
.home__running-line svg {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .home__running-line img,
  .home__running-line svg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }
}

.home__marquee-text {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-animation: marquee 50s linear infinite;
          animation: marquee 50s linear infinite;
  display: block;
  white-space: nowrap;
  color: #204caf;
  font-size: 20px;
  font-style: italic;
  font-weight: 600;
  line-height: 104%;
  text-decoration-line: underline;
}
@media screen and (max-width: 1680px) {
  .home__marquee-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .home__marquee-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .home__marquee-text {
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .home__marquee-text {
    -webkit-animation-duration: 40s;
            animation-duration: 40s;
  }
}
@media (max-width: 767px) {
  .home__marquee-text {
    -webkit-animation-duration: 25s;
            animation-duration: 25s;
  }
}

.home__marquee {
  width: 100%;
  overflow: hidden;
}

@-webkit-keyframes marquee {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes marquee {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.home__panel-title img,
.home__panel-title svg {
  width: 40px;
  height: 40px;
  margin-right: 0;
  margin-left: 15px;
}
@media (max-width: 1680px) {
  .home__panel-title img,
  .home__panel-title svg {
    width: 32px;
    height: 32px;
  }
}
@media (max-width: 1240px) {
  .home__panel-title img,
  .home__panel-title svg {
    width: 28px;
    height: 28px;
    margin-left: 10px;
  }
}
@media (max-width: 767px) {
  .home__panel-title img,
  .home__panel-title svg {
    width: 24px;
    height: 24px;
  }
}

.home__panel-right {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(100% - 400px) 380px;
  grid-template-columns: calc(100% - 400px) 380px;
  gap: 20px;
  padding: 0;
}
@media (max-width: 1680px) {
  .home__panel-right {
    -ms-grid-columns: calc(100% - 300px) 285px;
    grid-template-columns: calc(100% - 300px) 285px;
    gap: 15px;
  }
}
@media (max-width: 992px) {
  .home__panel-right {
    -ms-grid-columns: calc(100% - 245px) 235px;
    grid-template-columns: calc(100% - 245px) 235px;
    gap: 0 10px;
  }
}
@media (max-width: 767px) {
  .home__panel-right {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    padding: 15px 20px 20px 20px;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
        grid-template-areas: "home__panel-header" "home__aside-right" "home__panel-body";
  }
}

.home__aside-left {
  padding: 30px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
}
@media (max-width: 1680px) {
  .home__aside-left {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1240px) {
  .home__aside-left {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .home__aside-left {
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
    padding: 0;
    display: contents;
  }
}

@media (max-width: 767px) {
  .home__panel-header {
    grid-area: home__panel-header;
  }
  .home__panel-body {
    grid-area: home__panel-body;
  }
  .home__aside-right {
    grid-area: home__aside-right;
  }
}

@media (max-width: 767px){
  .home__panel-header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .home__panel-body {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .home__aside-right {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
}
.home__user-foto {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
}
.home__user-foto img,
.home__user-foto svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1680px) {
  .home__user-foto {
    border: 3px solid #fff;
  }
}
@media (max-width: 767px) {
  .home__user-foto {
    border: 2px solid #fff;
  }
}

.home__user-foto-wrapp {
  border-radius: 50%;
  padding: 5px;
  background: -o-linear-gradient(281deg, #8aba65 -11.33%, #30aefd 95.19%);
  background: linear-gradient(169deg, #8aba65 -11.33%, #30aefd 95.19%);
  width: 95px;
  height: 95px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  margin-right: 20px;
}
.home__user-foto-wrapp::after {
  content: "";
  width: 11px;
  height: 11px;
  background: url("../../assets/img/gif/heart-bottom.gif") no-repeat center center/contain;
  position: absolute;
  left: 0;
  bottom: 0;
  -webkit-transform: translate(100%, 100%);
      -ms-transform: translate(100%, 100%);
          transform: translate(100%, 100%);
}
.home__user-foto-wrapp::before {
  content: "";
  width: 15px;
  height: 15px;
  background: url("../../assets/img/gif/heart-top.gif") no-repeat center center/contain;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translate(50%, 0%);
      -ms-transform: translate(50%, 0%);
          transform: translate(50%, 0%);
}
@media (max-width: 1680px) {
  .home__user-foto-wrapp {
    width: 70px;
    height: 70px;
    padding: 3px;
    margin-right: 14px;
  }
}
@media (max-width: 1240px) {
  .home__user-foto-wrapp {
    width: 55px;
    height: 55px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .home__user-foto-wrapp {
    width: 65px;
    height: 65px;
  }
}

.home__user-child-foto::after {
  background: url("../../assets/img/icon/star-photo-bottom.svg") no-repeat center center/contain;
}
.home__user-child-foto::before {
  background: url("../../assets/img/icon/star-photo-top.svg") no-repeat center center/contain;
}

.home__user-name {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .home__user-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .home__user-name {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .home__user-name {
    font-size: 14px;
  }
}

.home__user-id {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 35px;
  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: 9px 18px;
  border-radius: 30px;
  background: rgba(243, 61, 76, 0.15);
  color: #f33d4c;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  margin-top: 15px;
}
@media (max-width: 1680px) {
  .home__user-id {
    margin-top: 10px;
    padding: 8px 16px;
    height: 28px;
    font-size: 12px;
  }
}
@media (max-width: 1240px) {
  .home__user-id {
    height: 22px;
    padding: 6px 12px;
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .home__user-id {
    font-size: 12px;
  }
}

.home__user {
  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;
}

.home__aside-right {
  padding: 30px 20px 30px 0;
}
@media (max-width: 1680px) {
  .home__aside-right {
    padding: 20px 15px 20px 0;
  }
}
@media (max-width: 1240px) {
  .home__aside-right {
    padding: 10px 10px 10px 0;
  }
}
@media (max-width: 767px) {
  .home__aside-right {
    padding: 0;
    margin-top: 20px;
  }
}

.home__notific-box {
  margin-top: 30px;
  padding: 20px;
  border-radius: 15px;
  background: #fff;
}
@media (max-width: 1680px) {
  .home__notific-box {
    margin-top: 20px;
    padding: 15px;
  }
}
@media (max-width: 1240px) {
  .home__notific-box {
    margin-top: 15px;
    padding: 12px;
    border-radius: 10px;
  }
}
@media (max-width: 767px) {
  .home__notific-box {
    margin-top: 20px;
  }
}

.home__notific-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;
}
.home__notific-header img,
.home__notific-header svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 31px;
  height: 31px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .home__notific-header img,
  .home__notific-header svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1240px) {
  .home__notific-header img,
  .home__notific-header svg {
    width: 20px;
    height: 20px;
  }
}

.home__notific-header-title {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .home__notific-header-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .home__notific-header-title {
    font-size: 16px;
  }
}

.home__notific-container {
  border-radius: 10px;
  background: #fff;
  padding: 15px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 38px 1fr;
  grid-template-columns: 38px 1fr;
  gap: 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}
@media (max-width: 1680px) {
  .home__notific-container {
    padding: 10px;
    -ms-grid-columns: 30px 1fr;
    grid-template-columns: 30px 1fr;
    gap: 10px;
  }
}
@media (max-width: 1240px) {
  .home__notific-container {
    padding: 8px;
    border-radius: 8px;
    -ms-grid-columns: 24px 1fr;
    grid-template-columns: 24px 1fr;
    gap: 8px;
  }
}
@media (hover: hover) {
  .home__notific-container:hover {
    background: rgba(32, 76, 175, 0.05);
  }
}

.home__notific-container + .home__notific-container {
  margin-top: 15px;
}
@media (max-width: 1240px) {
  .home__notific-container + .home__notific-container {
    margin-top: 10px;
  }
}

.home__notific-container.--active {
  background: rgba(245, 0, 0, 0.05);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
}
@media (hover: hover) {
  .home__notific-container.--active:hover {
    background: rgba(32, 76, 175, 0.05);
  }
}

.home__notific-box-img {
  width: 38px;
  height: 38px;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  padding: 7px;
  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__notific-box-img {
    width: 30px;
    height: 30px;
    padding: 5px;
  }
}
@media (max-width: 1240px) {
  .home__notific-box-img {
    width: 24px;
    height: 24px;
  }
}
.home__notific-box-img img,
.home__notific-box-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.home__notific-container-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.home__notific-container-header img,
.home__notific-container-header svg {
  width: calc(10px + 10 * (100vw - 360px) / 1560);
  min-width: calc(10px + 10 * (100vw - 360px) / 1560);
  height: calc(10px + 10 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.home__notific-title {
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .home__notific-title {
    font-size: 14px;
  }
}

.home__notific-text {
  margin-top: 10px;
  color: #747576;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 1680px) {
  .home__notific-text {
    font-size: 12px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 1240px) {
  .home__notific-text {
    margin-top: 5px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

.home__notific-wrapp {
  margin-top: 20px;
  padding-right: 15px;
  overflow: auto;
  height: 597px;
}
@media (max-width: 1680px) {
  .home__notific-wrapp {
    height: 550px;
    padding-right: 10px;
    margin-top: 15px;
  }
}
@media (max-width: 1240px) {
  .home__notific-wrapp {
    height: 320px;
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  .home__notific-wrapp {
    height: 255px;
  }
}

.home__panel-body {
  margin-top: 30px;
}
@media screen and (max-width: 1240px) {
  .home__panel-body {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .home__panel-body {
    margin-top: 30px;
  }
}

.home__container:not(:first-child) {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .home__container:not(:first-child) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .home__container:not(:first-child) {
    margin-top: 30px;
  }
}

.home__timing-weekday:not(:first-child) {
  margin-top: 60px;
}
@media screen and (max-width: 1680px) {
  .home__timing-weekday:not(:first-child) {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1240px) {
  .home__timing-weekday:not(:first-child) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .home__timing-weekday:not(:first-child) {
    margin-top: 30px;
  }
}

.home__container-title {
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 1680px) {
  .home__container-title {
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .home__container-title {
    font-size: 18px;
  }
}
.home__container-title img,
.home__container-title svg {
  width: 29px;
  height: 29px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1680px) {
  .home__container-title img,
  .home__container-title svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1240px) {
  .home__container-title img,
  .home__container-title svg {
    width: 20px;
    height: 20px;
  }
}

.home__timing-cart-wrapp {
  background: #fff;
  padding: 15px 30px 20px 20px;
  gap: 0 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 78px 20px 1fr 20px 180px;
  grid-template-columns: 78px 1fr 180px;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "home__timing-image home__timing-info home__timing-controll" "... home__timing-edding home__timing-controll";
}
.home__timing-cart-wrapp::after, .home__timing-cart-wrapp::before {
  background: #fff;
}
@media (max-width: 1680px) {
  .home__timing-cart-wrapp {
    -ms-grid-columns: 70px 1fr 150px;
    grid-template-columns: 70px 1fr 150px;
    gap: 0 12px;
    padding: 20px 20px 20px 15px;
  }
}
@media (max-width: 1240px) {
  .home__timing-cart-wrapp {
    -ms-grid-columns: 50px 1fr 140px;
    grid-template-columns: 50px 1fr 140px;
        grid-template-areas: "home__timing-image home__timing-info home__timing-controll" "... home__timing-edding home__timing-edding";
  }
}
@media (max-width: 767px) {
  .home__timing-cart-wrapp {
    padding: 15px 10px;
    -ms-grid-columns: 50px 1fr;
    grid-template-columns: 50px 1fr;
        grid-template-areas: "home__timing-image home__timing-controll" "home__timing-info home__timing-info" "home__timing-edding home__timing-edding ";
  }
}

.home__timing-image {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: home__timing-image;
}

.home__timing-info {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: home__timing-info;
}
@media (max-width: 767px) {
  .home__timing-info {
    padding-top: 12px;
  }
}

.home__timing-edding {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: home__timing-edding;
}

.home__timing-controll {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 5;
  grid-area: home__timing-controll;
}

@media (max-width: 1240px){
  .home__timing-image {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .home__timing-info {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .home__timing-edding {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .home__timing-controll {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
}

@media (max-width: 767px){
  .home__timing-image {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .home__timing-info {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .home__timing-edding {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .home__timing-controll {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
}

.home__timing-img {
  width: 78px;
  height: 78px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  background: #fff;
}
.home__timing-img::after, .home__timing-img::before {
  background: #fff;
}
@media (max-width: 1680px) {
  .home__timing-img {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 1240px) {
  .home__timing-img {
    width: 50px;
    height: 50px;
  }
}

.home__timing-table {
  margin-top: 30px;
  padding-right: 20px;
  overflow: auto;
  height: 825px;
}
@media (max-width: 1680px) {
  .home__timing-table {
    padding-right: 15px;
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .home__timing-table {
    padding-right: 5px;
  }
}
@media (max-width: 767px) {
  .home__timing-table {
    height: 640px;
  }
}

.home__timing-info-name {
  display: block;
  font-size: 20px;
  padding-bottom: 0;
}
@media screen and (max-width: 1680px) {
  .home__timing-info-name {
    font-size: 16px;
  }
}

.home-homework-cart-list-title,
.home-homework-cart-list-text {
  font-size: 16px;
}
@media screen and (max-width: 1680px) {
  .home-homework-cart-list-title,
  .home-homework-cart-list-text {
    font-size: 14px;
  }
}

@media (max-width: 1440px) {
  .home-homework-cart-list-text {
    padding-top: 10px;
  }
}

.home__timing-info-theme {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  padding-top: 10px;
}
@media (max-width: 1440px) {
  .home__timing-info-theme {
    display: block;
  }
}

.home__timing-list-btns {
  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;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 15px;
  gap: 20px;
}
@media (max-width: 1680px) {
  .home__timing-list-btns {
    padding-top: 20px;
    gap: 10px;
  }
}
@media (max-width: 1240px) {
  .home__timing-list-btns {
    padding-top: 15px;
  }
}

.home__timing-list-inner {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.home__timing-list-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;
  color: #313233;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.home__timing-list-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.home__timing-list-btn svg,
.home__timing-list-btn img {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 8px;
}
@media (max-width: 1680px) {
  .home__timing-list-btn svg,
  .home__timing-list-btn img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .home__timing-list-btn svg,
  .home__timing-list-btn img {
    width: 16px;
    height: 16px;
  }
}
@media (hover: hover) {
  .home__timing-list-btn:hover {
    color: #c60d0d;
  }
  .home__timing-list-btn:hover path {
    fill: #c60d0d;
  }
}
@media (hover: none) {
  .home__timing-list-btn:active {
    color: #c60d0d;
  }
  .home__timing-list-btn:active path {
    fill: #c60d0d;
  }
}

.--blue.home__timing-list-btn {
  color: #204caf;
}

.home__timing-link-add {
  padding-top: 15px;
  display: none;
  gap: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1680px) {
  .home__timing-link-add {
    padding-top: 20px;
  }
}
@media (max-width: 1240px) {
  .home__timing-link-add {
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .home__timing-link-add {
    gap: 10px;
  }
}

.home__timing-link-add.--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.home__timing-link-ok {
  width: 54px;
  height: 52px;
  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;
}
.home__timing-link-ok img,
.home__timing-link-ok svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .home__timing-link-ok img,
  .home__timing-link-ok svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1680px) {
  .home__timing-link-ok {
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 1240px) {
  .home__timing-link-ok {
    width: 36px;
    height: 36px;
  }
}

.home__timing-time {
  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;
  color: #313233;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .home__timing-time {
    font-size: 14px;
  }
}
.home__timing-time img,
.home__timing-time svg {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
@media (max-width: 1680px) {
  .home__timing-time img,
  .home__timing-time svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .home__timing-time img,
  .home__timing-time svg {
    width: 16px;
    height: 16px;
  }
}

.home__timing-broadcasting {
  padding: 6px 12px;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: 0;
  border-radius: 30px;
  background: #9490db;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
.home__timing-broadcasting img,
.home__timing-broadcasting svg {
  width: 20px;
  height: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .home__timing-broadcasting img,
  .home__timing-broadcasting svg {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 1680px) {
  .home__timing-broadcasting {
    padding: 4px 12px;
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .home__timing-broadcasting {
    padding: 0;
    background: none;
    color: #9490db;
  }
  .home__timing-broadcasting path {
    fill: #9490db;
  }
}

.home__timing-controll-wrapp {
  padding-top: 15px;
}
@media (max-width: 1680px) {
  .home__timing-controll-wrapp {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .home__timing-controll-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;
  }
}

.home__timing-controll-row {
  padding-top: 15px;
  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: 1680px) {
  .home__timing-controll-row {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .home__timing-controll-row {
    padding-top: 0;
    padding-left: 10px;
  }
}

.home__timing-controll-link + .home__timing-controll-link {
  margin-left: 15px;
}
@media (max-width: 1680px) {
  .home__timing-controll-link + .home__timing-controll-link {
    margin-left: 10px;
  }
}

.home__timing-controll-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: #204caf;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.home__timing-controll-link path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .home__timing-controll-link {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .home__timing-controll-link {
    font-size: 12px;
  }
}
.home__timing-controll-link img,
.home__timing-controll-link svg {
  width: 24px;
  height: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 10px;
}
@media (max-width: 1680px) {
  .home__timing-controll-link img,
  .home__timing-controll-link svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .home__timing-controll-link img,
  .home__timing-controll-link svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
}
@media (hover: hover) {
  .home__timing-controll-link:hover {
    color: #c60d0d;
  }
  .home__timing-controll-link:hover path {
    fill: #c60d0d;
  }
}
@media (hover: none) {
  .home__timing-controll-link:active {
    color: #c60d0d;
  }
  .home__timing-controll-link:active path {
    fill: #c60d0d;
  }
}

.home__classes-search {
  margin-top: 30px;
  max-width: 420px;
}
@media (max-width: 1680px) {
  .home__classes-search {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .home__classes-search {
    margin-top: 15px;
  }
}
@media (max-width: 992px) {
  .home__classes-search {
    max-width: 500px;
  }
}

.home__group-cart-wrapp {
  padding: 15px 30px 25px 20px;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.1);
  display: -ms-grid;
  display: grid;
  gap: 0 20px;
  -ms-grid-columns: 80px 20px 1fr 20px auto;
  grid-template-columns: 80px 1fr auto;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-status " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status ";
}
@media (max-width: 1680px) {
  .home__group-cart-wrapp {
    -ms-grid-columns: 70px 1fr auto;
    grid-template-columns: 70px 1fr auto;
  }
}
@media screen and (max-width: 1440px) {
  .home__group-cart-wrapp {
    padding: 20px 20px 23px 20px;
    -ms-grid-columns: 78px 10px 1fr 10px auto;
    grid-template-columns: 78px 1fr auto;
    gap: 0 10px;
    -ms-grid-rows: auto 0 auto;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-name " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status ";
  }
  .home__group-cart-wrapp .classes-cart-coll-status {
    padding-top: 0;
  }
  .home__group-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .home__group-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
  }
  .home__group-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .home__group-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
  }
}
@media screen and (max-width: 1240px) {
  .home__group-cart-wrapp {
    padding: 16px 20px 16px 12px;
    -ms-grid-columns: 50px 1fr auto;
    grid-template-columns: 50px 1fr auto;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-name " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status ";
  }
  .home__group-cart-wrapp .classes-cart-coll-status {
    margin-left: 0;
  }
  .home__group-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .home__group-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .home__group-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .home__group-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
}
@media (max-width: 992px) {
  .home__group-cart-wrapp .classes-cart-list-inner {
    font-size: 12px;
  }
  .home__group-cart-wrapp .classes-cart-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .home__group-cart-wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    padding: 8px 10px 15px 10px;
        grid-template-areas: "classes-cart-coll-classes " "classes-cart-coll-name  " "classes-cart-coll-info  " "classes-cart-coll-status ";
  }
  .home__group-cart-wrapp .classes-cart-coll-status {
    padding-top: 10px;
    padding-left: 0;
    margin-left: 0;
  }
  .home__group-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .home__group-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .home__group-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .home__group-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}

.home__cart-coll-classes {
  font-size: 24px;
  color: #726dc2;
}
@media (max-width: 1680px) {
  .home__cart-coll-classes {
    width: 70px;
    height: 70px;
    font-size: 20px;
  }
}
@media (max-width: 1240px) {
  .home__cart-coll-classes {
    width: 50px;
    height: 50px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .home__cart-coll-classes {
    font-size: 24px;
    height: 60px;
    width: calc(100% + 20px);
  }
}
@media (max-width: 1680px) {
  .home__cart-coll-classes img,
  .home__cart-coll-classes svg {
    width: 41.282px;
    height: 41.282px;
  }
}
@media (max-width: 1240px) {
  .home__cart-coll-classes img,
  .home__cart-coll-classes svg {
    width: 29.487px;
    height: 29.487px;
  }
}
@media (max-width: 767px) {
  .home__cart-coll-classes img,
  .home__cart-coll-classes svg {
    width: 35px;
    height: 35px;
  }
}

.home__cart-coll-classes.classes-cart-coll-classes-title {
  background: url("../../assets/img/classes/back-4.svg") no-repeat center center/cover;
}

.home__classes-table {
  margin-top: 30px;
  padding-right: 20px;
  overflow: auto;
  height: 420px;
}
@media (max-width: 1680px) {
  .home__classes-table {
    padding-right: 15px;
    height: 400px;
  }
}
@media (max-width: 1240px) {
  .home__classes-table {
    padding-right: 10px;
    height: 325px;
  }
}
@media (max-width: 767px) {
  .home__classes-table {
    height: 340px;
    padding-right: 5px;
  }
}

.home__user-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  margin-top: 15px;
}
.home__user-row .home__user-id {
  margin-top: 0;
  text-align: center;
  padding: 9px;
}
@media screen and (max-width: 1680px) {
  .home__user-row .home__user-id {
    padding: 8px;
  }
}

.home__user-class {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 35px;
  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: 9px;
  border-radius: 30px;
  background: rgba(144, 213, 87, 0.15);
  color: #90d557;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  text-align: center;
}
@media (max-width: 1680px) {
  .home__user-class {
    padding: 8px;
    height: 28px;
    font-size: 12px;
  }
}
@media (max-width: 1240px) {
  .home__user-class {
    height: 22px;
    padding: 6px 10px;
    font-size: 10px;
  }
}
@media screen and (max-width: 767px) {
  .home__user-class {
    font-size: 12px;
  }
}

.home__timing-materials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--green);
  font-weight: 500;
  text-decoration: underline;
  line-height: 104%;
  font-size: 18px;
}
@media screen and (max-width: 1680px) {
  .home__timing-materials {
    font-size: 16px;
  }
}
@media screen and (max-width: 992px) {
  .home__timing-materials {
    font-size: 14px;
  }
}
.home__timing-materials svg,
.home__timing-materials img {
  width: calc(16px + 8 * (100vw - 360px) / 1560);
  min-width: calc(16px + 8 * (100vw - 360px) / 1560);
  height: calc(16px + 8 * (100vw - 360px) / 1560);
  margin-right: calc(5px + 5 * (100vw - 360px) / 1560);
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (hover: hover) {
  .home__timing-materials:hover {
    text-decoration: none;
  }
}

.home__timing-title {
  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;
  grid-gap: 5px;
}

.home__timing-day {
  line-height: 104%;
  font-size: inherit;
  color: var(--orange);
}

.home__timing-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 90px 1fr;
  grid-template-columns: 90px 1fr;
  grid-gap: 10px;
}
@media screen and (max-width: 1440px) {
  .home__timing-row {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 5px;
  }
}
@media screen and (max-width: 1680px) {
  .home__timing-row .home-homework-cart-list-text {
    padding-top: 0;
  }
}

.home__shedule-cart-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: 78px 1fr auto;
  grid-template-columns: 78px 1fr auto;
}
@media screen and (max-width: 1440px) {
  .home__shedule-cart-wrap {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -ms-grid-columns: 58px 1fr auto;
    grid-template-columns: 58px 1fr auto;
  }
}

.home__timing-info-head {
  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;
  grid-gap: 10px;
  margin-bottom: 5px;
}

.home__timing-status {
  width: 70px;
  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: 30px;
  background: #9490db;
  padding: 6px;
  color: #fff;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  text-align: center;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1680px) {
  .home__timing-status {
    width: 60px;
    font-size: 10px;
    padding: 5px;
  }
}
@media screen and (max-width: 1240px) {
  .home__timing-status {
    width: 51px;
    padding: 4px;
  }
}
.home__timing-status.--orange {
  background: var(--orange);
}
.home__timing-status.--green {
  background: var(--green);
}
.home__timing-status.--red {
  background: var(--red);
}

.home__timing-row-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width: 1440px) {
  .home__timing-row-content {
    display: -ms-grid;
    display: grid;
    grid-gap: 5px;
  }
}

.home__timing-body {
  display: none;
  grid-gap: 15px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
@media screen and (max-width: 1680px) {
  .home__timing-body {
    grid-gap: 10px;
  }
}

.home__timing-cart-btn {
  position: relative;
  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;
  color: #0faeff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.home__timing-cart-btn path {
  -webkit-transition: var(--hover);
  -o-transition: var(--hover);
  transition: var(--hover);
}
.home__timing-cart-btn::before {
  content: "Развернуть";
}
@media (max-width: 1680px) {
  .home__timing-cart-btn {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .home__timing-cart-btn:hover {
    color: #f33d4c;
  }
  .home__timing-cart-btn:hover path {
    fill: #f33d4c;
  }
}
@media (hover: none) {
  .home__timing-cart-btn:active {
    color: #f33d4c;
  }
  .home__timing-cart-btn:active path {
    fill: #f33d4c;
  }
}
.home__timing-cart-btn svg,
.home__timing-cart-btn img {
  width: 14px;
  height: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 5px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .home__timing-cart-btn svg,
  .home__timing-cart-btn img {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 992px) {
  .home__timing-cart-btn svg,
  .home__timing-cart-btn img {
    width: 10px;
    height: 10px;
  }
}
.home__timing-cart-btn.--active {
  opacity: 0.5;
}
.home__timing-cart-btn.--active svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.home__timing-cart-btn.--active svg path {
  fill: var(--gray);
}
.home__timing-cart-btn.--active::before {
  content: "Свернуть обратно";
  color: var(--gray);
}

.home__timing-cart {
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}
.home__timing-cart:nth-child(1) {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .home__timing-cart .home__timing-img {
    border-radius: 10px;
  }
}
.home__timing-cart.--warn {
  -webkit-box-shadow: 0px 10px 30px rgba(245, 0, 0, 0.2);
          box-shadow: 0px 10px 30px rgba(245, 0, 0, 0.2);
}
.home__timing-cart.--warn .home__timing-img {
  border: 2px solid var(--red);
  -webkit-box-shadow: 0px 10px 40px 0px rgba(245, 0, 0, 0.21);
          box-shadow: 0px 10px 40px 0px rgba(245, 0, 0, 0.21);
}
.home__timing-cart.--active .home__timing-body {
  display: -ms-grid;
  display: grid;
}
.home__timing-cart.--active .home__shedule-cart-wrap {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.home__timing-cart.--active .home__timing-data {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.home__timing-cart.--active .home__timing-info-head {
  margin-bottom: 20px;
}
@media screen and (max-width: 1440px) {
  .home__timing-cart.--active .home__timing-info-head {
    margin-bottom: 10px;
  }
}
@media screen and (hover: hover) {
  .home__timing-cart:hover {
    -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
            box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
  }
}
@media screen and (max-width: 1440px) {
  .home__timing-cart .home__timing-img {
    width: 58px;
    height: 58px;
  }
}

@media screen and (max-width: 992px) {
  .home__timing-btn-connect span {
    display: none;
  }
}

.home__timing-subtitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 104%;
}
@media screen and (max-width: 1440px) {
  .home__timing-subtitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .home__timing-subtitle {
    font-size: 16px;
  }
}

.home__timing-top-warn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--red);
  font-size: 16px;
  font-weight: 600;
  line-height: 104%;
  margin-bottom: 5px;
}
@media screen and (max-width: 1440px) {
  .home__timing-top-warn {
    font-size: 12px;
  }
}
.home__timing-top-warn img,
.home__timing-top-warn svg {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 5px;
}
@media screen and (max-width: 1440px) {
  .home__timing-top-warn img,
  .home__timing-top-warn svg {
    width: 18px;
    height: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .home__timing-top-warn img,
  .home__timing-top-warn svg {
    width: 14px;
    height: 14px;
  }
}

.home__timing-content {
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
}
@media screen and (max-width: 1440px) {
  .home__timing-content {
    grid-gap: 10px;
  }
}

.home__timing-data {
  display: -ms-grid;
  display: grid;
  justify-items: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  grid-gap: 15px 20px;
}
@media screen and (max-width: 1440px) {
  .home__timing-data {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}

.home__events-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;
}

.home__events-body {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .home__events-body {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .home__events-body {
    margin-top: 10px;
  }
}

.home__events-swiper-btn {
  position: static;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}
@media screen and (max-width: 1680px) {
  .home__events-swiper-btn {
    width: 27px;
    height: 27px;
    padding: 5px;
    border-radius: 10px;
  }
}
@media screen and (max-width: 1240px) {
  .home__events-swiper-btn {
    width: 24px;
    height: 24px;
    border-radius: 6px;
  }
}

.home__events-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 20px;
}

.timing__filter {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-grid-columns: auto 1fr 300px;
  grid-template-columns: auto 1fr 300px;
  gap: 20px;
}
@media (max-width: 1440px) {
  .timing__filter {
    -ms-grid-columns: 1fr 240px;
    grid-template-columns: 1fr 240px;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .timing__filter {
    margin-top: 20px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}

.timing-filter-search {
  width: 440px;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 1440px) {
  .timing-filter-search {
    width: 100%;
  }
}

@media (max-width: 1440px) {
  .timing-filte-btn {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}
@media (max-width: 767px) {
  .timing-filte-btn {
    grid-column: initial;
    margin-bottom: 10px;
    width: 100%;
  }
}

.timing__header {
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .timing__header {
    margin-top: 20px;
  }
}

.timing-cart-wrapp {
  padding: 15px 30px 25px 20px;
  display: -ms-grid;
  display: grid;
  gap: 0 20px;
  -ms-grid-columns: 80px 20px 1fr 20px 140px 20px 320px;
  grid-template-columns: 80px 1fr 140px 320px;
  background: #fff;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-status classes-cart-coll-user " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status classes-cart-coll-user ";
}
.timing-cart-wrapp::after, .timing-cart-wrapp::before {
  background: #fff;
}
@media screen and (max-width: 1440px) {
  .timing-cart-wrapp {
    padding: 20px 20px 23px 20px;
    -ms-grid-columns: 78px 10px 1fr 10px 280px;
    grid-template-columns: 78px 1fr 280px;
    gap: 0 10px;
    -ms-grid-rows: auto 0 auto 0 auto;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-user " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-user  " "classes-cart-coll-classes  classes-cart-coll-status classes-cart-coll-user  ";
  }
  .timing-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
  }
  .timing-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .timing-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .timing-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .timing-cart-wrapp > .classes-cart-coll-user {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
  }
}
@media screen and (max-width: 1240px) {
  .timing-cart-wrapp {
    -ms-grid-columns: 70px auto 140px 1fr;
    grid-template-columns: 70px auto 140px 1fr;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-name classes-cart-coll-user " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status classes-cart-coll-user ";
  }
  .timing-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .timing-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .timing-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .timing-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .timing-cart-wrapp > .classes-cart-coll-user {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 992px) {
  .timing-cart-wrapp {
    -ms-grid-columns: 70px 1fr 280px;
    grid-template-columns: 70px 1fr 280px;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-user " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-user  " "classes-cart-coll-classes  classes-cart-coll-status classes-cart-coll-user  ";
  }
  .timing-cart-wrapp .classes-cart-coll-status {
    margin-left: 0;
    padding-top: 10px;
  }
  .timing-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .timing-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
  }
  .timing-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .timing-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
  .timing-cart-wrapp > .classes-cart-coll-user {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 850px) {
  .timing-cart-wrapp {
    -ms-grid-columns: 70px 1fr auto;
    grid-template-columns: 70px 1fr auto;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-name " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status " " classes-cart-coll-user classes-cart-coll-user classes-cart-coll-user";
  }
  .timing-cart-wrapp .classes-cart-coll-status {
    padding-top: 0;
  }
  .timing-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .timing-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .timing-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .timing-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .timing-cart-wrapp > .classes-cart-coll-user {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media screen and (max-width: 700px) {
  .timing-cart-wrapp {
    padding: 16px 20px 16px 12px;
    -ms-grid-columns: 70px auto 1fr;
    grid-template-columns: 70px auto 1fr;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-name  " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status " " classes-cart-coll-user classes-cart-coll-user classes-cart-coll-user  ";
  }
  .timing-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .timing-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .timing-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .timing-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .timing-cart-wrapp > .classes-cart-coll-user {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media screen and (max-width: 767px) {
  .timing-cart-wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    padding: 8px 10px 15px 10px;
        grid-template-areas: "classes-cart-coll-classes " "classes-cart-coll-name " "classes-cart-coll-info  " "classes-cart-coll-status  " "classes-cart-coll-user ";
  }
  .timing-cart-wrapp .classes-cart-coll-status {
    padding-top: 10px;
  }
  .timing-cart-wrapp .classes-cart-coll-classes {
    width: calc(100% + 20px);
  }
  .timing-cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .timing-cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .timing-cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .timing-cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .timing-cart-wrapp > .classes-cart-coll-user {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}

@media (max-width: 1240px) {
  .timing-cart-coll-user {
    margin-left: 0;
    margin-top: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .timing-cart-coll-user .classes-cart-user {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .timing-cart-coll-user .classes-user-img {
    margin-left: 12px;
    margin-right: 0;
  }
  .timing-cart-coll-user .classes-user-name {
    text-align: right;
  }
  .timing-cart-coll-user .classes-user-type {
    text-align: right;
  }
  .timing-cart-coll-user .classes-cart-coll-status {
    margin-left: 0;
  }
}
@media (max-width: 850px) {
  .timing-cart-coll-user {
    margin-top: 10px;
  }
  .timing-cart-coll-user .classes-cart-user {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .timing-cart-coll-user .classes-user-img {
    margin-left: 0;
    margin-right: 10px;
  }
  .timing-cart-coll-user .classes-user-name {
    text-align: left;
  }
  .timing-cart-coll-user .classes-user-type {
    text-align: left;
  }
}

.timing__classes-cart {
  margin-top: 20px;
}

.timing__day-table {
  height: auto;
  overflow: visible;
}

.timing__caledar {
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .timing__caledar {
    margin-top: 20px;
  }
}

.teacher__examintaion-wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr (300px)[3];
  grid-template-columns: 1fr repeat(3, 300px);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 20px;
}
@media (max-width: 1850px) {
  .teacher__examintaion-wrapp {
    -ms-grid-columns: 1fr (250px)[3];
    grid-template-columns: 1fr repeat(3, 250px);
    gap: 15px;
  }
}
@media (max-width: 1680px) {
  .teacher__examintaion-wrapp {
    -ms-grid-columns: 1fr (0.5fr)[3];
    grid-template-columns: 1fr repeat(3, 0.5fr);
  }
}
@media (max-width: 1240px) {
  .teacher__examintaion-wrapp {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .teacher__examintaion-wrapp {
    gap: 10px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.teacher__examintaion--search {
  max-width: 440px;
}
@media (max-width: 1680px) {
  .teacher__examintaion--search {
    max-width: 400px;
  }
}
@media (max-width: 1240px) {
  .teacher__examintaion--search {
    max-width: 420px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
    grid-column: 1/4;
  }
}
@media (max-width: 992px) {
  .teacher__examintaion--search {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .teacher__examintaion--search {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
  }
}

.teacher__exam-btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 60px;
  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: #62973a;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  border-radius: 10px;
  background: rgba(144, 213, 87, 0.1);
  padding: 0 20px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .teacher__exam-btn {
    font-size: 18px;
    height: 50px;
  }
}
@media (max-width: 1240px) {
  .teacher__exam-btn {
    font-size: 16px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .teacher__exam-btn {
    width: 100%;
  }
}
.teacher__exam-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.teacher__exam-btn img,
.teacher__exam-btn svg {
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .teacher__exam-btn img,
  .teacher__exam-btn svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1240px) {
  .teacher__exam-btn img,
  .teacher__exam-btn svg {
    width: 20px;
    height: 20px;
  }
}
@media (hover: hover) {
  .teacher__exam-btn:hover {
    color: #fff;
    background: rgb(144, 213, 87);
  }
  .teacher__exam-btn:hover path {
    fill: white;
  }
}
@media (hover: none) {
  .teacher__exam-btn:active {
    color: #fff;
    background: rgb(144, 213, 87);
  }
  .teacher__exam-btn:active path {
    fill: white;
  }
}

.teacher__exam-btn.--red {
  color: #f50000;
  background: rgba(245, 0, 0, 0.1);
}
@media (hover: hover) {
  .teacher__exam-btn.--red:hover {
    color: #fff;
    background: rgb(245, 0, 0);
  }
  .teacher__exam-btn.--red:hover path {
    fill: white;
  }
}
@media (hover: none) {
  .teacher__exam-btn.--red:active {
    color: #fff;
    background: rgb(245, 0, 0);
  }
  .teacher__exam-btn.--red:active path {
    fill: white;
  }
}

.teacher__exam-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px 20px;
}

.teacher__exam-head-coll {
  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;
  gap: 10px;
}
@media (max-width: 767px) {
  .teacher__exam-head-coll {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}
@media (max-width: 400px) {
  .teacher__exam-head-coll {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.teacher-directory-filter {
  -ms-grid-columns: 1.7fr 20px 4fr;
  grid-template-columns: 1.7fr 4fr;
  -ms-grid-rows: auto 0 1fr;
  grid-template-rows: auto 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
      grid-template-areas: "directory-filter-search teacher-directory-filter__module";
  gap: 0 20px;
}
@media (max-width: 1680px) {
  .teacher-directory-filter {
    -ms-grid-columns: 1.7fr 3fr;
    grid-template-columns: 1.7fr 3fr;
  }
}
@media screen and (max-width: 1440px) {
  .teacher-directory-filter {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    -ms-grid-rows: auto 15px auto;
        grid-template-areas: "directory-filter-search" "teacher-directory-filter__module";
    gap: 15px 20px;
  }
  .teacher-directory-filter > .directory-filter-search {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}

.teacher-directory-filter__module {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: teacher-directory-filter__module;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media screen and (max-width: 1680px){
  .directory-filter-btn {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .directory-filter-search {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .directory-filter__module {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}

@media screen and (max-width: 1440px){
  .teacher-directory-filter__module {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
@media screen and (max-width: 1680px) {
  .teacher-directory-filter__module {
    gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  .teacher-directory-filter__module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
}

.teacher-directory-table-cart-wrapp {
  background: #fff;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 4fr auto;
  grid-template-columns: auto 4fr auto;
  padding: 15px 30px 25px 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 20px;
}
@media screen and (max-width: 1440px) {
  .teacher-directory-table-cart-wrapp {
    padding: 15px 20px 20px 20px;
    gap: 0 12px;
  }
}
@media screen and (max-width: 1240px) {
  .teacher-directory-table-cart-wrapp {
    padding: 15px 20px 15px 12px;
  }
}
@media screen and (max-width: 992px) {
  .teacher-directory-table-cart-wrapp {
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
  }
}
@media screen and (max-width: 767px) {
  .teacher-directory-table-cart-wrapp {
    padding: 0 10px 10px 10px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
        grid-template-areas: "directory-table-coll-img  " "directory-table-coll-name  " "directory-table-coll-status ";
  }
  .teacher-directory-table-cart-wrapp .directory-table-coll-status {
    display: block;
  }
  .teacher-directory-table-cart-wrapp > .directory-table-coll-img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .teacher-directory-table-cart-wrapp > .directory-table-coll-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .teacher-directory-table-cart-wrapp > .directory-table-coll-status {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}
.teacher-directory-table-cart-wrapp::after, .teacher-directory-table-cart-wrapp::before {
  background: #fff;
}
@media screen and (max-width: 767px) {
  .teacher-directory-table-cart-wrapp::after, .teacher-directory-table-cart-wrapp::before {
    background: none;
  }
}

.lesson__fixed-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;
  padding-bottom: 15px;
  width: 100%;
}
.lesson__fixed-header svg,
.lesson__fixed-header img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .lesson__fixed-header svg,
  .lesson__fixed-header img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1240px) {
  .lesson__fixed-header svg,
  .lesson__fixed-header img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1680px) {
  .lesson__fixed-header {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .lesson__fixed-header {
    display: none;
  }
}

.lesson__fixed-menu {
  display: block;
}
@media (max-width: 767px) {
  .lesson__fixed-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0;
  }
}

.lesson__fixed-title {
  color: #0faeff;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media (max-width: 1240px) {
  .lesson__fixed-title {
    font-size: 16px;
  }
}

.lesson__fixed-wrapp {
  padding: 20px;
  border-radius: 15px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
}
@media (max-width: 1680px) {
  .lesson__fixed-wrapp {
    padding: 15px;
  }
}
@media (max-width: 1240px) {
  .lesson__fixed-wrapp {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .lesson__fixed-wrapp {
    width: 220px;
    border-radius: 0 0 0 15px;
  }
}

.lesson__fixed-list {
  max-height: 681px;
  overflow: auto;
}
@media (max-width: 1680px) {
  .lesson__fixed-list {
    max-height: 535px;
  }
}
@media (max-width: 1240px) {
  .lesson__fixed-list {
    max-height: 390px;
  }
}
@media (max-width: 992px) {
  .lesson__fixed-list {
    max-height: 440px;
  }
}
@media (max-width: 767px) {
  .lesson__fixed-list {
    min-height: 90px;
    max-height: calc(100vh - 240px);
  }
}

.lesson__fixed-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  padding: 20px 12px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  border-radius: 10px;
}
@media (max-width: 1680px) {
  .lesson__fixed-link {
    font-size: 14px;
    padding: 15px 10px;
  }
}
@media (max-width: 1240px) {
  .lesson__fixed-link {
    font-size: 12px;
    padding: 10px;
  }
}
@media (hover: hover) {
  .lesson__fixed-link:hover {
    color: #204caf;
    background: rgba(32, 76, 175, 0.05);
  }
}
@media (hover: none) {
  .lesson__fixed-link:active {
    color: #204caf;
    background: rgba(32, 76, 175, 0.05);
  }
}

.lesson__fixed-link.--active {
  color: #204caf;
  background: rgba(32, 76, 175, 0.05);
}

.lesson__fixed-text,
.lesson__fixed-num {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.lesson__fixed-num {
  text-align: right;
  min-width: 30px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-right: 4px;
}
@media (max-width: 1680px) {
  .lesson__fixed-num {
    min-width: 25px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

@media (max-width: 572px) {
  .lesson__panel-btn {
    width: 100%;
  }
}

.lesson__wrapp {
  margin-top: 30px;
}
@media (max-width: 1240px) {
  .lesson__wrapp {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .lesson__wrapp {
    margin-top: 20px;
  }
}

.lesson__wrapp-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;
}

.lesson__menu-desc {
  display: none;
}

@media (min-width: 1200px) {
  .lesson__menu-desc {
    display: block;
  }
  .lesson__menu-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: none;
    padding: 0;
    background: none;
    position: initial;
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
    -webkit-box-shadow: none;
            box-shadow: none;
    gap: 20px;
  }
  .lesson__menu-head-btn,
  .lesson__menu-text,
  .lesson__menu-mob {
    display: none;
  }
  .lesson__menu-btn-add,
  .lesson__menu-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: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-style: normal;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    color: #fff;
    background: #f50000;
    -webkit-box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
            box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-radius: 10px;
    position: relative;
    isolation: isolate;
    padding: 11px 12px;
  }
  .lesson__menu-btn-add::after,
  .lesson__menu-btn::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -2px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
    border-radius: 100%/100%;
    width: calc(100% - 16px);
    height: 5px;
    background: #f50000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .lesson__menu-btn-add::before,
  .lesson__menu-btn::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
    border-radius: 100%/100%;
    width: calc(100% - 16px);
    height: 5px;
    background: #f50000;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
  .lesson__menu-btn-add svg,
  .lesson__menu-btn-add img,
  .lesson__menu-btn svg,
  .lesson__menu-btn img {
    width: 18px;
    height: 18px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -o-object-fit: contain;
       object-fit: contain;
    margin: 0;
  }
  .lesson__menu-btn-add svg path,
  .lesson__menu-btn-add img path,
  .lesson__menu-btn svg path,
  .lesson__menu-btn img path {
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
  }
}
@media (min-width: 1200px) and (hover: hover) {
  .lesson__menu-btn-add:hover,
  .lesson__menu-btn:hover {
    color: #fff;
    background: #0faeff;
    -webkit-box-shadow: 0px 10px 40px rgba(15, 174, 255, 0.21);
            box-shadow: 0px 10px 40px rgba(15, 174, 255, 0.21);
    border-radius: 10px;
  }
  .lesson__menu-btn-add:hover::after, .lesson__menu-btn-add:hover::before,
  .lesson__menu-btn:hover::after,
  .lesson__menu-btn:hover::before {
    background: #0faeff;
  }
}
@media (min-width: 1200px) and (hover: none) {
  .lesson__menu-btn-add:active,
  .lesson__menu-btn:active {
    color: #fff;
    border-radius: 10px;
    background: #0faeff;
    -webkit-box-shadow: 0px 10px 40px rgba(15, 174, 255, 0.21);
            box-shadow: 0px 10px 40px rgba(15, 174, 255, 0.21);
  }
}
@media (min-width: 1200px) {
  .lesson__menu-btn-add:active,
  .lesson__menu-btn:active {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@media (min-width: 1200px) {
  .lesson__menu-btn {
    background: #fff;
    -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
            box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
  }
  .lesson__menu-btn::after, .lesson__menu-btn::before {
    background: #fff;
  }
}
@media (min-width: 1200px) and (hover: hover) {
  .lesson__menu-btn:hover {
    border-radius: 10px;
    color: #fff;
    background: #e7f7ff;
    -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
            box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
  }
  .lesson__menu-btn:hover::after, .lesson__menu-btn:hover::before {
    background: #e7f7ff;
  }
  .lesson__menu-btn:hover path {
    fill: #0faeff;
  }
}
@media (min-width: 1200px) and (hover: none) {
  .lesson__menu-btn:active {
    color: #fff;
    border-radius: 10px;
    background: #e7f7ff;
    -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
            box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
  }
  .lesson__menu-btn:active path {
    fill: #0faeff;
  }
}
@media (min-width: 1200px) {
  .lesson__menu-btn:active {
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
  }
}
@media (min-width: 1680px) {
  .lesson__menu-btn {
    padding: 14px 15px;
  }
  .lesson__menu-btn img,
  .lesson__menu-btn svg {
    width: 24px;
    height: 24px;
  }
  .lesson__menu-btn-add {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto auto;
    grid-template-columns: auto auto;
    gap: 15px;
    font-size: 18px;
    padding: 13px 30px;
    padding-right: 15px;
  }
  .lesson__menu-btn-add .lesson__menu-text {
    display: block;
  }
  .lesson__menu-btn-add svg,
  .lesson__menu-btn-add img {
    width: 24px;
    height: 24px;
  }
}
.lesson__cart-top {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: lesson__cart-top;
  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;
  color: #f50000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .lesson__cart-top {
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .lesson__cart-top {
    font-size: 14px;
  }
}
.lesson__cart-top img,
.lesson__cart-top svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
@media (max-width: 1680px) {
  .lesson__cart-top img,
  .lesson__cart-top svg {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .lesson__cart-top img,
  .lesson__cart-top svg {
    width: 16px;
    height: 16px;
  }
}

.lesson__cart-bottom {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-area: lesson__cart-bottom;
  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;
  padding-top: 12px;
  gap: 15px;
}
@media (max-width: 1240px) {
  .lesson__cart-bottom {
    padding-top: 10px;
    gap: 10px;
  }
}

.lesson__cart-name {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: lesson__cart-name;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1240px) {
  .lesson__cart-name {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .lesson__cart-name {
    padding-top: 15px;
  }
}

.lesson__cart-name-link {
  display: block;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .lesson__cart-name-link {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .lesson__cart-name-link {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .lesson__cart-name-link:hover {
    color: #0faeff;
  }
}
@media (hover: none) {
  .lesson__cart-name-link:active {
    color: #0faeff;
  }
}

.lesson__cart-buttons {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 5;
  grid-area: lesson__cart-buttons;
  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;
  height: 100%;
  gap: 20px;
}
@media (max-width: 1240px) {
  .lesson__cart-buttons {
    gap: 15px;
  }
}

.lesson__cart:nth-child(1) {
  margin-top: 0;
}

.lesson__cart-wrapp {
  display: -ms-grid;
  display: grid;
  background: #fff;
  -ms-grid-columns: auto 10px 1fr 10px auto;
  grid-template-columns: auto 1fr auto;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "lesson__cart-top lesson__cart-name lesson__cart-buttons" "lesson__cart-bottom lesson__cart-bottom lesson__cart-buttons";
  gap: 0 10px;
  padding: 20px 30px 20px 20px;
}
@media (max-width: 1680px) {
  .lesson__cart-wrapp {
    padding: 15px 20px 15px 15px;
  }
}
.lesson__cart-wrapp::after, .lesson__cart-wrapp::before {
  background: #fff;
}
@media (max-width: 1240px) {
  .lesson__cart-wrapp {
        grid-template-areas: "lesson__cart-top lesson__cart-buttons" " lesson__cart-name  lesson__cart-buttons" "lesson__cart-bottom lesson__cart-bottom";
  }
  .lesson__cart-top {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .lesson__cart-bottom {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .lesson__cart-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .lesson__cart-buttons {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
}
@media (max-width: 767px) {
  .lesson__cart-wrapp {
        grid-template-areas: "lesson__cart-top lesson__cart-buttons" " lesson__cart-name  lesson__cart-name" "lesson__cart-bottom lesson__cart-bottom";
    padding: 10px 10px;
  }
  .lesson__cart-top {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .lesson__cart-bottom {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .lesson__cart-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .lesson__cart-buttons {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
}

.lesson__cart-controll-link {
  margin-left: 0;
}

.lesson__status {
  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;
  color: #204caf;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .lesson__status {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .lesson__status {
    font-size: 12px;
  }
}
.lesson__status svg,
.lesson__status img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .lesson__status svg,
  .lesson__status img {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 1240px) {
  .lesson__status svg,
  .lesson__status img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
}

.lesson__status.--not-load {
  color: #747576;
}
.lesson__status.--not-load path {
  fill: #747576;
}

.lesson__table {
  margin-top: 30px;
}
@media (max-width: 1240px) {
  .lesson__table {
    margin-top: 15px;
  }
}

.lesson__not {
  height: 500px;
}
@media (max-width: 1680px) {
  .lesson__not {
    height: auto;
  }
}

.test-distiplene-select-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  margin-top: 15px;
  gap: 15px 20px;
}
@media (max-width: 1240px) {
  .test-distiplene-select-row {
    gap: 15px;
  }
}
@media (max-width: 572px) {
  .test-distiplene-select-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.tutorial__panel-title {
  color: #313233;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  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;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 10px 15px;
}
.tutorial__panel-title span {
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  display: block;
}
.tutorial__panel-title .red {
  color: #f50000;
}
@media (max-width: 1680px) {
  .tutorial__panel-title {
    font-size: 18px;
    gap: 10px;
  }
}
@media (max-width: 1240px) {
  .tutorial__panel-title {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .tutorial__panel-title {
    font-size: 16px;
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  .tutorial__btn-return {
    margin-bottom: 5px;
    margin-top: 5px;
  }
}

.tutorial__panel-right {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: calc(100% - 400px) 380px;
  grid-template-columns: calc(100% - 400px) 380px;
  gap: 20px;
  padding: 0;
}
@media (max-width: 1680px) {
  .tutorial__panel-right {
    -ms-grid-columns: calc(100% - 270px) 255px;
    grid-template-columns: calc(100% - 270px) 255px;
    gap: 15px;
  }
}
@media (max-width: 992px) {
  .tutorial__panel-right {
    display: block;
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .tutorial__panel-right {
    padding: 10px 20px;
  }
}

.tutorial__aside-left {
  padding: 30px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
}
@media (max-width: 1680px) {
  .tutorial__aside-left {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1240px) {
  .tutorial__aside-left {
    padding: 15px;
  }
}
@media (max-width: 992px) {
  .tutorial__aside-left {
    -webkit-box-shadow: none;
            box-shadow: none;
    background: none;
    padding: 0;
    display: contents;
  }
}

.tutorial__header {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px auto;
  grid-template-columns: 1fr auto;
  -ms-grid-rows: auto 20px auto;
      grid-template-areas: "making__btn-return making__header-time" "making__header-title making__header-time";
  gap: 20px;
}
@media (max-width: 1680px) {
  .tutorial__header {
    gap: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (max-width: 1240px) {
  .tutorial__header {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .tutorial__header {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
        grid-template-areas: " making__header-time" "making__btn-return  " "making__header-title  ";
  }
  .tutorial__header > .making__btn-return {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .tutorial__header > .making__header-time {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .tutorial__header > .making__header-title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
}

.tutorial {
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .tutorial {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .tutorial {
    margin-top: 50px;
  }
}

.tutorial__video-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px 15px;
  padding-top: 20px;
}
@media screen and (max-width: 1680px) {
  .tutorial__video-row {
    padding-top: 15px;
  }
}

.tutorial__video-next {
  margin-left: auto;
  margin-right: 0;
  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: auto auto;
  grid-template-columns: auto auto;
  gap: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #0faeff;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
.tutorial__video-next .rotate-180 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (max-width: 1680px) {
  .tutorial__video-next {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .tutorial__video-next {
    font-size: 14px;
  }
}
.tutorial__video-next path {
  -webkit-transition: 0.4;
  -o-transition: 0.4;
  transition: 0.4;
}
.tutorial__video-next svg,
.tutorial__video-next img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .tutorial__video-next svg,
  .tutorial__video-next img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1240px) {
  .tutorial__video-next svg,
  .tutorial__video-next img {
    width: 21px;
    height: 21px;
  }
}
@media (hover: hover) {
  .tutorial__video-next:hover {
    color: #c60d0d;
  }
  .tutorial__video-next:hover path {
    fill: #c60d0d;
  }
}
@media (hover: none) {
  .tutorial__video-next:active {
    color: #c60d0d;
  }
  .tutorial__video-next:active path {
    fill: #c60d0d;
  }
}

.tutorial__video-name {
  color: #313233;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tutorial__video-name {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .tutorial__video-name {
    font-size: 16px;
  }
}

.tutorial__additional-materials {
  margin-top: 40px;
}
@media screen and (max-width: 1680px) {
  .tutorial__additional-materials {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1240px) {
  .tutorial__additional-materials {
    margin-top: 20px;
  }
}

.tutorial__additional-title {
  color: #f50000;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tutorial__additional-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .tutorial__additional-title {
    font-size: 20px;
  }
}

.tutorial__additional-text {
  padding-top: 20px;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .tutorial__additional-text {
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .tutorial__additional-text {
    font-size: 14px;
    padding-top: 15px;
  }
}

.tutorial__additional-inner {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px 20px;
}
@media (max-width: 1240px) {
  .tutorial__additional-inner {
    padding-top: 15px;
  }
}

.tutorial__additional-list-text,
.tutorial__additional-list-link {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tutorial__additional-list-text,
  .tutorial__additional-list-link {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .tutorial__additional-list-text,
  .tutorial__additional-list-link {
    font-size: 14px;
  }
}

.tutorial__additional-list-link {
  color: #204caf;
  text-decoration-line: underline;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  word-break: break-all;
}
@media (hover: hover) {
  .tutorial__additional-list-link:hover {
    color: #0faeff;
    text-decoration: none;
  }
}
@media (hover: none) {
  .tutorial__additional-list-link:active {
    color: #0faeff;
    text-decoration: none;
  }
}

.tutorial__presentations-title {
  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;
  color: #313233;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tutorial__presentations-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .tutorial__presentations-title {
    font-size: 20px;
  }
}
.tutorial__presentations-title img,
.tutorial__presentations-title svg {
  width: 27px;
  height: 27px;
  margin-right: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .tutorial__presentations-title img,
  .tutorial__presentations-title svg {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1240px) {
  .tutorial__presentations-title img,
  .tutorial__presentations-title svg {
    width: 21px;
    height: 21px;
  }
}

.tutorial__presentations {
  margin-top: 60px;
}
@media screen and (max-width: 1680px) {
  .tutorial__presentations {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1240px) {
  .tutorial__presentations {
    margin-top: 30px;
  }
}

.tutorial__presentations-wrapp {
  margin-top: 20px;
}
@media (max-width: 1240px) {
  .tutorial__presentations-wrapp {
    margin-top: 15px;
  }
}

.tutorial__presentations-cart-wrapp {
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
  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: 8px;
  padding: 28px 20px 28px 30px;
}
.tutorial__presentations-cart-wrapp::after, .tutorial__presentations-cart-wrapp::before {
  background: #fff;
}
@media (max-width: 1680px) {
  .tutorial__presentations-cart-wrapp {
    padding: 15px 15px 15px 20px;
  }
}
@media (max-width: 1240px) {
  .tutorial__presentations-cart-wrapp {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .tutorial__presentations-cart-wrapp {
    padding: 10px 15px;
  }
}

.tutorial__presentations-btn {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-left: auto;
  margin-right: 0;
}
.tutorial__presentations-btn::after, .tutorial__presentations-btn::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tutorial__presentations-btn .btn-br-span {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tutorial__presentations-btn .btn-br-span::after, .tutorial__presentations-btn .btn-br-span::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.tutorial__row-btns {
  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-top: 115px;
}
@media (max-width: 1680px) {
  .tutorial__row-btns {
    padding-top: 55px;
  }
}
@media (max-width: 767px) {
  .tutorial__row-btns {
    padding-top: 25px;
  }
}

.tutorial__nav-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tutorial__nav-link::after, .tutorial__nav-link::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tutorial__nav-link .btn-br-span {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: #ecf7fe;
}
.tutorial__nav-link .btn-br-span::after, .tutorial__nav-link .btn-br-span::before {
  background: #ecf7fe;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 572px) {
  .tutorial__nav-link .btn-br-span {
    gap: 0;
    padding: 0;
    width: 36px;
    height: 35px;
    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;
  }
  .tutorial__nav-link .btn-br-span span {
    display: none;
  }
  .tutorial__nav-link svg,
  .tutorial__nav-link img {
    width: 18px;
    height: 18px;
  }
}
@media (hover: hover) {
  .tutorial__nav-link:hover .btn-br-span {
    background: #0faeff;
  }
  .tutorial__nav-link:hover .btn-br-span::after, .tutorial__nav-link:hover .btn-br-span::before {
    background: #0faeff;
  }
}
@media (hover: none) {
  .tutorial__nav-link:active .btn-br-span {
    background: #0faeff;
  }
  .tutorial__nav-link:active .btn-br-span::after, .tutorial__nav-link:active .btn-br-span::before {
    background: #0faeff;
  }
}

.tutorial__fixed-inner + .tutorial__fixed-inner {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .tutorial__fixed-inner + .tutorial__fixed-inner {
    margin-top: 20px;
  }
}

.tutorial__fixed-list {
  width: 100%;
}

.tutorial__fixed-box {
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
}
@media (max-width: 1680px) {
  .tutorial__fixed-box {
    padding: 15px;
  }
}

.-color-gray .tutorial__fixed-svg-color {
  stroke: #747576;
}
.-color-gray .tutorial__fixed-svg-color-stop {
  stop-color: #747576;
}

.-color-green .tutorial__fixed-svg-color {
  stroke: #90d557;
}
.-color-green .tutorial__fixed-svg-color-stop {
  stop-color: #90d557;
}

.-color-orange .tutorial__fixed-svg-color {
  stroke: #f39c38;
}
.-color-orange .tutorial__fixed-svg-color-stop {
  stop-color: #f39c38;
}

.tutorial__fixed-lesson {
  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;
}
.tutorial__fixed-lesson svg,
.tutorial__fixed-lesson img {
  width: 70px;
  height: 70px;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 1680px) {
  .tutorial__fixed-lesson svg,
  .tutorial__fixed-lesson img {
    width: 54px;
    height: 54px;
  }
}

.tutorial__fixed-lesson-title {
  color: #f50000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tutorial__fixed-lesson-title {
    font-size: 16px;
  }
}

.tutorial__fixed-lesson-text {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  padding-top: 10px;
}
@media (max-width: 1680px) {
  .tutorial__fixed-lesson-text {
    padding-top: 5px;
    font-size: 16px;
  }
}

.tutorial__fixed-inner-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;
  padding-bottom: 15px;
}
@media (max-width: 1680px) {
  .tutorial__fixed-inner-head {
    padding-bottom: 10px;
  }
}
.tutorial__fixed-inner-head img,
.tutorial__fixed-inner-head svg {
  width: 28px;
  height: 28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .tutorial__fixed-inner-head img,
  .tutorial__fixed-inner-head svg {
    width: 24px;
    height: 24px;
  }
}

.tutorial__fixed-inner-title {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tutorial__fixed-inner-title {
    font-size: 18px;
  }
}

.tutorial__fixed-inner-title.--blue {
  color: #0faeff;
}

.tutorial__fixed-present-link {
  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: 15px;
  border-radius: 10px;
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.tutorial__fixed-present-link span {
  color: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
}
@media (max-width: 1680px) {
  .tutorial__fixed-present-link {
    padding: 10px;
    font-size: 14px;
  }
}
.tutorial__fixed-present-link path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.tutorial__fixed-present-link svg,
.tutorial__fixed-present-link img {
  margin-left: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .tutorial__fixed-present-link svg,
  .tutorial__fixed-present-link img {
    width: 21px;
    height: 21px;
  }
}
@media (hover: hover) {
  .tutorial__fixed-present-link:hover {
    background: rgba(32, 76, 175, 0.05);
    color: #204caf;
  }
  .tutorial__fixed-present-link:hover path {
    fill: #204caf;
  }
  .tutorial__fixed-present-link:hover img,
  .tutorial__fixed-present-link:hover svg {
    -webkit-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
            transform: rotate(-35deg);
  }
}

.tutorial__fixed-material-link {
  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: 15px;
  border-radius: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .tutorial__fixed-material-link {
    padding: 10px;
  }
}
@media (hover: hover) {
  .tutorial__fixed-material-link:hover {
    background: rgba(32, 76, 175, 0.05);
  }
  .tutorial__fixed-material-link:hover .tutorial__fixed-material-coll {
    color: #204caf;
  }
  .tutorial__fixed-material-link:hover .tutorial__fixed-material-svg {
    -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  .tutorial__fixed-material-link:hover .tutorial__fixed-material-svg path {
    fill: #204caf;
  }
}
@media (hover: none) {
  .tutorial__fixed-material-link:active {
    background: rgba(32, 76, 175, 0.05);
  }
  .tutorial__fixed-material-link:active .tutorial__fixed-material-coll {
    color: #204caf;
  }
  .tutorial__fixed-material-link:active .tutorial__fixed-material-svg path {
    fill: #204caf;
  }
}

.tutorial__fixed-material-svg {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .tutorial__fixed-material-svg {
    margin-left: 5px;
  }
}
.tutorial__fixed-material-svg path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.tutorial__fixed-material-img {
  -ms-flex-negative: 0;
      flex-shrink: 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: 24px;
  height: 24px;
}
@media (max-width: 1680px) {
  .tutorial__fixed-material-img {
    width: 21px;
    height: 21px;
  }
}
.tutorial__fixed-material-img svg,
.tutorial__fixed-material-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.tutorial__fixed-material-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;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .tutorial__fixed-material-coll {
    font-size: 16px;
  }
}
.tutorial__fixed-material-coll img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 20px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .tutorial__fixed-material-coll img {
    width: 21px;
    height: 21px;
    margin-right: 10px;
  }
}

@media (max-width: 992px) {
  .tutorial__fixed-menu-open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .tutorial__fixed-menu {
    width: 245px;
    margin-top: 0;
    position: fixed;
    z-index: 333;
    right: 0;
    top: 135px;
    -webkit-transform: translate(100%);
        -ms-transform: translate(100%);
            transform: translate(100%);
    padding-top: 0;
    background: #fff;
    border-radius: 0 0 0 10px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
            box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  }
  .tutorial__fixed-inner-head {
    padding-left: 10px;
    padding-right: 10px;
  }
  .tutorial__fixed-menu.--active {
    -webkit-transform: translate(0);
        -ms-transform: translate(0);
            transform: translate(0);
  }
}
@media (max-width: 992px) {
  .tutorial__fixed-list {
    min-height: 90px;
    max-height: calc(100vh - 180px);
    overflow: auto;
  }
}

.tutorial__presentations-cart-title {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tutorial__presentations-cart-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .tutorial__presentations-cart-title {
    font-size: 14px;
  }
}

.teacher-classes-filter {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px 20px;
}
@media (max-width: 1240px) {
  .teacher-classes-filter {
    gap: 15px;
  }
}
@media (max-width: 992px) {
  .teacher-classes-filter {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .teacher-classes-filter {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
    margin-top: 20px;
  }
}

.teacher-classes-date {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 260px;
}
@media (max-width: 992px) {
  .teacher-classes-date {
    width: 100%;
  }
}

.teacher-classes-curses {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 220px;
}
@media (max-width: 992px) {
  .teacher-classes-curses {
    width: 100%;
  }
}

.teacher__cart-wrapp {
  background: #fff;
  padding: 15px 30px 25px 20px;
  display: -ms-grid;
  display: grid;
  gap: 0 20px;
  -ms-grid-columns: 80px 20px 1fr 20px 140px 20px 320px;
  grid-template-columns: 80px 1fr 140px 320px;
  -ms-grid-rows: auto 0 auto;
      grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-status teacher__class-cart-coll-user  " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status teacher__class-cart-coll-user  ";
}
.teacher__cart-wrapp::after, .teacher__cart-wrapp::before {
  background: #fff;
}
@media (max-width: 1500px) {
  .teacher__cart-wrapp {
    -ms-grid-columns: 80px 1fr 140px 260px;
    grid-template-columns: 80px 1fr 140px 260px;
  }
}
@media screen and (max-width: 1440px) {
  .teacher__cart-wrapp {
    padding: 20px 20px 23px 20px;
    -ms-grid-columns: 78px 10px 1fr 10px 280px;
    grid-template-columns: 78px 1fr 280px;
    gap: 0 10px;
    -ms-grid-rows: auto 0 auto 0 auto;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name teacher__class-cart-coll-user  " "classes-cart-coll-classes classes-cart-coll-info teacher__class-cart-coll-user  " "classes-cart-coll-classes  classes-cart-coll-status classes-cart-coll-user  ";
  }
  .teacher__cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
  }
  .teacher__cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
  .teacher__cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .teacher__cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .classes-cart-coll-user {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
  }
}
@media screen and (max-width: 1240px) {
  .teacher__cart-wrapp {
    -ms-grid-columns: 78px 1fr 250px;
    grid-template-columns: 78px 1fr 250px;
  }
  .teacher__cart-wrapp .classes-cart-coll-status {
    margin-left: 0;
  }
}
@media screen and (max-width: 992px) {
  .teacher__cart-wrapp {
    padding: 16px 20px 16px 12px;
    -ms-grid-columns: 70px auto 1fr 44px;
    grid-template-columns: 70px auto 1fr 44px;
        grid-template-areas: "classes-cart-coll-classes classes-cart-coll-name classes-cart-coll-name " "classes-cart-coll-classes classes-cart-coll-info classes-cart-coll-status " " ... teacher__class-cart-coll-user teacher__class-cart-coll-user ";
  }
  .teacher__cart-wrapp .classes-cart-coll-status {
    margin-left: 25px;
  }
  .teacher__cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .teacher__cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .teacher__cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .teacher__cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
}
@media screen and (max-width: 767px) {
  .teacher__cart-wrapp {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    padding: 8px 10px 15px 10px;
        grid-template-areas: "classes-cart-coll-classes " "classes-cart-coll-name  " "classes-cart-coll-info " "classes-cart-coll-status " "teacher__class-cart-coll-user ";
  }
  .teacher__cart-wrapp .classes-cart-coll-status {
    margin-left: 0;
  }
  .teacher__cart-wrapp .classes-cart-coll-classes {
    width: calc(100% + 20px);
  }
  .teacher__cart-wrapp > .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .teacher__cart-wrapp > .classes-cart-coll-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .teacher__cart-wrapp > .classes-cart-coll-info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .teacher__cart-wrapp > .classes-cart-coll-status {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}

.teacher__class-cart-coll-user {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 7;
  grid-area: teacher__class-cart-coll-user;
}

@media screen and (max-width: 1440px){
  .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
  }
  .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .classes-cart-coll-info {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .classes-cart-coll-status {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .classes-cart-coll-user {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 5;
  }
  .classes-cart-coll-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    -ms-grid-column: 7;
  }
  .teacher__class-cart-coll-user {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
  }
}

@media screen and (max-width: 1240px){
  .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .classes-cart-coll-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .classes-cart-coll-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .classes-cart-coll-status {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .classes-cart-coll-user {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .classes-cart-coll-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 4;
  }
}

@media screen and (max-width: 767px){
  .classes-cart-coll-classes {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .classes-cart-coll-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
  .classes-cart-coll-info {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .classes-cart-coll-status {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .classes-cart-coll-user {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .classes-cart-coll-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 2;
  }
  .teacher__class-cart-coll-user {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
  }
}

@media screen and (max-width: 992px){
  .teacher__class-cart-coll-user {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
}
@media (max-width: 1240px) {
  .teacher__class-cart-coll-user .classes-cart-alert {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .teacher__class-cart-coll-user .classes-cart-user {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .teacher__class-cart-coll-user .classes-user-img {
    margin-left: 10px;
    margin-right: 0;
  }
  .teacher__class-cart-coll-user .classes-user-name,
  .teacher__class-cart-coll-user .classes-user-type {
    text-align: right;
  }
}
@media screen and (max-width: 992px) {
  .teacher__class-cart-coll-user {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 15px;
  }
  .teacher__class-cart-coll-user .classes-cart-alert {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .teacher__class-cart-coll-user .classes-cart-user {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .teacher__class-cart-coll-user .classes-user-img {
    margin-right: 10px;
  }
  .teacher__class-cart-coll-user .classes-user-name,
  .teacher__class-cart-coll-user .classes-user-type {
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .teacher__class-cart-coll-user {
    margin-top: 20px;
    margin-left: 0;
  }
}

.control__wrapp {
  padding: 20px;
  margin-top: 35px;
  border-radius: 15px;
  background: #FFF;
}
@media (max-width: 1680px) {
  .control__wrapp {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .control__wrapp {
    margin-top: 20px;
    padding: 15px 10px;
  }
}

.control__wrapp-container + .control__wrapp-container {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .control__wrapp-container + .control__wrapp-container {
    margin-top: 20px;
  }
}

.control__wrapp-title {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .control__wrapp-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .control__wrapp-title {
    font-size: 16px;
  }
}

.control__head-cart {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "creating__table-coll-img creating__table-coll-id control__head-tell control__head-status" "creating__table-coll-img creating__table-coll-user control__head-tell control__head-status";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-grid-columns: auto auto auto auto;
  grid-template-columns: auto auto auto auto;
}
@media screen and (max-width: 767px) {
  .control__head-cart {
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
        grid-template-areas: "creating__table-coll-img creating__table-coll-id" "creating__table-coll-user creating__table-coll-user" "control__head-tell control__head-tell" "control__head-status control__head-status";
  }
  .control__head-cart > .creating__table-coll-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .control__head-cart > .creating__table-coll-id {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .control__head-cart > .creating__table-coll-user {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

.control__head-cart-img {
  width: 58px;
  height: 58px;
  margin-right: 20px;
}
.control__head-cart-img img,
.control__head-cart-img svg {
  width: 100%;
  height: 100%;
}
@media (max-width: 1680px) {
  .control__head-cart-img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .control__head-cart-img {
    margin-right: 10px;
  }
}

.control__head-status {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 4;
  grid-area: control__head-status;
  position: relative;
  margin-left: 40px;
}
.control__head-status::after {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C0CDE9;
}
@media screen and (max-width: 767px) {
  .control__head-status::after {
    background: none;
    width: 0;
    height: 0;
  }
}
@media screen and (max-width: 767px) {
  .control__head-status {
    margin-top: 10px;
    margin-left: 0;
  }
}

.control__head-tell {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  grid-area: control__head-tell;
  position: relative;
  margin-left: 40px;
}

@media screen and (max-width: 1500px){
  .creating__table-coll-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
  }
  .creating__table-coll-id {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .creating__table-coll-user {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .creating__table-coll-tell {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
  .creating__table-coll-status {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
  }
  .creating__table-coll-lessons {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
  }
  .creating__table-coll-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
  }
}

@media screen and (max-width: 992px){
  .creating__table-coll-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
  }
  .creating__table-coll-id {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .creating__table-coll-user {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .creating__table-coll-tell {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
  }
  .creating__table-coll-status {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .creating__table-coll-lessons {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .creating__table-coll-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    -ms-grid-column: 4;
  }
}

@media screen and (max-width: 767px){
  .creating__table-coll-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .creating__table-coll-id {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .creating__table-coll-user {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .creating__table-coll-tell {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .creating__table-coll-status {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .creating__table-coll-lessons {
    -ms-grid-row: 5;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .creating__table-coll-menu {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .control__head-status {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .control__head-tell {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}
.control__head-tell::after {
  content: "";
  position: absolute;
  left: -20px;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #C0CDE9;
}
@media screen and (max-width: 767px) {
  .control__head-tell::after {
    background: none;
    width: 0;
    height: 0;
  }
}
@media screen and (max-width: 767px) {
  .control__head-tell {
    margin-top: 10px;
    margin-left: 0;
  }
}

.conrtol__students-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;
  margin-top: 20px;
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.conrtol__students-search {
  width: 420px;
}
@media (max-width: 992px) {
  .conrtol__students-search {
    width: 380px;
  }
}
@media (max-width: 767px) {
  .conrtol__students-search {
    width: 100%;
  }
}

.conrtol__students-btn {
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 767px) {
  .conrtol__students-btn {
    width: 100%;
  }
}

.conrtol__students-tabel {
  margin-top: 20px;
  overflow: auto;
  height: 560px;
  padding-left: 20px;
}
@media (max-width: 1680px) {
  .conrtol__students-tabel {
    height: 430px;
  }
}
@media (max-width: 767px) {
  .conrtol__students-tabel {
    padding-left: 0;
    overflow: visible;
    height: auto;
  }
}

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

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

.conrtol__students-id {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: conrtol__students-id;
}

.conrtol__students-name {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: conrtol__students-name;
}

.conrtol__students-info {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 4;
  grid-area: conrtol__students-info;
}

.conrtol__students-row {
  display: -ms-grid;
  display: grid;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
      grid-template-areas: "conrtol__students-num conrtol__students-foto conrtol__students-id conrtol__students-info" "conrtol__students-num conrtol__students-foto conrtol__students-name conrtol__students-info";
  -ms-grid-columns: auto auto 1fr 1.5fr;
  grid-template-columns: auto auto 1fr 1.5fr;
  padding: 10px 15px;
  transition: 0.4s;
  border-radius: 10px;
}
@media (max-width: 1440px) {
  .conrtol__students-row {
    -ms-grid-columns: auto auto auto 1fr;
    grid-template-columns: auto auto auto 1fr;
  }
}
@media (max-width: 992px) {
  .conrtol__students-row {
    -ms-grid-columns: auto auto 1fr 1fr;
    grid-template-columns: auto auto 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .conrtol__students-row {
    -ms-grid-columns: auto 1fr auto;
    grid-template-columns: auto 1fr auto;
        grid-template-areas: "conrtol__students-foto conrtol__students-id conrtol__students-num" "conrtol__students-name conrtol__students-name conrtol__students-name" "conrtol__students-info conrtol__students-info conrtol__students-info";
    padding: 10px;
  }
  .conrtol__students-num {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
  .conrtol__students-foto {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
  .conrtol__students-id {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
  .conrtol__students-name {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .conrtol__students-info {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
}
@media (hover: hover) {
  .conrtol__students-row:hover {
    background: rgba(32, 76, 175, 0.04);
  }
}

.conrtol__students-row + .conrtol__students-row {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .conrtol__students-row + .conrtol__students-row {
    margin-top: 10px;
  }
}

.conrtol__students-row-coll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.conrtol__students-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 20px;
  padding-left: 20px;
}
@media (max-width: 767px) {
  .conrtol__students-info {
    padding-top: 12px;
    padding-left: 0;
  }
}

.control__stuends--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;
  color: #313233;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
}
.control__stuends--btn svg,
.control__stuends--btn img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}
@media (max-width: 1680px) {
  .control__stuends--btn svg,
  .control__stuends--btn img {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 1240px) {
  .control__stuends--btn svg,
  .control__stuends--btn img {
    width: 20px;
    height: 20px;
  }
}

.control__stuends--btn.--blue {
  color: #204CAF;
}

.control__stuends--btn.--hover {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.control__stuends--btn.--hover path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .control__stuends--btn.--hover:hover {
    color: #C60D0D;
  }
  .control__stuends--btn.--hover:hover path {
    fill: #C60D0D;
  }
}
@media (hover: none) {
  .control__stuends--btn.--hover:active {
    color: #C60D0D;
  }
  .control__stuends--btn.--hover:active path {
    fill: #C60D0D;
  }
}

@media (max-width: 767px) {
  .conrtol__students-name {
    padding-top: 12px;
  }
}

.conrtol__students-num {
  min-width: 30px;
  margin-right: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1240px) {
  .conrtol__students-num {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .conrtol__students-num {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-right: 0;
    min-width: 0;
    margin-left: 10px;
  }
}

.conrtol__students-foto-img {
  margin-right: 18px;
}
@media screen and (max-width: 1680px) {
  .conrtol__students-foto-img {
    margin-right: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .conrtol__students-foto-img {
    margin-right: 10px;
  }
}

.profile__left-box + .profile__left-box {
  margin-top: 30px;
}
@media (max-width: 767px) {
  .profile__left-box + .profile__left-box {
    margin-top: 15px;
  }
}

.profile__container-title {
  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;
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
}
@media screen and (max-width: 1240px) {
  .profile__container-title {
    font-size: 14px;
  }
}
.profile__container-title svg,
.profile__container-title img {
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
@media (max-width: 1680px) {
  .profile__container-title svg,
  .profile__container-title img {
    width: 20px;
    height: 20px;
  }
}

.profile__container-text {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
  padding-top: 10px;
}
@media screen and (max-width: 1680px) {
  .profile__container-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .profile__container-text {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .profile__container-text {
    padding-top: 5px;
  }
}

.profile__info-contacts {
  margin-top: 30px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto auto;
  grid-template-columns: auto auto auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 20px;
}
@media (max-width: 1680px) {
  .profile__info-contacts {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .profile__info-contacts {
    gap: 15px 20px;
  }
}
@media (max-width: 767px) {
  .profile__info-contacts {
    display: block;
  }
}

.profile__container + .profile__container {
  padding-top: 30px;
}
@media (max-width: 1240px) {
  .profile__container + .profile__container {
    padding-top: 15px;
  }
}

@media (max-width: 767px) {
  .profile__info-contacts-coll + .profile__info-contacts-coll {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  .profile__info-contacts-coll + .profile__info-contacts-blue {
    margin-top: 20px;
  }
}

.profile__info-contacts-blue {
  padding: 15px 40px 15px 15px;
  border-radius: 15px;
  background: rgba(148, 144, 219, 0.1);
}
@media (max-width: 1680px) {
  .profile__info-contacts-blue {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .profile__info-contacts-blue {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    padding: 10px;
  }
}

.profile__subtitle {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  padding-bottom: 30px;
}
@media (max-width: 1680px) {
  .profile__subtitle {
    font-size: 18px;
    padding-bottom: 20px;
  }
}
@media (max-width: 1240px) {
  .profile__subtitle {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .profile__subtitle {
    padding-bottom: 15px;
  }
}

.profile__passport {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 60px;
}
@media (max-width: 1680px) {
  .profile__passport {
    gap: 30px;
  }
}
@media (max-width: 1240px) {
  .profile__passport {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 20px;
  }
}
@media (max-width: 767px) {
  .profile__passport {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 15px;
  }
}

.profile__addres {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
@media (max-width: 1680px) {
  .profile__addres {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .profile__addres {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 15px;
  }
}

.profile__education-row + .profile__education-row {
  margin-top: 30px;
}
@media (max-width: 1240px) {
  .profile__education-row + .profile__education-row {
    margin-top: 15px;
  }
}

.profile__education-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
@media (max-width: 1680px) {
  .profile__education-row {
    gap: 30px;
  }
}
@media (max-width: 992px) {
  .profile__education-row {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .profile__education-row {
    gap: 15px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.profile__education-row .profile__container + .profile__container {
  padding-top: 0;
}

.profile__education-coll {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
@media (max-width: 1680px) {
  .profile__education-coll {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .profile__education-coll {
    gap: 15px;
  }
}

.profile__tell-row {
  padding-top: 30px;
}
@media screen and (max-width: 1680px) {
  .profile__tell-row {
    padding-top: 20px;
  }
}

.profile__container-link {
  color: #204caf;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .profile__container-link:hover {
    color: #c60d0d;
  }
}
@media (hover: none) {
  .profile__container-link:active {
    color: #c60d0d;
  }
}

.profile__header {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.profile__info-contacts--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.profile__save-btn {
  margin: 10px auto 0;
}
@media screen and (max-width: 1680px) {
  .profile__save-btn {
    margin-left: auto;
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  .profile__save-btn {
    margin-top: 20px;
  }
}

.profile__info-safely {
  margin-top: 30px;
}

.profile__info-about {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -ms-grid-columns: 328px 1fr;
  grid-template-columns: 328px 1fr;
  grid-gap: 30px;
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .profile__info-about {
    margin-top: 20px;
    grid-gap: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .profile__info-about {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 15px;
    margin-top: 15px;
  }
}

.profile__about-textarea {
  height: 113px;
}

.profile__parent {
  border-radius: 15px;
  background: rgba(243, 61, 181, 0.1);
  padding: 15px;
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
  margin-top: 35px;
}
@media screen and (max-width: 1680px) {
  .profile__parent {
    margin-top: 25px;
    grid-gap: 10px;
    padding: 10px;
  }
}
@media screen and (max-width: 992px) {
  .profile__parent {
    border-radius: 10px;
    margin-top: 15px;
    grid-gap: 5px;
  }
}

.profile__parent-list {
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
}
@media screen and (max-width: 1680px) {
  .profile__parent-list {
    grid-gap: 10px;
  }
}
@media screen and (max-width: 992px) {
  .profile__parent-list {
    grid-gap: 5px;
  }
}

.profile__parent-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-gap: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1680px) {
  .profile__parent-item {
    grid-gap: 5px 10px;
  }
}
@media screen and (max-width: 767px) {
  .profile__parent-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.profile__parent-name,
.profile__parent-phone {
  font-weight: 500;
  line-height: 114%;
  font-size: 20px;
}
@media screen and (max-width: 1680px) {
  .profile__parent-name,
  .profile__parent-phone {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .profile__parent-name,
  .profile__parent-phone {
    font-size: 14px;
  }
}

.profile__parent-name {
  color: var(--vinous);
}

.profile__parent-phone {
  position: relative;
  color: var(--dark);
}

.talk__emoji-img {
  display: inline-block;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 1680px) {
  .talk__emoji-img {
    width: 21px;
    height: 21px;
  }
}
@media screen and (max-width: 1240px) {
  .talk__emoji-img {
    width: 18px;
    height: 18px;
  }
}

.talk__wrapp {
  margin-top: 30px;
  gap: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 450px calc(100% - 470px);
  grid-template-columns: 450px calc(100% - 470px);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1680px) {
  .talk__wrapp {
    margin-top: 20px;
    gap: 15px;
    -ms-grid-columns: 325px calc(100% - 340px);
    grid-template-columns: 325px calc(100% - 340px);
  }
}
@media (max-width: 992px) {
  .talk__wrapp {
    display: block;
  }
}

.talk-left {
  position: relative;
  border-radius: 15px;
  background: #FFF;
  padding: 20px;
}
@media (max-width: 1680px) {
  .talk-left {
    padding: 15px;
  }
}

.talk__left-header-title {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .talk__left-header-title {
    font-size: 18px;
  }
}

.talk__left-header-coll {
  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: 992px) {
  .talk__left-header-coll {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.talk__left-header-coll img,
.talk__left-header-coll svg {
  width: 27.774px;
  height: 21px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .talk__left-header-coll img,
  .talk__left-header-coll svg {
    width: 23.806px;
    height: 18px;
  }
}
@media (max-width: 1240px) {
  .talk__left-header-coll img,
  .talk__left-header-coll svg {
    margin-right: 10px;
  }
}

.tald__left-header-btn {
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #0FAEFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
}
.tald__left-header-btn::before {
  content: "Развернуть";
}
.tald__left-header-btn svg,
.tald__left-header-btn img {
  width: 12px;
  height: 14.571px;
  margin-left: 5px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 992px) {
  .tald__left-header-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

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

.talk-controll-input:checked ~ .talk__left-header .tald__left-header-btn {
  color: rgba(116, 117, 118, 0.5);
}
.talk-controll-input:checked ~ .talk__left-header .tald__left-header-btn svg,
.talk-controll-input:checked ~ .talk__left-header .tald__left-header-btn img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.talk-controll-input:checked ~ .talk__left-header .tald__left-header-btn path {
  fill: rgba(116, 117, 118, 0.5);
}

.talk__left-container.-notific {
  background: rgba(243, 61, 76, 0.05);
}

.talk__left-container.--active-chat {
  background: rgba(32, 76, 175, 0.05);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
}
.talk__left-container.--active-chat .talk__left-coll-title {
  color: #204CAF;
}

.talk__left-container {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  padding: 15px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 55px 1fr;
  grid-template-columns: 55px 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}
@media (max-width: 1680px) {
  .talk__left-container {
    padding: 10px;
    -ms-grid-columns: 40px 1fr;
    grid-template-columns: 40px 1fr;
    gap: 10px;
  }
}
@media (hover: hover) {
  .talk__left-container:hover {
    background: rgba(32, 76, 175, 0.05);
  }
}
@media (hover: none) {
  .talk__left-container:active {
    background: rgba(32, 76, 175, 0.05);
  }
}

.talk__left-container + .talk__left-container {
  margin-top: 10px;
}

.talk__left-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;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  overflow: hidden;
}
@media (max-width: 1680px) {
  .talk__left-img {
    width: 40px;
    height: 40px;
  }
}
.talk__left-img img,
.talk__left-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.talk__left-coll-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;
}

.talk__left-time {
  color: #747576;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  opacity: 0.5;
  text-align: right;
  padding-left: 10px;
}
@media (max-width: 1680px) {
  .talk__left-time {
    font-size: 10px;
  }
}

.talk__left-coll-title {
  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;
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .talk__left-coll-title {
    font-size: 12px;
  }
}
.talk__left-coll-title img,
.talk__left-coll-title svg {
  width: 19px;
  height: 19px;
  margin-right: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

.talk__left-coll-body {
  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-top: 5px;
}
.talk__left-coll-body img,
.talk__left-coll-body svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
  margin-left: 15px;
}
@media (max-width: 1680px) {
  .talk__left-coll-body img,
  .talk__left-coll-body svg {
    width: 21px;
    height: 21px;
  }
}

.talk__left-mess {
  padding-left: 4px;
  padding-right: 4px;
  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;
  height: 20px;
  min-width: 20px;
  color: #FFF;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  border-radius: 20px;
  background: #F33D4C;
  margin-left: 15px;
}
@media (max-width: 1680px) {
  .talk__left-mess {
    width: 16px;
    height: 16px;
    font-size: 12px;
  }
}

.talk__left-coll-text {
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  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 screen and (max-width: 1680px) {
  .talk__left-coll-text {
    font-size: 12px;
  }
}

.talk__left-group-name {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  padding-right: 10px;
}
@media screen and (max-width: 1680px) {
  .talk__left-group-name {
    font-size: 12px;
  }
}

.talk__left-group-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.talk-center {
  border-radius: 10px;
  background: #F9FDFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  display: block;
  height: auto;
}
.talk-center::after, .talk-center::before {
  background: #F9FDFF;
}

.talk__center-body {
  overflow: auto;
  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;
  min-height: 300px;
  margin: 20px;
  height: calc(100vh - 450px);
}
@media (max-width: 1680px) {
  .talk__center-body {
    margin: 15px;
    height: calc(100vh - 400px);
  }
}
@media (max-width: 1240px) {
  .talk__center-body {
    margin: 10px;
    height: calc(100vh - 410px);
  }
}
@media (max-width: 992px) {
  .talk__center-body {
    height: calc(100vh - 280px);
  }
}

.talk__center-chat-wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 25px;
}
@media screen and (max-width: 1680px) {
  .talk__center-chat-wrapp {
    padding-right: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .talk__center-chat-wrapp {
    padding-right: 10px;
  }
}

.talk__chat-row + .talk__chat-row {
  margin-top: 20px;
}
@media screen and (max-width: 1680px) {
  .talk__chat-row + .talk__chat-row {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .talk__chat-row + .talk__chat-row {
    margin-top: 10px;
  }
}

.talk__chat-date {
  color: #747576;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  padding-left: 25px;
}
@media screen and (max-width: 1680px) {
  .talk__chat-date {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .talk__chat-date {
    font-size: 12px;
  }
}
@media screen and (max-width: 1680px) {
  .talk__chat-date {
    padding-left: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .talk__chat-date {
    padding-left: 10px;
  }
}

.talk__chat-out {
  margin-left: 0;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.talk__chat-entering {
  margin-left: auto;
  margin-right: 0;
}

.talk__chat-time {
  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;
  color: #918888;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 107%;
  margin-top: 10px;
}
.talk__chat-time img,
.talk__chat-time svg {
  width: 24px;
  height: 24px;
  margin-left: 10px;
}
@media (max-width: 1680px) {
  .talk__chat-time img,
  .talk__chat-time svg {
    width: 21px;
    height: 21px;
    margin-left: 5px;
  }
}
@media (max-width: 1680px) {
  .talk__chat-time {
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .talk__chat-time {
    margin-top: 5px;
  }
}

.talk__chat-container-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 10px;
  background: rgba(116, 117, 118, 0.1);
  padding: 15px;
  max-width: 650px;
}
@media (max-width: 1680px) {
  .talk__chat-container-text {
    padding: 10px;
  }
}
@media (max-width: 1240px) {
  .talk__chat-container-text {
    max-width: 560px;
  }
}

.talk__chat-container-text + .talk__chat-container-text {
  margin-top: 10px;
}
@media (max-width: 1240px) {
  .talk__chat-container-text + .talk__chat-container-text {
    margin-top: 5px;
  }
}

.talk__chat-container-text.talk__chat-entering-box {
  background: rgba(148, 144, 219, 0.15);
  margin-left: auto;
  margin-right: 0;
}

.talk__chat-text {
  color: #242323;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1680px) {
  .talk__chat-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .talk__chat-text {
    font-size: 14px;
  }
}

.talk__chat-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-top: 20px;
  gap: 15px 20px;
}
@media (max-width: 1680px) {
  .talk__chat-list {
    padding-top: 15px;
    gap: 10px 15px;
  }
}
@media (max-width: 767px) {
  .talk__chat-list {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.talk__answer-name {
  font-size: 18px;
}
@media screen and (max-width: 1680px) {
  .talk__answer-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .talk__answer-name {
    font-size: 14px;
  }
}

.talk__chat-inner-link img,
.talk__chat-inner-link svg {
  width: 24px;
  height: 24px;
  margin-left: 10px;
}
@media (max-width: 1680px) {
  .talk__chat-inner-link img,
  .talk__chat-inner-link svg {
    width: 21px;
    height: 21px;
  }
}

.talk__chat-row-name {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #242323;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 107%;
  display: block;
  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: 3px;
}
@media screen and (max-width: 1680px) {
  .talk__chat-row-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .talk__chat-row-name {
    font-size: 12px;
  }
}
.talk__chat-row-name img,
.talk__chat-row-name svg {
  width: 23px;
  height: 23px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1240px) {
  .talk__chat-row-name img,
  .talk__chat-row-name svg {
    width: 20px;
    height: 20px;
  }
}
@media (hover: hover) {
  .talk__chat-row-name:hover {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .talk__chat-row-name:active {
    color: #0FAEFF;
  }
}

.talk__chat-row-name + .talk__chat-container-text {
  margin-top: 10px;
}
@media (max-width: 1680px) {
  .talk__chat-row-name + .talk__chat-container-text {
    margin-top: 5px;
  }
}

.talk__chat-row-img {
  -ms-flex-negative: 0;
      flex-shrink: 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;
  border-radius: 50%;
  overflow: hidden;
  width: 45px;
  height: 45px;
  margin-right: 15px;
}
.talk__chat-row-img img,
.talk__chat-row-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1680px) {
  .talk__chat-row-img {
    width: 36px;
    height: 36px;
    margin-right: 10px;
  }
}
@media (max-width: 1240px) {
  .talk__chat-row-img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
  }
}

.talk__chat-out .talk__chat-time {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.talk__chat-container-img img,
.talk__chat-container-img svg {
  width: 165px;
  height: auto;
  display: block;
  margin-top: 10px;
}
@media (max-width: 1680px) {
  .talk__chat-container-img img,
  .talk__chat-container-img svg {
    margin-top: 5px;
  }
}

.talk__center-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;
  border-radius: 10px;
  padding: 15px;
  background: #FDFEFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
}
@media (max-width: 1680px) {
  .talk__center-header {
    padding: 10px;
  }
}

.talk__center-user-img {
  width: 47px;
  height: 47px;
  margin-right: 17px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
.talk__center-user-img img,
.talk__center-user-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (max-width: 1680px) {
  .talk__center-user-img {
    width: 36px;
    height: 36px;
    margin-right: 10px;
  }
}
@media (max-width: 1240px) {
  .talk__center-user-img {
    width: 33px;
    height: 33px;
  }
}

.talk__center-user {
  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;
}

.talk__center-user-name {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .talk__center-user-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .talk__center-user-name {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .talk__center-user-name:hover {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .talk__center-user-name:active {
    color: #0FAEFF;
  }
}

.talk__center-user-time {
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  padding-top: 5px;
}
@media screen and (max-width: 1680px) {
  .talk__center-user-time {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .talk__center-user-time {
    font-size: 12px;
  }
}

.talk__number-participants {
  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: 10px;
}

.talk__number-imgs {
  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-left: 10px;
}
.talk__number-imgs img,
.talk__number-imgs svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 31px;
  height: 31px;
  display: block;
  border-radius: 50%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1680px) {
  .talk__number-imgs img,
  .talk__number-imgs svg {
    width: 24px;
    height: 24px;
  }
}
.talk__number-imgs img + img,
.talk__number-imgs svg + svg,
.talk__number-imgs img + svg,
.talk__number-imgs svg + img {
  margin-left: -15px;
}
@media (max-width: 1680px) {
  .talk__number-imgs img + img,
  .talk__number-imgs svg + svg,
  .talk__number-imgs img + svg,
  .talk__number-imgs svg + img {
    margin-left: -12px;
  }
}
@media (max-width: 572px) {
  .talk__number-imgs {
    display: none;
  }
}

.talk__number-text {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  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 screen and (max-width: 1680px) {
  .talk__number-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .talk__number-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .talk__number-text {
    font-size: 12px;
  }
}

.talk__chat-not-chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 20px;
  min-height: 300px;
  height: calc(100vh - 450px);
}
.talk__chat-not-chat img,
.talk__chat-not-chat svg {
  width: 142px;
  height: 142px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .talk__chat-not-chat img,
  .talk__chat-not-chat svg {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 1240px) {
  .talk__chat-not-chat img,
  .talk__chat-not-chat svg {
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 767px) {
  .talk__chat-not-chat img,
  .talk__chat-not-chat svg {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 1680px) {
  .talk__chat-not-chat {
    height: calc(100vh - 400px);
  }
}
@media (max-width: 1240px) {
  .talk__chat-not-chat {
    height: calc(100vh - 410px);
  }
}
@media (max-width: 992px) {
  .talk__chat-not-chat {
    height: calc(100vh - 280px);
  }
}

.talk__chat-not-text {
  color: #747576;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  padding-top: 15px;
}
@media (max-width: 1680px) {
  .talk__chat-not-text {
    font-size: 18px;
  }
}
@media (max-width: 1240px) {
  .talk__chat-not-text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .talk__chat-not-text {
    font-size: 14px;
  }
}

.talk__chat-row + .talk__chat-not-chat {
  display: none;
}

.talk__center-footer {
  padding: 15px 20px;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
  background: #fff;
}
.talk__center-footer::after, .talk__center-footer::before {
  background: #fff;
}
@media (max-width: 767px) {
  .talk__center-footer {
    padding: 10px;
  }
}

.talk__center-footer-cart {
  background: none;
  margin: 0;
}
.talk__center-footer-cart::after, .talk__center-footer-cart::before {
  background: none;
}
@media (hover: hover) {
  .talk__center-footer-cart:hover {
    background: none;
  }
  .talk__center-footer-cart:hover::after, .talk__center-footer-cart:hover::before {
    background: none;
  }
}
@media (hover: none) {
  .talk__center-footer-cart:active {
    background: none;
  }
  .talk__center-footer-cart:active::after, .talk__center-footer-cart:active::before {
    background: none;
  }
}

.talk__center-footer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 15px;
}
@media (max-width: 1680px) {
  .talk__center-footer-row {
    gap: 10px;
  }
}

.talk__center-emoji {
  width: 100%;
}
.talk__center-emoji .emoji__box-input {
  background: #F8F8F8;
}
@media (max-width: 767px) {
  .talk__center-emoji .emoji__box-input {
    padding-top: 9px;
    padding-bottom: 9px;
  }
}

@media (max-width: 1240px) {
  .talk__center-btn {
    height: 32px;
  }
}
@media (max-width: 767px) {
  .talk__center-btn {
    width: 35px;
    height: 32px;
    padding: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .talk__center-btn span {
    display: none;
  }
  .talk__center-btn svg,
  .talk__center-btn img {
    margin: 0;
    width: 16px;
    height: 16px;
  }
}

.talk__file-btn {
  cursor: pointer;
}

.talk__file-list {
  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;
  gap: 0 20px;
}
.talk__file-list .file__row-img {
  background: url("../../assets/img/icon/pdf.svg") no-repeat center center/contain !important;
}
.talk__file-list .file-simplified-row {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .talk__file-list .file-simplified-row {
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .talk__file-list {
    display: block;
  }
}

.talk__left-wrapp {
  margin-top: 20px;
  min-height: 300px;
  max-height: calc(100vh - 315px);
  overflow: auto;
  padding-right: 15px;
}
@media (max-width: 1680px) {
  .talk__left-wrapp {
    max-height: calc(100vh - 270px);
    padding-right: 10px;
    margin-top: 15px;
  }
}
@media (max-width: 1240px) {
  .talk__left-wrapp {
    max-height: calc(100vh - 320px);
  }
}
@media (max-width: 992px) {
  .talk__left-wrapp {
    max-height: calc(100vh - 515px);
    display: none;
  }
}

@media (max-width: 992px) {
  .talk__left-header {
    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;
  }
  .talk-controll-input:checked ~ .talk__left-wrapp {
    display: block;
  }
}
@media (max-width: 992px) {
  .talk-center {
    margin-top: 20px;
  }
}

.timesheet__performance-box-row {
  display: block;
}

.timesheet-box {
  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;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  gap: 10px;
}
@media (max-width: 767px) {
  .timesheet-box {
    gap: 5px;
  }
}

.timesheet-box-img {
  width: 37px;
  height: 37px;
}
.timesheet-box-img img,
.timesheet-box-img svg {
  width: 70%;
  height: 70%;
}
@media (max-width: 1680px) {
  .timesheet-box-img {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 1240px) {
  .timesheet-box-img {
    width: 27px;
    height: 27px;
  }
}

.timesheet-link {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .timesheet-link {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .timesheet-link {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .timesheet-link {
    font-size: 10px;
  }
}

.progress-timesheet-box {
  padding: 30px 40px;
  border-radius: 15px;
}
@media (max-width: 1680px) {
  .progress-timesheet-box {
    padding: 20px 30px;
  }
}
@media (max-width: 1240px) {
  .progress-timesheet-box {
    padding: 20px 15px;
  }
}
@media (max-width: 767px) {
  .progress-timesheet-box {
    padding: 10px;
  }
}

.progress-timesheet-swipers {
  margin-top: 50px;
}
@media screen and (max-width: 1680px) {
  .progress-timesheet-swipers {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1240px) {
  .progress-timesheet-swipers {
    margin-top: 30px;
  }
}

.progress-timesheet--select {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.progress-timesheet-head-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;
}

.documents__wrapp {
  border-radius: 15px;
  background: #FFF;
  padding: 20px;
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .documents__wrapp {
    padding: 15px;
  }
}
@media (max-width: 1240px) {
  .documents__wrapp {
    padding: 10px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .documents__wrapp {
    margin-top: 25px;
  }
}

@media (max-width: 767px) {
  .document__btn {
    margin-top: 15px;
  }
}

.plan-box {
  margin-top: 30px;
  padding: 30px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.6);
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px 30px;
}
@media (max-width: 1680px) {
  .plan-box {
    margin-top: 20px;
    padding: 15px;
    gap: 15px;
  }
}
@media (max-width: 1240px) {
  .plan-box {
    margin-top: 15px;
    padding: 10px;
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  .plan-box {
    padding: 0;
    background: none;
  }
}

.plan-box.--active {
  display: -ms-grid;
  display: grid;
}

.plan-cart {
  margin-top: 5px;
  padding: 3px;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
  background: rgba(255, 255, 255, 0);
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.plan-cart::after, .plan-cart::before {
  background: -webkit-gradient(linear, left top, right top, from(#B4E1F7), to(rgba(15, 174, 255, 0)));
  background: -o-linear-gradient(left, #B4E1F7 0%, rgba(15, 174, 255, 0) 100%);
  background: linear-gradient(90deg, #B4E1F7 0%, rgba(15, 174, 255, 0) 100%);
  opacity: 0;
}
@media (hover: hover) {
  .plan-cart:hover {
    background: -webkit-gradient(linear, left top, right top, from(#B4E1F7), to(rgba(15, 174, 255, 0)));
    background: -o-linear-gradient(left, #B4E1F7 0%, rgba(15, 174, 255, 0) 100%);
    background: linear-gradient(90deg, #B4E1F7 0%, rgba(15, 174, 255, 0) 100%);
    -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
            box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
  }
  .plan-cart:hover::after, .plan-cart:hover::before {
    opacity: 1;
  }
  .plan-cart:hover .plan-cart-title {
    color: #0FAEFF;
  }
}

.plan-cart-wrapp {
  background: #fff;
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 78px 1fr auto;
  grid-template-columns: 78px 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 15px 30px 15px 15px;
}
.plan-cart-wrapp::after, .plan-cart-wrapp::before {
  background: #fff;
}
@media (max-width: 1680px) {
  .plan-cart-wrapp {
    -ms-grid-columns: 60px 1fr auto;
    grid-template-columns: 60px 1fr auto;
    gap: 10px;
  }
}
@media (max-width: 1240px) {
  .plan-cart-wrapp {
    -ms-grid-columns: 55px 1fr auto;
    grid-template-columns: 55px 1fr auto;
  }
}
@media (max-width: 767px) {
  .plan-cart-wrapp {
    -ms-grid-columns: 50px 1fr auto;
    grid-template-columns: 50px 1fr auto;
  }
}

.plan-cart-title {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .plan-cart-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .plan-cart-title {
    font-size: 14px;
  }
}

.plan-cart-info {
  border-radius: 30px;
  background: rgba(148, 144, 219, 0.2);
  padding: 6px 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #9490DB;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  margin-bottom: 10px;
}
@media (max-width: 1680px) {
  .plan-cart-info {
    padding: 5px 10px;
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .plan-cart-info {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .plan-cart-info {
    margin-bottom: 5px;
  }
}

.plan-cart-img {
  border-radius: 5px;
  border: 1px solid rgba(116, 117, 118, 0.05);
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  width: 78px;
  height: 78px;
  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;
}
.plan-cart-img img,
.plan-cart-img svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 65%;
  height: 65%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .plan-cart-img {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 1240px) {
  .plan-cart-img {
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 767px) {
  .plan-cart-img {
    width: 50px;
    height: 50px;
  }
}

.plan-cart-btn,
.plan-cart-btn-span {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.plan-cart-btn::after, .plan-cart-btn::before,
.plan-cart-btn-span::after,
.plan-cart-btn-span::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (hover: hover) {
  .plan-cart-btn:hover,
  .plan-cart-btn-span:hover {
    -webkit-box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
            box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
    background: #F50000;
  }
  .plan-cart-btn:hover::after, .plan-cart-btn:hover::before,
  .plan-cart-btn-span:hover::after,
  .plan-cart-btn-span:hover::before {
    -webkit-box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
            box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
    background: #F50000;
  }
}
@media (hover: none) {
  .plan-cart-btn:active,
  .plan-cart-btn-span:active {
    -webkit-box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
            box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
    background: #F50000;
  }
  .plan-cart-btn:active::after, .plan-cart-btn:active::before,
  .plan-cart-btn-span:active::after,
  .plan-cart-btn-span:active::before {
    -webkit-box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
            box-shadow: 0px 10px 40px rgba(245, 0, 0, 0.21);
    background: #F50000;
  }
}

@media (max-width: 767px) {
  .plan-cart-btn-span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 36px;
    height: 32px;
    padding: 0;
  }
  .plan-cart-btn-span span {
    display: none;
  }
  .plan-cart-btn-span svg,
  .plan-cart-btn-span img {
    margin: 0;
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 767px) {
  .plan-tab-row {
    margin-top: 15px;
  }
}

.lecture__header-title {
  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: 15px;
  font-size: 28px;
}
@media (max-width: 1680px) {
  .lecture__header-title {
    gap: 10px;
  }
}
@media (max-width: 1240px) {
  .lecture__header-title {
    font-size: 20px;
  }
}
.lecture__header-title .lecture__header-img {
  border-radius: 5px;
  border: 1px solid rgba(116, 117, 118, 0.05);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  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: 38px;
  height: 38px;
}
@media (max-width: 1680px) {
  .lecture__header-title .lecture__header-img {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 1240px) {
  .lecture__header-title .lecture__header-img {
    width: 27px;
    height: 27px;
  }
}
.lecture__header-title .lecture__header-img img,
.lecture__header-title .lecture__header-img svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 65%;
  height: 65%;
  margin: auto;
}

.lecture__fixed-header {
  padding-bottom: 15px;
}
@media (max-width: 1680px) {
  .lecture__fixed-header {
    padding-bottom: 10px;
  }
}
@media (max-width: 992px) {
  .lecture__fixed-header {
    display: none;
  }
}

@media (max-width: 992px) {
  .lecture__fixed-wrapp {
    width: 315px;
    border-radius: 0 0 0 15px;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
            box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .lecture__fixed-wrapp {
    width: 220px;
  }
}

@media (max-width: 1680px) {
  .lecture__fixed-list {
    max-height: 605px;
  }
}
@media (max-width: 992px) {
  .lecture__fixed-list {
    min-height: 90px;
    max-height: calc(100vh - 220px);
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .lecture__fixed-list {
    max-height: calc(100vh - 240px);
  }
}

@media (max-width: 992px) {
  .lecture__fixed-menu {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media (max-width: 1680px) {
  .lecture__fixed-title {
    font-size: 18px;
  }
}

.lecture {
  margin-top: 45px;
}
@media screen and (max-width: 1680px) {
  .lecture {
    margin-top: 25px;
  }
}
@media screen and (max-width: 1240px) {
  .lecture {
    margin-top: 30px;
  }
}

.lecture__cart {
  position: relative;
  background: none;
}
.lecture__cart:nth-child(1) {
  margin-top: 0;
}
.lecture__cart::after, .lecture__cart::before {
  background: none;
}
@media (hover: hover) {
  .lecture__cart:hover {
    background: none;
  }
  .lecture__cart:hover::after, .lecture__cart:hover::before {
    background: none;
  }
}
@media (hover: none) {
  .lecture__cart:active {
    background: none;
  }
  .lecture__cart:active::after, .lecture__cart:active::before {
    background: none;
  }
}

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

.lecture__cart-wrapp {
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
}
.lecture__cart-wrapp::after, .lecture__cart-wrapp::before {
  background: #fff;
}

.lecture__cart-header {
  margin-top: 0;
  padding: 3px;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.lecture__cart-header::after, .lecture__cart-header::before {
  background: -webkit-gradient(linear, left top, right top, from(#B4E1F7), to(rgba(15, 174, 255, 0)));
  background: -o-linear-gradient(left, #B4E1F7 0%, rgba(15, 174, 255, 0) 100%);
  background: linear-gradient(90deg, #B4E1F7 0%, rgba(15, 174, 255, 0) 100%);
  opacity: 0;
}
@media (hover: hover) {
  .lecture__cart-header:hover {
    background: -webkit-gradient(linear, left top, right top, from(#B4E1F7), to(rgba(15, 174, 255, 0)));
    background: -o-linear-gradient(left, #B4E1F7 0%, rgba(15, 174, 255, 0) 100%);
    background: linear-gradient(90deg, #B4E1F7 0%, rgba(15, 174, 255, 0) 100%);
  }
  .lecture__cart-header:hover::after, .lecture__cart-header:hover::before {
    opacity: 1;
  }
}

.lecture__cart-header-wrapp {
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
}
.lecture__cart-header-wrapp::after, .lecture__cart-header-wrapp::before {
  background: #fff;
}

.lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__cart-header {
  background: #CFEFFF;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
}
.lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__cart-header::after, .lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__cart-header::before {
  background: #CFEFFF;
  opacity: 1;
}
.lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__control-btn {
  color: #747576;
}
.lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__control-btn path {
  fill: #747576;
}
.lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__control-btn::before {
  content: "Свернуть обратно";
}
.lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__control-btn svg,
.lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__control-btn img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (hover: hover) {
  .lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__control-btn:hover {
    color: #F33D4C;
  }
  .lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__control-btn:hover path {
    fill: #F33D4C;
  }
}
@media (hover: none) {
  .lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__control-btn:active {
    color: #F33D4C;
  }
  .lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__control-btn:active path {
    fill: #F33D4C;
  }
}
.lecture__controll-input:checked ~ .lecture__cart-wrapp .lecture__container {
  display: block;
}

.lecture__control-btn {
  position: relative;
  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;
  color: #0FAEFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  cursor: pointer;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.lecture__control-btn path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.lecture__control-btn::before {
  content: "Развернуть";
}
@media (max-width: 1680px) {
  .lecture__control-btn {
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .lecture__control-btn {
    font-size: 12px;
  }
}
@media (hover: hover) {
  .lecture__control-btn:hover {
    color: #F33D4C;
  }
  .lecture__control-btn:hover path {
    fill: #F33D4C;
  }
}
@media (hover: none) {
  .lecture__control-btn:active {
    color: #F33D4C;
  }
  .lecture__control-btn:active path {
    fill: #F33D4C;
  }
}
.lecture__control-btn svg,
.lecture__control-btn img {
  width: 14px;
  height: 14px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: 5px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .lecture__control-btn svg,
  .lecture__control-btn img {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 992px) {
  .lecture__control-btn svg,
  .lecture__control-btn img {
    width: 10px;
    height: 10px;
  }
}

.lecture__cart-classes {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: lecture__cart-classes;
}

.lecture__cart-name {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: lecture__cart-name;
}
@media (max-width: 767px) {
  .lecture__cart-name {
    margin-top: 10px;
  }
}

.lecture__cart-controll {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: lecture__cart-controll;
}
@media (max-width: 767px) {
  .lecture__cart-controll {
    margin-top: 5px;
  }
}

.lecture__cart-status {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
  grid-area: lecture__cart-status;
}

.lecture__cart-header-wrapp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 10px auto 10px 1fr 10px auto;
  grid-template-columns: auto auto 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
      grid-template-areas: "lecture__cart-classes lecture__cart-name lecture__cart-controll lecture__cart-status";
  gap: 10px;
  padding: 15px 20px 15px 30px;
  min-height: 105px;
}
@media (max-width: 1680px) {
  .lecture__cart-header-wrapp {
    min-height: 85px;
    padding: 15px;
  }
}
@media (max-width: 1240px) {
  .lecture__cart-header-wrapp {
    min-height: 65px;
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .lecture__cart-header-wrapp {
    padding: 10px;
    -ms-grid-columns: 1fr 10px auto;
    grid-template-columns: 1fr auto;
    gap: 0 10px;
    -ms-grid-rows: auto 0 auto 0 auto;
        grid-template-areas: "lecture__cart-classes lecture__cart-status" "lecture__cart-name lecture__cart-name" "lecture__cart-controll lecture__cart-controll";
  }
  .lecture__cart-classes {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .lecture__cart-name {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .lecture__cart-controll {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 3;
  }
  .lecture__cart-status {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}

.lecture__cart-name {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .lecture__cart-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .lecture__cart-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .lecture__cart-name {
    font-size: 12px;
  }
}

.lecture__cart-classes {
  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;
  color: #F50000;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .lecture__cart-classes {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .lecture__cart-classes {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .lecture__cart-classes {
    font-size: 12px;
  }
}
.lecture__cart-classes img,
.lecture__cart-classes svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
@media (max-width: 1680px) {
  .lecture__cart-classes img,
  .lecture__cart-classes svg {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 1240px) {
  .lecture__cart-classes img,
  .lecture__cart-classes svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
}
@media (max-width: 767px) {
  .lecture__cart-classes img,
  .lecture__cart-classes svg {
    width: 16px;
    height: 16px;
  }
}

.lecture__cart-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;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .lecture__cart-status {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .lecture__cart-status {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .lecture__cart-status {
    font-size: 12px;
  }
}
.lecture__cart-status img,
.lecture__cart-status svg {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
@media (max-width: 1680px) {
  .lecture__cart-status img,
  .lecture__cart-status svg {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 1240px) {
  .lecture__cart-status img,
  .lecture__cart-status svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
}
@media (max-width: 767px) {
  .lecture__cart-status img,
  .lecture__cart-status svg {
    width: 16px;
    height: 16px;
  }
}

.lecture__container-name {
  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;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .lecture__container-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .lecture__container-name {
    font-size: 14px;
  }
}
.lecture__container-name path {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.lecture__container-name img,
.lecture__container-name svg {
  width: 24px;
  height: 24px;
  margin-right: 20px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .lecture__container-name img,
  .lecture__container-name svg {
    width: 21px;
    height: 21px;
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .lecture__container-name img,
  .lecture__container-name svg {
    margin-right: 5px;
  }
}
.lecture__container-name .lecture__container--svg {
  width: 24px;
  height: 24px;
  margin-left: 5px;
}
@media (max-width: 1240px) {
  .lecture__container-name .lecture__container--svg {
    width: 18px;
    height: 18px;
  }
}

.lecture__container-status {
  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;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .lecture__container-status {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .lecture__container-status {
    font-size: 14px;
  }
}
@media (max-width: 572px) {
  .lecture__container-status {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.lecture__container-status img,
.lecture__container-status svg {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
@media (max-width: 1680px) {
  .lecture__container-status img,
  .lecture__container-status svg {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 1240px) {
  .lecture__container-status img,
  .lecture__container-status svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
}

.lecture__container-line {
  width: 126px;
  height: 9px;
  margin-left: auto;
  margin-right: 0;
  background: -webkit-gradient(linear, left top, right top, from(#F39C38), to(rgba(243, 156, 56, 0)));
  background: -o-linear-gradient(left, #F39C38 0%, rgba(243, 156, 56, 0) 100%);
  background: linear-gradient(90deg, #F39C38 0%, rgba(243, 156, 56, 0) 100%);
  border-radius: 9px;
}
@media (max-width: 572px) {
  .lecture__container-line {
    margin-top: 5px;
    width: 115px;
    height: 6px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
  }
}

.lecture__container-line.--green {
  background: #90D557;
  opacity: 0.5;
}

.lecture__container-line.--gray {
  background: #747576;
  opacity: 0.2;
}

.lecture__container {
  padding: 20px;
  display: none;
}
@media (max-width: 1680px) {
  .lecture__container {
    padding: 15px;
  }
}
@media (max-width: 1240px) {
  .lecture__container {
    padding: 10px;
  }
}

.lecture__container-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 190px 130px;
  grid-template-columns: 1fr 190px 130px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  border-radius: 10px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .lecture__container-row {
    padding: 15px;
    -ms-grid-columns: 1fr 170px 130px;
    grid-template-columns: 1fr 170px 130px;
  }
}
@media (max-width: 1240px) {
  .lecture__container-row {
    padding: 10px;
    -ms-grid-columns: 1fr 130px 130px;
    grid-template-columns: 1fr 130px 130px;
  }
}
@media (max-width: 572px) {
  .lecture__container-row {
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
  }
}
@media (hover: hover) {
  .lecture__container-row:hover {
    background: rgba(32, 76, 175, 0.05);
  }
  .lecture__container-row:hover .lecture__container-name {
    color: #204CAF;
  }
  .lecture__container-row:hover .lecture__container--svg {
    -webkit-transform: rotate(19deg);
        -ms-transform: rotate(19deg);
            transform: rotate(19deg);
  }
  .lecture__container-row:hover .lecture__container--svg path {
    fill: #204CAF;
  }
}
@media (hover: none) {
  .lecture__container-row:active {
    background: rgba(32, 76, 175, 0.05);
  }
  .lecture__container-row:active .lecture__container-name {
    color: #204CAF;
  }
  .lecture__container-row:active .lecture__container--svg {
    -webkit-transform: rotate(19deg);
        -ms-transform: rotate(19deg);
            transform: rotate(19deg);
  }
  .lecture__container-row:active .lecture__container--svg path {
    fill: #204CAF;
  }
}

@media (max-width: 767px) {
  .--not-started.lecture__cart .lecture__control-btn {
    margin-left: auto;
    margin-right: 0;
  }
}

.tasklist__row-btns {
  padding-top: 30px;
}
@media screen and (max-width: 767px) {
  .tasklist__row-btns {
    padding-top: 20px;
  }
}

.tasklist-cart {
  background: none;
}
.tasklist-cart:nth-child(1) {
  margin-top: 0;
}
.tasklist-cart::after, .tasklist-cart::before {
  background: none;
}
@media (hover: hover) {
  .tasklist-cart:hover {
    background: none;
  }
  .tasklist-cart:hover::after, .tasklist-cart:hover::before {
    background: none;
  }
}
@media (hover: none) {
  .tasklist-cart:active {
    background: none;
  }
  .tasklist-cart:active::after, .tasklist-cart:active::before {
    background: none;
  }
}

.tasklist-cart-wrapp {
  background: #fff;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 33px auto auto;
  grid-template-columns: 33px auto auto;
  gap: 0 10px;
  padding: 15px 20px 15px 30px;
}
.tasklist-cart-wrapp::after, .tasklist-cart-wrapp::before {
  background: #fff;
}
@media (max-width: 1680px) {
  .tasklist-cart-wrapp {
    padding: 10px 15px;
    -ms-grid-columns: 24px auto auto;
    grid-template-columns: 24px auto auto;
    gap: 0 5px;
  }
}
@media (max-width: 767px) {
  .tasklist-cart-wrapp {
    -ms-grid-columns: 21px auto auto;
    grid-template-columns: 21px auto auto;
  }
}

.tasklist-cart-img {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: tasklist-cart-img;
}

.tasklist-cart-repeat > .tasklist-cart-img {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.tasklist-cart-name {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: tasklist-cart-name;
  min-height: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.tasklist-cart-repeat > .tasklist-cart-name {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
}
@media (max-width: 1680px) {
  .tasklist-cart-name {
    min-height: 24px;
  }
}
@media (max-width: 767px) {
  .tasklist-cart-name {
    min-height: 21px;
  }
}

.tasklist-cart-info {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: tasklist-cart-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
  padding-top: 15px;
}

.tasklist-cart-repeat > .tasklist-cart-info {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
@media (max-width: 767px) {
  .tasklist-cart-info {
    padding-top: 10px;
  }
}

.tasklist-cart-panel {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 3;
  grid-area: tasklist-cart-panel;
  height: 100%;
  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: 15px 25px;
}
@media (max-width: 1680px) {
  .tasklist-cart-panel {
    gap: 15px;
    -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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .tasklist-cart-panel {
    padding-top: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.tasklist-cart-start {
      grid-template-areas: "tasklist-cart-img tasklist-cart-name tasklist-cart-panel" "... tasklist-cart-info tasklist-cart-panel";
}
@media (max-width: 767px) {
  .tasklist-cart-start {
        grid-template-areas: "tasklist-cart-img tasklist-cart-name tasklist-cart-name" "... tasklist-cart-info tasklist-cart-panel";
  }
  .tasklist-cart-img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .tasklist-cart-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .tasklist-cart-info {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
  }
  .tasklist-cart-panel {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
}

.tasklist-cart-img {
  width: 33px;
  height: 33px;
  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) {
  .tasklist-cart-img {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 767px) {
  .tasklist-cart-img {
    width: 21px;
    height: 21px;
  }
}
.tasklist-cart-img img,
.tasklist-cart-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.tasklist-cart-name-title {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tasklist-cart-name-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .tasklist-cart-name-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .tasklist-cart-name-title {
    font-size: 12px;
  }
}

.tasklist-info-name {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #204CAF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tasklist-info-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .tasklist-info-name {
    font-size: 12px;
  }
}

.tasklist-info-name.--controll {
  color: #F50000;
}

.tasklist-info-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 5px 10px;
}

.tasklist-info-time {
  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;
  color: #F33D4C;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tasklist-info-time {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .tasklist-info-time {
    font-size: 12px;
  }
}
.tasklist-info-time svg,
.tasklist-info-time img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 21px;
  height: 21px;
  margin-right: 5px;
}
@media (max-width: 1680px) {
  .tasklist-info-time svg,
  .tasklist-info-time img {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .tasklist-info-time svg,
  .tasklist-info-time img {
    width: 14px;
    height: 14px;
  }
}

.tasklist-cart-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;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tasklist-cart-status {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .tasklist-cart-status {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .tasklist-cart-status {
    font-size: 12px;
  }
}
.tasklist-cart-status b {
  padding-left: 5px;
}
.tasklist-cart-status .bold {
  padding-left: 5px;
  font-weight: 800;
}
.tasklist-cart-status svg,
.tasklist-cart-status img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
@media (max-width: 1680px) {
  .tasklist-cart-status svg,
  .tasklist-cart-status img {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 767px) {
  .tasklist-cart-status svg,
  .tasklist-cart-status img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
}

.tasklist-cart-btn {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tasklist-cart-btn::after, .tasklist-cart-btn::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tasklist-cart-btn span {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.tasklist-cart-btn span::after, .tasklist-cart-btn span::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.tasklist-cart-status-ball {
  color: #F50000;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
  padding-left: 20px;
}
@media (max-width: 1680px) {
  .tasklist-cart-status-ball {
    padding-left: 10px;
    font-size: 24px;
  }
}
@media (max-width: 1240px) {
  .tasklist-cart-status-ball {
    font-size: 20px;
    padding-left: 5px;
  }
}
@media (max-width: 767px) {
  .tasklist-cart-status-ball {
    font-size: 18px;
  }
}

.tasklist-cart-repeat {
      grid-template-areas: "tasklist-cart-img tasklist-cart-name tasklist-cart-name tasklist-cart-grade" "... tasklist-cart-info tasklist-cart-statistics tasklist-cart-statistics";
  -ms-grid-columns: 33px 1fr auto auto;
  grid-template-columns: 33px 1fr auto auto;
}
@media (max-width: 1680px) {
  .tasklist-cart-repeat {
    -ms-grid-columns: 24px auto auto auto;
    grid-template-columns: 24px auto auto auto;
  }
}
@media (max-width: 767px) {
  .tasklist-cart-repeat {
    -ms-grid-columns: 21px 1fr 2fr;
    grid-template-columns: 21px 1fr 2fr;
        grid-template-areas: "tasklist-cart-img tasklist-cart-name tasklist-cart-name" "... tasklist-cart-info tasklist-cart-grade" "... tasklist-cart-info  tasklist-cart-statistics";
  }
  .tasklist-cart-repeat > .tasklist-cart-img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .tasklist-cart-repeat > .tasklist-cart-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
  }
  .tasklist-cart-repeat > .tasklist-cart-info {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
  }
}

.tasklist-cart-grade {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: tasklist-cart-grade;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 33px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 5px 20px;
}
@media (max-width: 1680px) {
  .tasklist-cart-grade {
    min-height: 24px;
    gap: 5px 15px;
  }
}
@media (max-width: 767px) {
  .tasklist-cart-grade {
    min-height: 21px;
    padding-top: 10px;
    -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
  }
}

.tasklist-cart-statistics {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-area: tasklist-cart-statistics;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  padding-top: 15px;
  gap: 10px 15px;
}

@media (max-width: 767px){
  .tasklist-cart-grade {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
  }
  .tasklist-cart-statistics {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
  }
}
@media (max-width: 1680px) {
  .tasklist-cart-statistics {
    gap: 5px 10px;
  }
}
@media (max-width: 767px) {
  .tasklist-cart-statistics {
    padding-top: 10px;
  }
}

.tasklist-statistics-row {
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .tasklist-statistics-row {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .tasklist-statistics-row {
    font-size: 10px;
  }
}

.tasklist-statistics-info {
  color: #9490DB;
}

.tasklist-statistics-info.great {
  color: #90D557;
}

.tasklist-statistics-info.average {
  color: #F39C38;
}

.tasklist-statistics-info.badly {
  color: #F39C38;
}

.tasklist-cart-link {
  color: #204CAF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: underline;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media screen and (max-width: 1680px) {
  .tasklist-cart-link {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .tasklist-cart-link {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .tasklist-cart-link {
    font-size: 12px;
  }
}
@media (hover: hover) {
  .tasklist-cart-link:hover {
    color: #C60D0D;
  }
}
@media (hover: none) {
  .tasklist-cart-link:active {
    color: #C60D0D;
  }
}

.testing__head {
  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;
  padding-top: 20px;
  gap: 10px;
}
@media (max-width: 1680px) {
  .testing__head {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .testing__head {
    padding-top: 15px;
    gap: 5px 10px;
  }
}
.testing__head .tasklist-info-name,
.testing__head .tasklist-info-time {
  font-size: 18px;
}
@media screen and (max-width: 1680px) {
  .testing__head .tasklist-info-name,
  .testing__head .tasklist-info-time {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .testing__head .tasklist-info-name,
  .testing__head .tasklist-info-time {
    font-size: 14px;
  }
}

.testing {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .testing {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .testing {
    margin-top: 30px;
  }
}

.testing__header-title {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .testing__header-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .testing__header-title {
    font-size: 16px;
  }
}

.testing__header-text {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  padding-top: 15px;
}
@media (max-width: 1680px) {
  .testing__header-text {
    font-size: 18px;
    padding-top: 10px;
  }
}
@media (max-width: 1240px) {
  .testing__header-text {
    font-size: 16px;
  }
}

.testing__header-coll-title {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .testing__header-coll-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .testing__header-coll-title {
    font-size: 16px;
  }
}

.testing__header-coll-text {
  color: #747576;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  padding-top: 15px;
}
@media (max-width: 1680px) {
  .testing__header-coll-text {
    padding-top: 10px;
    font-size: 16px;
    max-width: 370px;
  }
}
@media (max-width: 1240px) {
  .testing__header-coll-text {
    font-size: 14px;
  }
}

.testing__header-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 20px;
  gap: 10px;
}
@media (max-width: 1680px) {
  .testing__header-list {
    padding-top: 15px;
  }
}

.testing__header-link {
  padding: 0;
  width: 40px;
  height: 38px;
  color: #0FAEFF;
  text-align: center;
  font-family: "Montserrat";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
@media (max-width: 1680px) {
  .testing__header-link {
    width: 32px;
    height: 30px;
    font-size: 14px;
    border-radius: 5px;
  }
  .testing__header-link::after, .testing__header-link::before {
    width: calc(100% - 5px);
  }
}
@media (max-width: 1240px) {
  .testing__header-link {
    width: 27px;
    height: 25px;
    font-size: 12px;
  }
}
@media (hover: hover) {
  .testing__header-link:hover {
    background: #0FAEFF;
    color: #fff;
  }
  .testing__header-link:hover::after, .testing__header-link:hover::before {
    background: #0FAEFF;
  }
}
@media (hover: none) {
  .testing__header-link:active {
    background: #0FAEFF;
    color: #fff;
  }
  .testing__header-link:active::after, .testing__header-link:active::before {
    background: #0FAEFF;
  }
}

.testing__header-link.--active {
  color: #fff;
  background: #204CAF;
}
.testing__header-link.--active::after, .testing__header-link.--active::before {
  background: #204CAF;
}

.testing__header-link.--old {
  color: #fff;
  background: #F5AFE1;
}
.testing__header-link.--old::after, .testing__header-link.--old::before {
  background: #F5AFE1;
}

.testing__header-inner {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.testing__header-timer {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
  margin-top: 15px;
  padding-left: 26px;
  position: relative;
  color: #F33D4C;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .testing__header-timer {
    margin-top: 10px;
  }
}
@media (max-width: 1240px) {
  .testing__header-timer {
    font-size: 16px;
    padding-left: 25px;
  }
}
@media (max-width: 767px) {
  .testing__header-timer {
    margin-top: 0;
  }
}
.testing__header-timer::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 21px;
  height: 21px;
  background: url("../../assets/img/icon/clock-red.svg") no-repeat center center/contain;
}
@media (max-width: 1240px) {
  .testing__header-timer::after {
    width: 18px;
    height: 18px;
  }
}

.testing__header-btn-container {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 767px) {
  .testing__header-btn-container {
    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: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

@media (max-width: 1680px) {
  .testing__header-btn {
    min-height: 38px;
  }
}
@media (max-width: 1240px) {
  .testing__header-btn {
    min-height: 32px;
  }
}
@media (max-width: 767px) {
  .testing__header-btn {
    width: 216px;
  }
}
@media (max-width: 360px) {
  .testing__header-btn {
    width: 165px;
  }
}

.testing__header-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;
  gap: 20px;
  margin-top: 30px;
}
@media (max-width: 1680px) {
  .testing__header-row {
    margin-top: 20px;
  }
}
@media (max-width: 1240px) {
  .testing__header-row {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .testing__header-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.testing__header-coll {
  margin-left: 0;
  margin-right: auto;
}

.testing__box {
  margin-top: 40px;
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  padding: 25px;
}
@media (max-width: 1680px) {
  .testing__box {
    padding: 20px;
  }
}
@media (max-width: 1240px) {
  .testing__box {
    margin-top: 20px;
    padding: 15px;
  }
}

.testing__box-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: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.testing__box-header-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #F33DB5;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .testing__box-header-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .testing__box-header-title {
    font-size: 18px;
  }
}
.testing__box-header-title img,
.testing__box-header-title svg {
  margin-top: -3px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 26px;
  height: 26px;
  margin-right: 10px;
}
@media (max-width: 1680px) {
  .testing__box-header-title img,
  .testing__box-header-title svg {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 767px) {
  .testing__box-header-title img,
  .testing__box-header-title svg {
    margin-right: 5px;
  }
}

.testing__box-header-coll {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  margin-right: 0;
}

.testing__box-line {
  width: 199px;
  height: 12px;
  margin-top: 15px;
  border-radius: 12px;
  background: #F2F2F2;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: 0;
}
@media (max-width: 1680px) {
  .testing__box-line {
    width: 155px;
    height: 10px;
    margin-top: 10px;
  }
}
@media (max-width: 1240px) {
  .testing__box-line {
    margin-top: 5px;
    height: 8px;
    width: 137px;
  }
}

.testing__box-line-back {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #F33DB5;
}

.testing__box-header-text {
  color: #313233;
  text-align: right;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .testing__box-header-text {
    font-size: 14px;
  }
}
.testing__box-header-text span {
  color: #0FAEFF;
}

.testing__box-clarific {
  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;
  margin-top: 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  padding: 8px 16px;
  border-radius: 10px;
  background: rgba(116, 117, 118, 0.1);
}
@media (max-width: 1680px) {
  .testing__box-clarific {
    padding: 7px 14px;
    font-size: 14px;
  }
}
@media (max-width: 1240px) {
  .testing__box-clarific {
    font-size: 12px;
  }
}
.testing__box-clarific img,
.testing__box-clarific svg {
  width: 17px;
  height: 17px;
  margin-right: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .testing__box-clarific img,
  .testing__box-clarific svg {
    width: 14px;
    height: 14px;
  }
}

.testing__box-text {
  margin-top: 30px;
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1680px) {
  .testing__box-text {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .testing__box-text {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1680px) {
  .testing__box-text {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .testing__box-text {
    font-size: 16px;
  }
}

.testing__answer-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 40px;
  margin-top: 20px;
}
@media (max-width: 1240px) {
  .testing__answer-row {
    margin-top: 15px;
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .testing__answer-row {
    gap: 20px 10px;
  }
}

.testing__answer-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;
  gap: 20px;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}
@media (max-width: 1680px) {
  .testing__answer-btns {
    gap: 15px;
  }
}

.testing__answer-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.testing__answer-btn::after, .testing__answer-btn::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.testing__answer-btn span {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 1680px) {
  .testing__answer-btn span {
    min-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1240px) {
  .testing__answer-btn span {
    min-height: 32px;
  }
}
.testing__answer-btn span::after, .testing__answer-btn span::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.testing__answer-label {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  padding: 10px;
  border-radius: 10px;
  min-width: 184px;
}
@media (hover: hover) {
  .testing__answer-label:hover {
    background: rgba(32, 76, 175, 0.05);
  }
  .testing__answer-label:hover .testing__answer-label-span {
    color: #204CAF;
  }
}
@media (hover: none) {
  .testing__answer-label:active {
    background: rgba(32, 76, 175, 0.05);
  }
  .testing__answer-label:active .testing__answer-label-span {
    color: #204CAF;
  }
}

.testing__answer-button {
  color: #204CAF;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-decoration-line: underline;
  display: block;
  margin-left: auto;
  margin-right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 1680px) {
  .testing__answer-button {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .testing__answer-button {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .testing__answer-button:hover {
    color: #F50000;
  }
}
@media (hover: none) {
  .testing__answer-button:active {
    color: #F50000;
  }
}

.testing__answer-label.label-radio .label-checkbox-span::before {
  background: url("../../assets/img/check/test-circle.svg") no-repeat center center/contain;
}
.testing__answer-label.label-radio input:checked ~ .label-checkbox-span::before {
  background: url("../../assets/img/check/test-circle-check.svg") no-repeat center center/contain;
}

.testing__answer-label.label-checkbox .label-checkbox-span::before {
  background: url("../../assets/img/check/test-square.svg") no-repeat center center/contain;
}
.testing__answer-label.label-checkbox input:checked ~ .label-checkbox-span::before {
  background: url("../../assets/img/check/test-square-check.svg") no-repeat center center/contain;
}

.testing__answer-input-box {
  width: calc(100% - 485px);
}
@media (max-width: 1750px) {
  .testing__answer-input-box {
    width: 100%;
  }
}

.testing__answer-input-title {
  color: #747576;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .testing__answer-input-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .testing__answer-input-title {
    font-size: 12px;
  }
}
@media (max-width: 1680px) {
  .testing__answer-input-title {
    padding-bottom: 10px;
  }
}

.testing__box-img {
  margin-top: 20px;
  max-width: 527px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1240px) {
  .testing__box-img {
    max-width: 440px;
  }
}
@media (max-width: 572px) {
  .testing__box-img {
    max-width: 100%;
  }
}

.testing__box-inline {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  margin-right: 15px;
  margin-left: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
}
@media (max-width: 1680px) {
  .testing__box-inline {
    margin-right: 10px;
    margin-left: 10px;
  }
}

.input.testing__box-inline {
  width: 207px;
}
@media (max-width: 1680px) {
  .input.testing__box-inline {
    width: 147px;
  }
}

.testing__answer-file-btn {
  width: 210px;
  margin-bottom: 3px;
}
@media (max-width: 1680px) {
  .testing__answer-file-btn {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (max-width: 572px) {
  .testing__answer-file-btn {
    margin-left: auto;
    margin-right: 0;
  }
}
.testing__answer-file-btn span {
  -webkit-box-shadow: none;
          box-shadow: 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 (max-width: 1680px) {
  .testing__answer-file-btn span {
    min-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1240px) {
  .testing__answer-file-btn span {
    min-height: 32px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.testing__answer-file-btn span::after, .testing__answer-file-btn span::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.testing__answer-file-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
  gap: 10px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 572px) {
  .testing__answer-file-row {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.testing__answer-file-input {
  width: 100%;
}

.testing__answer-file-box {
  width: 774px;
}
@media (max-width: 1680px) {
  .testing__answer-file-box {
    width: 100%;
  }
}

.testing__answer-file-adding .file__label-btn {
  margin-top: 15px;
}
@media screen and (max-width: 1680px) {
  .testing__answer-file-adding .file__label-btn {
    margin-top: 10px;
  }
}
.testing__answer-file-adding .file__row-img {
  background: url("../../assets/img/icon/pdf.svg") no-repeat center center/contain !important;
}

.сongratulat {
  margin-top: 80px;
}
@media screen and (max-width: 1680px) {
  .сongratulat {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1240px) {
  .сongratulat {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .сongratulat {
    margin-top: 20px;
  }
}

.сongratulat__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;
}

.сongratulat__head-title {
  font-weight: 400;
}
@media (max-width: 767px) {
  .сongratulat__head-title {
    font-size: 14px;
  }
}

.сongratulat__star-label {
  width: 27px;
  height: 27px;
}
@media (max-width: 1680px) {
  .сongratulat__star-label {
    width: 21px;
    height: 21px;
  }
}
@media (max-width: 1240px) {
  .сongratulat__star-label {
    width: 18px;
    height: 18px;
  }
}

.сongratulat__body-title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: сongratulat__body-title;
  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: 10px 15px;
  color: #313233;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media (max-width: 992px) {
  .сongratulat__body-title {
    gap: 10px;
  }
}
@media screen and (max-width: 1680px) {
  .сongratulat__body-title {
    font-size: 32px;
  }
}
@media screen and (max-width: 1240px) {
  .сongratulat__body-title {
    font-size: 28px;
  }
}
@media (max-width: 350px) {
  .сongratulat__body-title {
    font-size: 24px;
  }
}
.сongratulat__body-title img,
.сongratulat__body-title svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  width: 36px;
  height: 36px;
}
@media (max-width: 1680px) {
  .сongratulat__body-title img,
  .сongratulat__body-title svg {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 1240px) {
  .сongratulat__body-title img,
  .сongratulat__body-title svg {
    width: 27px;
    height: 27px;
  }
}

.сongratulat__body-numm {
  color: #F50000;
  text-align: right;
  font-size: 65px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .сongratulat__body-numm {
    font-size: 55px;
  }
}
@media screen and (max-width: 1240px) {
  .сongratulat__body-numm {
    font-size: 45px;
  }
}
@media screen and (max-width: 767px) {
  .сongratulat__body-numm {
    font-size: 36px;
  }
}

.сongratulat__body-coll-text {
  white-space: nowrap;
  color: #747576;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  padding-top: 10px;
}
@media (max-width: 1680px) {
  .сongratulat__body-coll-text {
    padding-top: 5px;
    font-size: 16px;
  }
}
@media (max-width: 1240px) {
  .сongratulat__body-coll-text {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .сongratulat__body-coll-text {
    font-size: 12px;
    padding-top: 0;
    padding-bottom: 5px;
  }
}

.сongratulat__body-coll {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  grid-area: сongratulat__body-coll;
}
@media (max-width: 767px) {
  .сongratulat__body-coll {
    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;
  }
}

.сongratulat__body-text {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: сongratulat__body-text;
  padding-top: 15px;
  color: #747576;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media (max-width: 1680px) {
  .сongratulat__body-text {
    font-size: 18px;
  }
}
@media (max-width: 1240px) {
  .сongratulat__body-text {
    font-size: 16px;
  }
}

.сongratulat__body {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 25px auto;
  grid-template-columns: 1fr auto;
  gap: 0 25px;
      grid-template-areas: "сongratulat__body-title сongratulat__body-coll" "сongratulat__body-text сongratulat__body-coll";
  -ms-grid-rows: auto 0 1fr;
  grid-template-rows: auto 1fr;
  padding-top: 30px;
}
@media (max-width: 1240px) {
  .сongratulat__body {
    padding-top: 20px;
  }
}
@media (max-width: 767px) {
  .сongratulat__body {
        grid-template-areas: "сongratulat__body-title сongratulat__body-coll" "сongratulat__body-text сongratulat__body-text";
  }
  .сongratulat__body-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .сongratulat__body-coll {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
  }
  .сongratulat__body-text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
}

.сongratulat__btn-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;
  padding-top: 43px;
  gap: 20px;
}
@media (max-width: 1680px) {
  .сongratulat__btn-row {
    padding-top: 33px;
    gap: 15px;
  }
}
@media (max-width: 1240px) {
  .сongratulat__btn-row {
    gap: 15px 10px;
  }
}

.сongratulat__btn-br {
  width: 225px;
}
@media screen and (max-width: 1680px) {
  .сongratulat__btn-br {
    width: 200px;
  }
}
@media screen and (max-width: 1240px) {
  .сongratulat__btn-br {
    width: 186px;
  }
}
.сongratulat__btn-br .btn-br-span {
  background: #F7FCFF;
  padding-left: 0;
  padding-right: 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 (max-width: 1680px) {
  .сongratulat__btn-br .btn-br-span {
    min-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1240px) {
  .сongratulat__btn-br .btn-br-span {
    min-height: 32px;
  }
}
@media (hover: hover) {
  .сongratulat__btn-br .btn-br-span:hover {
    background: #0faeff;
  }
}
@media (hover: none) {
  .сongratulat__btn-br .btn-br-span:active {
    background: #0faeff;
  }
}

.сongratulat__btn {
  padding-left: 0;
  padding-right: 0;
  width: 253px;
}
@media screen and (max-width: 1680px) {
  .сongratulat__btn {
    width: 238px;
  }
}
@media screen and (max-width: 1240px) {
  .сongratulat__btn {
    width: 175px;
  }
}
@media screen and (max-width: 767px) {
  .сongratulat__btn {
    width: 250px;
  }
}
@media (max-width: 1680px) {
  .сongratulat__btn {
    min-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1240px) {
  .сongratulat__btn {
    min-height: 32px;
  }
}

.сongratulat__result {
  margin-top: 30px;
  border-radius: 15px;
  background: rgba(32, 76, 175, 0.05);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px 60px;
}
@media (max-width: 1680px) {
  .сongratulat__result {
    padding: 15px;
    gap: 20px;
  }
}
@media (max-width: 1240px) {
  .сongratulat__result {
    padding: 10px;
    gap: 10px 20px;
  }
}
@media (max-width: 767px) {
  .сongratulat__result {
    display: block;
  }
}

@media (max-width: 767px) {
  .сongratulat__result-list + .сongratulat__result-list {
    padding-top: 10px;
  }
}

.сongratulat__result-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}

.сongratulat__result-title {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #747576;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
  padding-left: 25px;
}
@media screen and (max-width: 1680px) {
  .сongratulat__result-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .сongratulat__result-title {
    font-size: 12px;
  }
}
@media (max-width: 1240px) {
  .сongratulat__result-title {
    padding-left: 20px;
  }
}
.сongratulat__result-title:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 14px;
  height: 17px;
  background: url("../../assets/img/icon/Star.svg") no-repeat center center/contain;
}

.сongratulat__result-text {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .сongratulat__result-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .сongratulat__result-text {
    font-size: 12px;
  }
}

.сongratulat__result-inner + .сongratulat__result-inner {
  padding-top: 20px;
}
@media (max-width: 1240px) {
  .сongratulat__result-inner + .сongratulat__result-inner {
    padding-top: 10px;
  }
}

.сongratulat__result-text.--green {
  color: #90D557;
}

.сongratulat__result-text.--red {
  color: #F50000;
}

.child-homework {
  margin-top: 30px;
  border-radius: 10px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  padding: 25px;
}
@media (max-width: 1680px) {
  .child-homework {
    margin-top: 20px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .child-homework {
    margin-top: 15px;
    padding: 15px;
  }
}

.child-homework-alert-title,
.child-homework-alert-text {
  font-size: 18px;
}
@media screen and (max-width: 1680px) {
  .child-homework-alert-title,
  .child-homework-alert-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .child-homework-alert-title,
  .child-homework-alert-text {
    font-size: 14px;
  }
}

.child-homework-alert {
  margin-top: 20px;
}
@media screen and (max-width: 1680px) {
  .child-homework-alert {
    margin-top: 15px;
  }
}

.child-homework-file-list {
  margin-top: 30px;
}
@media screen and (max-width: 1680px) {
  .child-homework-file-list {
    margin-top: 20px;
  }
}

.child-homework-file-inner + .child-homework-file-inner {
  margin-top: 20px;
}
@media screen and (max-width: 1680px) {
  .child-homework-file-inner + .child-homework-file-inner {
    margin-top: 10px;
  }
}

.child-homework-file-link {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 18px;
  color: #204CAF;
}
@media screen and (max-width: 1680px) {
  .child-homework-file-link {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .child-homework-file-link {
    font-size: 14px;
  }
}
@media (hover: hover) {
  .child-homework-file-link:hover {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .child-homework-file-link:active {
    color: #0FAEFF;
  }
}

.child-homework-textarea {
  margin-top: 40px;
}
@media screen and (max-width: 1680px) {
  .child-homework-textarea {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1240px) {
  .child-homework-textarea {
    margin-top: 20px;
  }
}
.child-homework-textarea .textarea {
  height: 135px;
}

.child-homework-file {
  margin-top: 15px;
}

.child-homework-file-row .file__label-btn {
  font-size: 18px;
  font-weight: 500;
}
@media screen and (max-width: 1680px) {
  .child-homework-file-row .file__label-btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .child-homework-file-row .file__label-btn {
    font-size: 14px;
  }
}

.child-homework-file-text {
  font-size: 16px;
}
@media screen and (max-width: 1680px) {
  .child-homework-file-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .child-homework-file-text {
    font-size: 12px;
  }
}

.child-homework-files-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
}
.child-homework-files-row .file-simplified-row:nth-child(1) {
  margin-top: 0;
}

.child-homework-files-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  margin-right: 0;
}
.child-homework-files-btn img,
.child-homework-files-btn svg {
  width: 18px;
  height: 12px;
}
@media (max-width: 1240px) {
  .child-homework-files-btn img,
  .child-homework-files-btn svg {
    width: 16px;
    height: 16px;
  }
}

.child-homework-exam {
  padding-top: 45px;
  padding-bottom: 5px;
}
@media (max-width: 1680px) {
  .child-homework-exam {
    padding-top: 30px;
    padding-bottom: 0;
  }
}

.child-homework-exam-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .child-homework-exam-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .child-homework-exam-title {
    font-size: 18px;
  }
}
.child-homework-exam-title img,
.child-homework-exam-title svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1240px) {
  .child-homework-exam-title img,
  .child-homework-exam-title svg {
    width: 21px;
    height: 21px;
  }
}

.child-homework-exam-files-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 25px;
  gap: 5px;
}
@media screen and (max-width: 1240px) {
  .child-homework-exam-files-row {
    padding-top: 15px;
  }
}

.child-homework-balls {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  margin-right: 0;
}

.child-homework-balls-title {
  color: #747576;
  text-align: right;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  padding-bottom: 5px;
}
@media screen and (max-width: 1680px) {
  .child-homework-balls-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .child-homework-balls-title {
    font-size: 14px;
  }
}

.child-homework-balls-num {
  color: #F50000;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  text-align: right;
}
@media screen and (max-width: 1680px) {
  .child-homework-balls-num {
    font-size: 24px;
  }
}
@media screen and (max-width: 1240px) {
  .child-homework-balls-num {
    font-size: 20px;
  }
}

.child-homework-container-title {
  color: #204CAF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
}
@media screen and (max-width: 1680px) {
  .child-homework-container-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .child-homework-container-title {
    font-size: 14px;
  }
}

.child-homework-container-file-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;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px 30px;
  padding-top: 15px;
}
@media (max-width: 1680px) {
  .child-homework-container-file-list {
    padding-top: 10px;
  }
}
@media (max-width: 767px) {
  .child-homework-container-file-list {
    padding-top: 15px;
    gap: 5px 15px;
  }
}

.child-homework-container-file-row + .child-homework-container-file-row {
  margin-top: 0;
}

.child-homework-container-file-row {
  margin-top: 0;
}
.child-homework-container-file-row .file__row--name {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .child-homework-container-file-row:hover .file__row--name {
    color: #0FAEFF;
  }
}
@media (hover: none) {
  .child-homework-container-file-row:active .file__row--name {
    color: #0FAEFF;
  }
}

.child-homework-answer {
  margin-top: 20px;
}
@media (max-width: 1680px) {
  .child-homework-answer {
    padding: 15px;
    border-radius: 15px;
  }
}
@media (max-width: 1240px) {
  .child-homework-answer {
    border-radius: 10px;
    padding: 10px;
  }
}

.child-homework-answer-list {
  padding-top: 15px;
}
@media screen and (max-width: 1240px) {
  .child-homework-answer-list {
    padding-top: 10px;
  }
}

.child-homework-answer-text {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 104%;
  padding-top: 15px;
}
@media screen and (max-width: 1680px) {
  .child-homework-answer-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .child-homework-answer-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .child-homework-answer-text {
    padding-top: 10px;
  }
}

.books__panel-title {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .books__panel-title {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.books {
  margin-top: 60px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media screen and (max-width: 1680px) {
  .books {
    margin-top: 20px;
  }
}
@media (max-width: 1680px) {
  .books {
    gap: 15px;
  }
}
@media (max-width: 1240px) {
  .books {
    gap: 10px;
  }
}
@media (max-width: 650px) {
  .books {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 350px) {
  .books {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.books__row-btns {
  padding-top: 120px;
}
@media screen and (max-width: 1680px) {
  .books__row-btns {
    padding-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  .books__row-btns {
    padding-top: 20px;
  }
}

.books__box-img {
  width: 100%;
  aspect-ratio: 62/77;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
@media screen and (max-width: 1680px) {
  .books__box-img {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1240px) {
  .books__box-img {
    margin-bottom: 10px;
  }
}
@media (max-width: 1680px) {
  .books__box-img {
    aspect-ratio: 179/223;
  }
}
@media (max-width: 1240px) {
  .books__box-img {
    aspect-ratio: 205/242;
  }
}
@media (max-width: 767px) {
  .books__box-img {
    aspect-ratio: 27/32;
  }
}
.books__box-img img,
.books__box-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.books__box {
  border-radius: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  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;
}
@media (max-width: 1680px) {
  .books__box {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .books__box {
    border-radius: 10px;
  }
}

.books__box-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  word-break: break-all;
  margin-bottom: 30px;
}
@media screen and (max-width: 1680px) {
  .books__box-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .books__box-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .books__box-title {
    font-size: 12px;
  }
}
@media screen and (max-width: 1680px) {
  .books__box-title {
    margin-bottom: 23px;
  }
}
@media screen and (max-width: 1240px) {
  .books__box-title {
    margin-bottom: 18px;
  }
}
.books__box-title svg,
.books__box-title img {
  width: 31px;
  height: 31px;
  margin-right: 15px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .books__box-title svg,
  .books__box-title img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
  }
}
@media (max-width: 1240px) {
  .books__box-title svg,
  .books__box-title img {
    width: 19px;
    height: 19px;
    margin-right: 5px;
  }
}

.books__box-link {
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: auto;
  margin-bottom: 0;
}
.books__box-link::after, .books__box-link::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.books__box-link span {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
.books__box-link span::after, .books__box-link span::before {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (max-width: 1680px) {
  .books__box-link span {
    min-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 1240px) {
  .books__box-link span {
    min-height: 32px;
  }
}

.single-book {
  margin-top: 40px;
  border-radius: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
}
@media screen and (max-width: 1680px) {
  .single-book {
    margin-top: 20px;
  }
}

.single-book + .single-book {
  margin-top: 60px;
}
@media screen and (max-width: 1680px) {
  .single-book + .single-book {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1240px) {
  .single-book + .single-book {
    margin-top: 20px;
  }
}

.single-book-head {
  border-radius: 15px 15px 0 0;
  padding: 15px 15px 15px 25px;
  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;
  background: #0FAEFF;
}
@media (max-width: 1680px) {
  .single-book-head {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .single-book-head {
    padding: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.single-book-head-title {
  color: #FFF;
  font-style: normal;
  font-weight: 700;
  line-height: 104%;
}

.single-book-head-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
  margin-right: 0;
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.single-book-head-btn::after, .single-book-head-btn::before {
  background: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.single-book-head-btn span {
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  background: #0FAEFF;
}
.single-book-head-btn span::after, .single-book-head-btn span::before {
  background: #0FAEFF;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media (hover: hover) {
  .single-book-head-btn:hover {
    background: #fff;
  }
  .single-book-head-btn:hover::after, .single-book-head-btn:hover::before {
    background: #fff;
  }
  .single-book-head-btn:hover span {
    color: #0FAEFF;
    background: #fff;
  }
  .single-book-head-btn:hover span path {
    fill: #0FAEFF;
  }
  .single-book-head-btn:hover span::after, .single-book-head-btn:hover span::before {
    background: #fff;
  }
}
@media (hover: none) {
  .single-book-head-btn:active {
    background: #fff;
  }
  .single-book-head-btn:active::after, .single-book-head-btn:active::before {
    background: #fff;
  }
  .single-book-head-btn:active span {
    color: #0FAEFF;
    background: #fff;
  }
  .single-book-head-btn:active span path {
    fill: #0FAEFF;
  }
  .single-book-head-btn:active span::after, .single-book-head-btn:active span::before {
    background: #fff;
  }
}

.single-book-body {
  padding: 20px;
}
@media (max-width: 1680px) {
  .single-book-body {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .single-book-body {
    padding: 10px;
  }
}

.single-book-body-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;
  gap: 15px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #313233;
}

.single-book-text {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media screen and (max-width: 1680px) {
  .single-book-text {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .single-book-text {
    font-size: 14px;
  }
}

.single-book-alert {
  position: relative;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  padding: 15px 15px 15px 32px;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(243, 61, 76, 0.05);
}
@media screen and (max-width: 1680px) {
  .single-book-alert {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .single-book-alert {
    font-size: 14px;
  }
}
.single-book-alert::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 12px;
  height: 100%;
  background: #F33D4C;
}

.single-book-subtitle {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  padding: 12px 24px;
  border-radius: 10px;
  background: rgba(243, 61, 181, 0.1);
}
@media screen and (max-width: 1680px) {
  .single-book-subtitle {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .single-book-subtitle {
    font-size: 16px;
  }
}

.single-book-list {
  margin-top: 20px;
  margin-left: 20px;
}

.single-book-list-inner + .single-book-list-inner {
  margin-top: 20px;
}

.single-book-list-inner {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  position: relative;
  padding-left: 25px;
}
@media screen and (max-width: 1680px) {
  .single-book-list-inner {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .single-book-list-inner {
    font-size: 14px;
  }
}
.single-book-list-inner::after {
  content: "";
  width: 14px;
  height: 17px;
  position: absolute;
  left: 0;
  top: 0;
  background: url("../../assets/img/icon/Star.svg") no-repeat center center/contain;
}

.single-book-sublist {
  padding-top: 10px;
  list-style: disc;
  padding-left: 20px;
}
.single-book-sublist li {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
}
@media screen and (max-width: 1680px) {
  .single-book-sublist li {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .single-book-sublist li {
    font-size: 14px;
  }
}
.single-book-sublist li + li {
  margin-top: 15px;
}

.single-book-body-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}

.single__book-wrapp {
  margin-top: 30px;
  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;
}

.sigle__book-wrapp-title {
  padding-bottom: 15px;
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media screen and (max-width: 1680px) {
  .sigle__book-wrapp-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .sigle__book-wrapp-title {
    font-size: 14px;
  }
}

.single-book-box-img {
  width: 100%;
}

.single-book-img {
  width: 100%;
}
.single-book-img img,
.single-book-img svg {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 10px;
  overflow: hidden;
}

.single-book-img-title {
  color: #313233;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  padding-top: 15px;
}
@media screen and (max-width: 1680px) {
  .single-book-img-title {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .single-book-img-title {
    font-size: 12px;
  }
}
@media (max-width: 1240px) {
  .single-book-img-title {
    padding-top: 10px;
  }
}

.single-book-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.2fr 1fr;
  grid-template-columns: 1.2fr 1fr;
  gap: 20px;
}
@media (max-width: 572px) {
  .single-book-grid {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.singel__book-img-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (max-width: 572px) {
  .singel__book-img-grid {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}

.single__book-footer {
  margin-top: 30px;
  padding: 20px;
  border-radius: 10px;
  background: rgba(148, 144, 219, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.single__book-footer img,
.single__book-footer svg {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 63px;
  height: 63px;
  margin-right: 20px;
}
@media (max-width: 1240px) {
  .single__book-footer img,
  .single__book-footer svg {
    width: 30px;
    height: 30px;
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .single__book-footer img,
  .single__book-footer svg {
    margin-right: 10px;
  }
}
@media (max-width: 767px) {
  .single__book-footer {
    padding: 10px;
  }
}
.single__book-footer h3 {
  color: #313233;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media screen and (max-width: 1680px) {
  .single__book-footer h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .single__book-footer h3 {
    font-size: 14px;
  }
}
.single__book-footer p {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  padding-top: 15px;
}
@media screen and (max-width: 1680px) {
  .single__book-footer p {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .single__book-footer p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .single__book-footer p {
    padding-top: 10px;
  }
}

.class-hidden-block {
  display: none;
}

.class-hidden-block.--active {
  display: block;
}

@media (max-width: 767px) {
  .class__tab-row {
    margin-top: 15px;
  }
}

.class-tab-box.--active {
  display: -ms-grid;
  display: grid;
}
@media (max-width: 992px) {
  .class-tab-box.--active {
    display: block;
  }
}

.class-tab-box {
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
  -ms-grid-columns: 545px 1fr;
  grid-template-columns: 545px 1fr;
}
@media (max-width: 1680px) {
  .class-tab-box {
    -ms-grid-columns: 370px 1fr;
    grid-template-columns: 370px 1fr;
  }
}
@media (max-width: 992px) {
  .class-tab-box {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px);
  }
}
@media (max-width: 767px) {
  .class-tab-box {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
  }
}

.class-tab-box-teacher {
  -ms-grid-columns: 470px 1fr;
  grid-template-columns: 470px 1fr;
}
@media (max-width: 1680px) {
  .class-tab-box-teacher {
    -ms-grid-columns: 320px 1fr;
    grid-template-columns: 320px 1fr;
  }
}

.class-tab-head {
  padding: 25px;
}
@media (max-width: 1680px) {
  .class-tab-head {
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .class-tab-head {
    padding: 20px 20px 10px 20px;
  }
}

.class-tab-body {
  padding: 25px 25px 60px 25px;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 15px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
}
@media (max-width: 1680px) {
  .class-tab-body {
    border-radius: 12px;
    padding: 20px 20px 40px 20px;
  }
}
@media (max-width: 992px) {
  .class-tab-body {
    padding: 15px 15px 30px 15px;
  }
}
@media (max-width: 767px) {
  .class-tab-body {
    padding: 15px 20px 30px 20px;
  }
}

.class-tab-body-title {
  color: #204CAF;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .class-tab-body-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .class-tab-body-title {
    font-size: 16px;
  }
}

.class-cart-img {
  width: 90px;
  height: 90px;
  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: relative;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
}
.class-cart-img img,
.class-cart-img svg {
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
}
@media (max-width: 1680px) {
  .class-cart-img {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 1240px) {
  .class-cart-img {
    width: 55px;
    height: 55px;
  }
}

.class__birthday-img {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 35px;
  height: 35px;
  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) {
  .class__birthday-img {
    width: 29px;
    height: 29px;
  }
}
.class__birthday-img img,
.class__birthday-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.class-cart-title {
  color: #313233;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 114%;
  padding-top: 15px;
}
@media (max-width: 1680px) {
  .class-cart-title {
    font-size: 14px;
    padding-top: 10px;
  }
}
@media (max-width: 1240px) {
  .class-cart-title {
    font-size: 12px;
  }
}

.class-cart {
  isolation: isolate;
  border-radius: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  position: relative;
  overflow: hidden;
  padding: 2px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 1680px) {
  .class-cart {
    border-radius: 10px;
  }
}
.class-cart::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: -o-linear-gradient(88deg, #42A4F7 6.8%, #B151B5 104.77%);
  background: linear-gradient(2deg, #42A4F7 6.8%, #B151B5 104.77%);
  z-index: -1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}
@media (hover: hover) {
  .class-cart:hover {
    z-index: 2;
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  .class-cart:hover::after {
    opacity: 1;
  }
  .class-cart:hover .class-cart-wrapp::after {
    opacity: 1;
  }
}
.class-cart:active {
  z-index: 2;
  -webkit-transform: scale(0.95);
      -ms-transform: scale(0.95);
          transform: scale(0.95);
}
.class-cart:active::after {
  opacity: 1;
}
.class-cart:active .class-cart-wrapp::after {
  opacity: 1;
}

.class-cart.--active {
  border: 2px solid #0FAEFF;
  padding: 0;
}
.class-cart.--active::after {
  opacity: 1;
}
.class-cart.--active .class-cart-wrapp {
  border-radius: 0;
}
.class-cart.--active .class-cart-wrapp::after {
  opacity: 1;
  border-radius: 0;
}

.class-cart.birthday::after {
  opacity: 1;
}
.class-cart.birthday .class-cart-title {
  background: -o-linear-gradient(281deg, #F33DB5 -11.33%, #30AEFD 95.19%);
  background: linear-gradient(169deg, #F33DB5 -11.33%, #30AEFD 95.19%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.class-cart.birthday .class-cart-wrapp::after {
  background: #fff;
  opacity: 1;
}
.class-cart.birthday .class-cart-img {
  isolation: isolate;
}
.class-cart.birthday .class-cart-img::after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  background: url("../../assets/img/gif/1.gif") no-repeat center center/contain;
  top: 0;
  left: -10px;
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg);
  z-index: -1;
}
@media (max-width: 1680px) {
  .class-cart.birthday .class-cart-img::after {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 1240px) {
  .class-cart.birthday .class-cart-img::after {
    left: -8px;
  }
}
.class-cart.birthday .class-cart-img::before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  background: url("../../assets/img/gif/2.gif") no-repeat center center/contain;
  top: 0;
  right: -5px;
  -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
          transform: rotate(25deg);
  z-index: -1;
}
@media (max-width: 1680px) {
  .class-cart.birthday .class-cart-img::before {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 1240px) {
  .class-cart.birthday .class-cart-img::before {
    right: -6px;
  }
}

.class-cart-birthday-icon {
  width: 100%;
  height: 100%;
  position: relative;
}
.class-cart-birthday-icon::after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  background: url("../../assets/img/gif/3.gif") no-repeat center center/contain;
  left: -3px;
  bottom: -2px;
  -webkit-transform: rotate(-35deg);
      -ms-transform: rotate(-35deg);
          transform: rotate(-35deg);
  z-index: -1;
}
@media (max-width: 1680px) {
  .class-cart-birthday-icon::after {
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 1240px) {
  .class-cart-birthday-icon::after {
    left: -10px;
  }
}

.class-cart-wrapp {
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 15px;
  width: 100%;
  height: 100%;
}
@media (max-width: 1680px) {
  .class-cart-wrapp {
    border-radius: 10px;
    padding: 10px;
  }
}
.class-cart-wrapp::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  z-index: -1;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}

.class-tab-body-wrapp {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  gap: 15px;
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 1880px) {
  .class-tab-body-wrapp {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1440px) {
  .class-tab-body-wrapp {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
}
@media (max-width: 1240px) {
  .class-tab-body-wrapp {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 750px) {
  .class-tab-body-wrapp {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 767px) {
  .class-tab-body-wrapp {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 590px) {
  .class-tab-body-wrapp {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 400px) {
  .class-tab-body-wrapp {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.class-cart-toolit {
  color: #204CAF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 104%;
  position: relative;
  padding-right: 25px;
}
@media (max-width: 1680px) {
  .class-cart-toolit {
    font-size: 14px;
  }
}
.class-cart-toolit::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 18px;
  height: 18px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../../assets/img/gif/partying-face.gif") no-repeat center center/contain;
}

.class-curator-title {
  color: #204CAF;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
  padding-bottom: 30px;
}
@media screen and (max-width: 1680px) {
  .class-curator-title {
    font-size: 18px;
  }
}
@media screen and (max-width: 1240px) {
  .class-curator-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1680px) {
  .class-curator-title {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .class-curator-title {
    padding-bottom: 10px;
  }
}

.class-curator-header-img {
  padding: 3px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  flex-shrink: 0;
  background: -o-linear-gradient(88deg, #42A4F7 6.8%, #B151B5 104.77%);
  background: linear-gradient(2deg, #42A4F7 6.8%, #B151B5 104.77%);
  margin-right: 15px;
}
.class-curator-header-img img,
.class-curator-header-img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #fff;
}
@media (max-width: 1680px) {
  .class-curator-header-img {
    width: 65px;
    height: 65px;
    margin-right: 10px;
  }
}
@media (max-width: 1240px) {
  .class-curator-header-img {
    width: 45px;
    height: 45px;
  }
}

.class-curator-header-name {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .class-curator-header-name {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .class-curator-header-name {
    font-size: 12px;
  }
}

.class-curator-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;
}

.class-curator-header-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;
}

.class-curator-header-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 30px;
  height: 30px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (hover: hover) {
  .class-curator-header-link:hover {
    opacity: 0.7;
  }
}
.class-curator-header-link img,
.class-curator-header-link svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1680px) {
  .class-curator-header-link {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 1240px) {
  .class-curator-header-link {
    width: 20px;
    height: 20px;
  }
}

.class-curator-about {
  border-radius: 10px;
  background: rgba(148, 144, 219, 0.1);
  padding: 15px;
  margin-top: 20px;
}
@media (max-width: 1680px) {
  .class-curator-about {
    padding: 10px;
  }
}

.class-curator-about-text {
  color: #313233;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  padding-top: 10px;
}
@media screen and (max-width: 1680px) {
  .class-curator-about-text {
    font-size: 14px;
  }
}
@media screen and (max-width: 1240px) {
  .class-curator-about-text {
    font-size: 12px;
  }
}
@media (max-width: 1240px) {
  .class-curator-about-text {
    padding-top: 5px;
  }
}

.class-curator-about-title {
  color: #747576;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
}
@media screen and (max-width: 1680px) {
  .class-curator-about-title {
    font-size: 16px;
  }
}
@media screen and (max-width: 1240px) {
  .class-curator-about-title {
    font-size: 14px;
  }
}

.class-curator-title-icon {
  position: relative;
  padding-left: 25px;
}
@media (max-width: 1680px) {
  .class-curator-title-icon {
    padding-left: 17px;
  }
}
.class-curator-title-icon::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../../assets/img/icon/Star-2.svg") no-repeat center center/contain;
  width: 15px;
  height: 15px;
}
@media (max-width: 1680px) {
  .class-curator-title-icon::after {
    width: 12px;
    height: 12px;
  }
}

.class__student-block {
  border-radius: 15px;
  background: #FFF;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.1);
  position: relative;
  overflow: hidden;
  padding: 2px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  isolation: isolate;
}
@media (max-width: 1680px) {
  .class__student-block {
    border-radius: 12px;
  }
}
@media (max-width: 1240px) {
  .class__student-block {
    border-radius: 10px;
  }
}
.class__student-block::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: -o-linear-gradient(88deg, #42A4F7 6.8%, #B151B5 104.77%);
  background: linear-gradient(2deg, #42A4F7 6.8%, #B151B5 104.77%);
  z-index: -1;
}

.class__student-block-wrapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 25px;
}
@media (max-width: 1680px) {
  .class__student-block-wrapp {
    border-radius: 12px;
    padding: 15px;
  }
}
@media (max-width: 1240px) {
  .class__student-block-wrapp {
    padding: 10px;
    border-radius: 10px;
  }
}
.class__student-block-wrapp::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.8);
  z-index: -1;
}

.class__student--img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 71px;
  height: 71px;
  margin-right: 15px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px rgba(141, 140, 140, 0.25);
}
@media (max-width: 1680px) {
  .class__student--img {
    width: 55px;
    height: 55px;
  }
}
@media (max-width: 1240px) {
  .class__student--img {
    width: 45px;
    height: 45px;
    margin-right: 10px;
  }
}
.class__student--img img,
.class__student--img svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.class-curator-header-info {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
}
@media (max-width: 1680px) {
  .class-curator-header-info {
    font-size: 14px;
    margin-top: 5px;
  }
}
@media (max-width: 1240px) {
  .class-curator-header-info {
    font-size: 12px;
  }
}
.class-curator-header-info img,
.class-curator-header-info svg {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5px;
}
@media (max-width: 1680px) {
  .class-curator-header-info img,
  .class-curator-header-info svg {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 1240px) {
  .class-curator-header-info img,
  .class-curator-header-info svg {
    width: 12px;
    height: 12px;
  }
}

.class-student-about {
  background: rgba(255, 255, 255, 0.4);
  -webkit-box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
          box-shadow: 0px 10px 30px 0px rgba(141, 140, 140, 0.25);
}

.class__student-block-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}

.class-student-about {
  margin-top: 15px;
}
@media screen and (max-width: 1240px) {
  .class-student-about {
    margin-top: 10px;
  }
}

.class__student-block + .class-curator {
  margin-top: 25px;
}
@media (max-width: 1680px) {
  .class__student-block + .class-curator {
    margin-top: 20px;
  }
}
@media (max-width: 992px) {
  .class__student-block + .class-curator {
    margin-top: 0;
  }
}

@media (max-width: 992px) {
  .class-tab-head {
    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;
    gap: 10px;
  }
}

@media (max-width: 992px) {
  .class-curator {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 260px 10px 1fr;
    grid-template-columns: 260px 1fr;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 10px;
        grid-template-areas: "class-curator-title class-curator-about" "class-curator-header class-curator-about";
    -ms-grid-rows: auto 10px 1fr;
    grid-template-rows: auto 1fr;
  }
  .class-curator .class-curator-about {
    margin-top: 0;
  }
  .class-curator .class-curator-title {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .class-curator {
    display: block;
  }
  .class-curator .class-curator-about {
    margin-top: 10px;
  }
  .class-curator .class-curator-title {
    padding-bottom: 10px;
  }
}

@media (max-width: 992px) {
  .class-teacher.--active {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 260px 10px 1fr;
    grid-template-columns: 260px 1fr;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 10px;
        grid-template-areas: "class-curator-header class-curator-about";
  }
  .class-teacher.--active .class-curator-about {
    margin-top: 0;
  }
  .class-teacher.--active .class-curator-title {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .class-teacher.--active {
    display: block;
  }
  .class-teacher.--active .class-curator-about {
    margin-top: 10px;
  }
  .class-teacher.--active .class-curator-title {
    padding-bottom: 10px;
  }
}

.class-curator-title {
  grid-area: class-curator-title;
}

.class-curator-header {
  grid-area: class-curator-header;
}

.class-curator-about {
  grid-area: class-curator-about;
}

@media (max-width: 992px){
  .class-curator-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .class-curator-header {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .class-teacher.--active > .class-curator-header {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .class-curator-about {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 3;
  }
  .class-teacher.--active > .class-curator-about {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
  }
}

.class-cart-text {
  color: #313233;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 114%;
  padding: 6px;
  border-radius: 10px;
  background: rgba(243, 61, 181, 0.1);
  margin-top: 10px;
  width: 100%;
}
@media screen and (max-width: 1680px) {
  .class-cart-text {
    font-size: 12px;
  }
}
@media screen and (max-width: 1240px) {
  .class-cart-text {
    font-size: 9px;
  }
}

.class-teacher-header-info {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #313233;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 114%;
}
.class-teacher-header-info .--blue {
  color: #0FAEFF;
}
@media (max-width: 1680px) {
  .class-teacher-header-info {
    font-size: 12px;
    margin-top: 10px;
  }
}
@media (max-width: 992px) {
  .class-teacher-header-info {
    font-size: 10px;
    margin-top: 5px;
  }
}
.class-teacher-header-info img,
.class-teacher-header-info svg {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 5px;
}
@media (max-width: 1680px) {
  .class-teacher-header-info img,
  .class-teacher-header-info svg {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 1240px) {
  .class-teacher-header-info img,
  .class-teacher-header-info svg {
    width: 12px;
    height: 12px;
  }
}

.class-teacher-header-img {
  width: 89px;
  height: 89px;
}
@media (max-width: 1680px) {
  .class-teacher-header-img {
    width: 65px;
    height: 65px;
    margin-right: 10px;
  }
}
@media (max-width: 1240px) {
  .class-teacher-header-img {
    width: 45px;
    height: 45px;
  }
}

/*new page 11.10.2024*/
.regist__feedback-title {
  font-size: calc(27px + 18 * (100vw - 360px) / 1560);
  font-weight: 800;
  font-family: "Lato";
  text-transform: uppercase;
  color: #313233;
}

.regist__wrapp {
  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-top: 60px;
  padding-bottom: 60px;
  position: relative;
  z-index: 1;
}
@media (max-width: 1240px) {
  .regist__wrapp {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.regist-feedback {
  isolation: isolate;
}

.regist__box + .regist__box {
  margin-top: 60px;
}
@media (max-width: 1240px) {
  .regist__box + .regist__box {
    margin-top: 30px;
  }
}

.regist__box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 540px;
  background: #FFFFFF;
  border-radius: 15px;
  padding: 40px;
}
@media screen and (max-width: 1440px) {
  .regist__box {
    width: 455px;
    padding: 20px;
  }
}
@media screen and (max-width: 1240px) {
  .regist__box {
    width: 385px;
    padding: 15px;
    border-radius: 12px;
  }
}
@media screen and (max-width: 767px) {
  .regist__box {
    width: 360px;
  }
}
@media (max-width: 390px) {
  .regist__box {
    width: 90%;
  }
}

.regist__box-title {
  text-align: center;
}

.regist__input-wrapp {
  position: relative;
}
.regist__input-wrapp input {
  padding-right: 25px;
}

.regist__input-svg {
  position: absolute;
  right: 22px;
  top: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (hover: hover) {
  .regist__input-box .btn-password:hover path {
    fill: none;
    stroke: #c60d0d;
  }
}
@media (hover: none) {
  .regist__input-box .btn-password:active path {
    fill: none;
    stroke: #c60d0d;
  }
}

.regist__input-box + .regist__input-box {
  padding-top: 15px;
  display: block;
}
@media screen and (max-width: 992px) {
  .regist__input-box + .regist__input-box {
    padding-top: 10px;
  }
}

.regist__input-subwrapp {
  padding-top: 20px;
}
@media screen and (max-width: 992px) {
  .regist__input-subwrapp {
    padding-top: 15px;
  }
}

.regist__input-text {
  font-family: "Inter";
  padding-top: 10px;
}
@media screen and (max-width: 992px) {
  .regist__input-text {
    padding-top: 5px;
  }
}

.regist__input-checkbox + .regist__input-checkbox {
  margin-top: 5px;
}

.regist-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  min-width: 230px;
}
@media (max-width: 767px) {
  .regist-btn {
    min-width: 180px;
  }
}

.regist__box-footer {
  margin-top: 15px;
}

.regist__footer-title {
  text-align: center;
}

.regist__message-list {
  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-top: 15px;
}

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

.regist__message-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;
  width: 40px;
  height: 40px;
}
.regist__message-link svg,
.regist__message-link img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1240px) {
  .regist__message-link {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 767px) {
  .regist__message-link {
    width: 25px;
    height: 25px;
  }
}

.-error input {
  color: #F50000;
  background: rgba(245, 0, 0, 0.1);
  border: 1px solid #F50000;
  -webkit-box-shadow: 0px 5px 15px rgba(141, 140, 140, 0.1);
          box-shadow: 0px 5px 15px rgba(141, 140, 140, 0.1);
}
.-error input::-webkit-input-placeholder {
  color: #F50000;
}
.-error input::-moz-placeholder {
  color: #F50000;
}
.-error input:-ms-input-placeholder {
  color: #F50000;
}
.-error input::-ms-input-placeholder {
  color: #F50000;
}
.-error input::placeholder {
  color: #F50000;
}
.-error .regist__input-svg path {
  fill: #F50000;
}
.-error .password-btn svg path {
  stroke: #F50000;
}

.--error-text {
  padding-top: 10px;
  color: #F50000;
}
@media screen and (max-width: 992px) {
  .--error-text {
    padding-top: 5px;
  }
}

.regist-choice-list {
  padding-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.regist-choice-link {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) {
  .regist-choice-link:hover {
    color: #204CAF;
  }
}
@media (hover: none) {
  .regist-choice-link:active {
    color: #204CAF;
  }
}

.regist-choice-link.--blue {
  color: #204CAF;
}
@media (hover: hover) {
  .regist-choice-link.--blue:hover {
    color: #F50000;
  }
}
@media (hover: none) {
  .regist-choice-link.--blue:active {
    color: #F50000;
  }
}

.regist__text {
  text-align: center;
}

.regist__box-wrapp {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .regist__box-wrapp {
    margin-top: 20px;
  }
}

.regist__box-img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.regist__text-padding {
  padding-top: 15px;
}
@media screen and (max-width: 992px) {
  .regist__text-padding {
    padding-top: 10px;
  }
}

.regist__box-img {
  width: 90px;
  height: 90px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1240px) {
  .regist__box-img {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 767px) {
  .regist__box-img {
    width: 50px;
    height: 50px;
  }
}