@font-face {
  font-family: "Gotham Pro";
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/gothampro_light.woff) format("woff"),
    url(../fonts/gothampro_light.ttf) format("truetype");
}

@font-face {
  font-family: "Gotham Pro";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/gothampro.woff) format("woff"),
    url(../fonts/gothampro.ttf) format("truetype");
}

@font-face {
  font-family: "Gotham Pro";
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/gothampro_bold.woff) format("woff"),
    url(../fonts/gothampro_bold.ttf) format("truetype");
}

@font-face {
  font-family: "Century Gothic";
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/centurygothic.woff) format("woff"),
    url(../fonts/centurygothic.ttf) format("truetype");
}

@font-face {
  font-family: "Play";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/Play-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Play";
  font-style: normal;
  font-weight: bold;
  src: url(../fonts/Play-Bold.ttf) format("truetype");
}

@font-face {
  font-family: "Cruinn";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/Cruinn_Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Artegra Sans Extended";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/ArtegraSansExRegular.ttf) format("truetype");
}

@font-face {
  font-family: "Artegra Sans Extended";
  font-style: normal;
  font-weight: bold;
  src: url(../fonts/ArtegraSansExBold.ttf) format("truetype");
}

@font-face {
  font-family: "Bruno Ace";
  font-style: normal;
  font-weight: normal;
  src: url(../fonts/BrunoAce-Regular.ttf) format("truetype");
}

html {
  scroll-behavior: smooth;
}

::-webkit-scrollbar {
  display: none;
}

.error {
  color: red;
}

.header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: black;
  padding: 33px 1.8vw 0 0;
  font-size: 0.95vw;
  line-height: 1.4vw;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: space-between;
  z-index: 100;
  font-family: Artegra Sans Extended;
  margin: 0 65px;
  border-bottom: 0.52px solid rgba(116, 138, 158, 1);
}

.header > *:not(:last-child) {
  margin-right: 0 !important;
}

.header > a:last-of-type {
  margin-right: 0;
}

.header > a:focus {
  color: white;
}

.header > a:not(:first-of-type) {
  letter-spacing: -0.02em;
}

.header .search-form {
  width: 583px;
  position: relative;
  padding: 0;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.header .search-form .search {
  width: 100%;
  border-radius: 20px;
  border: 1px solid #e0e0e0;
  background: #ffffffcc;
  padding: 10px 98px 10px 19px;
  color: black;
  font-size: 16px;
  line-height: 20px;
}

.header .search-form .search::placeholder {
  color: #010541;
}

.header .search-form .search_btn {
  background: url("../images/search-btn.png") center center no-repeat;
  background-size: contain;
  border: none;
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  width: 26px;
  height: 26px;
  padding: 0;
}

.header .search-form:not(.with-text) .clear_search {
  opacity: 0;
  pointer-events: none;
}

.header .search-form .clear_search {
  position: absolute;
  top: 0;
  right: 63px;
  bottom: 0;
  margin: auto;
  background: center center no-repeat;
  background-size: contain;
  width: 16px;
  height: 15px;
  transition: all 0.5s;
  padding: 0;
}

.header .main-logo img {
  height: 50px;
  width: auto;
}

.header .logo {
  position: absolute;
  right: 41px;
  width: 27px;
  margin-right: 0;
  line-height: 1px;
}

.header .logo img {
  width: 100%;
}

.header .idg {
  position: absolute;
  display: inline-block;
  width: 1.4vw;
  height: 1.4vw;
  background: url("../images/logo-idg.png") center center no-repeat;
  background-size: contain;
  margin-right: 0 !important;
  right: -2.08vw;
  bottom: 1.2vw;
}

.back-to-top {
  position: fixed;
  bottom: 2.6vw;
  right: 2.6vw;
  width: 2.45vw;
  height: 2.45vw;
  border-radius: 50%;
  background-image: url("../images/back-to-top.png");
  background-size: 100% 100%;
  border: none;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 999;
  transform: translateY(10px);
}

.back-to-top.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  animation: float 3s ease-in-out infinite;
}

.back-to-top:hover {
  filter: brightness(1.1);
}

@media (max-width: 575.5px) {
  .back-to-top {
    right: 3.6vw;
    bottom: 12.6vw;
    width: 8.45vw;
    height: 8.45vw;
  }
}

@keyframes float {
  0%,
  100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-0.3vw) scale(1.02);
  }
}

/* @media (max-width: 575.5px) {
  .back-to-top {
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
  }
  
  .back-to-top.visible {
    animation: float-mobile 3s ease-in-out infinite;
  }
  
  @keyframes float-mobile {
    0%, 100% {
      transform: translateY(0) scale(1);
    }
    50% {
      transform: translateY(-3px) scale(1.02);
    }
  }

} */

.main {
  padding-top: 103px;
  min-height: 100vh;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.main-page {
  height: 100vh;
  margin-top: -83px;
  padding-top: 83px;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
}

.main-page::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 514px;
  background: url("../images/main-screen-lines.svg") center center no-repeat;
  background-size: contain;
  z-index: -1;
}

.main-video {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.main-video video:last-child {
  display: none;
}

.main-line .main-body video:nth-of-type(2) {
  display: none;
}

@media (max-width: 575.5px) {
  .main-video video:first-child {
    display: none;
  }

  .main-video video:last-child {
    display: unset;
  }

  .main-line .main-body > video:first-of-type {
    display: none;
  }

  .main-line .main-body > video:nth-of-type(2) {
    display: unset;
  }
}

.main-video,
.main-line .main-body {
  overflow: hidden;
}

.main-page .main-line.active {
  height: 100%;
}

.main-line {
  overflow: hidden;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.main-line.fixed {
  position: fixed;
  top: 95px;
  right: 0;
  left: 0;
  z-index: 1;
}

.main-line_blocked {
  pointer-events: none;
}

.main-line:not(.active) {
  flex-shrink: 0;
}

.main-line .main-head {
  position: relative;
  border: 1px solid #cfcfcf;
  border-left: 0px;
  border-right: 0px;
  padding: 11px 68px;
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
  letter-spacing: -0.02em;
  background: white;
  color: black;
  text-align: center;
  text-transform: uppercase;
  flex-shrink: 0;
}

.main-line .main-head a {
  text-decoration: none;
}

.main-line.active .main-head {
  /*background: #00000080;*/
  background: black;
  color: white;
}

.main-line.active-lending .main-head {
  position: fixed;
  width: 100%;
  top: 95px;
  z-index: 99;
}

.main-line.active-lending .main-head a:focus {
  color: white;
}

.main-line.active-lending .main-head .main-arrow img:last-child {
  display: unset;
}

.main-line .main-head .main-arrow {
  position: absolute;
  top: 0;
  right: 43px;
  bottom: 0;
  margin: auto;
  width: 18px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.main-line .main-head .main-arrow img {
  width: 100%;
}

.main-line:not(.active) .main-arrow img:nth-child(2) {
  display: none;
}

.main-line.active .main-arrow img:nth-child(1) {
  display: none;
}

.main-line.main-line_blocked .main-arrow img {
  display: none;
}

.main-line:not(.main-line_blocked) .main-arrow img:last-child {
  display: none;
}

.main-line.main-line_blocked .main-arrow img:last-child {
  display: inline-block;
}

.main-line.main-line_blocked .main-head {
  color: rgba(120, 120, 120, 1);
}

.main-line .main-body {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.main-line .main-body_column {
  flex-direction: column;
}

.main-line .main-body > video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  filter: blur(7.5px);
}

.main-line .main-body .main-recruiting-line {
  position: relative;
  margin-top: 26px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.main-line .main-body .main-recruiting-line__item {
  position: relative;
  height: 376px;
  width: 677px;
  border-radius: 18px;
  box-shadow: 4.45px 3.56px 22.25px 13.35px #00000075;
  overflow: hidden;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  color: inherit !important;
  text-decoration: none !important;
  transition: all 0.5s;
}

.main-line .main-body .main-recruiting-line__item:not([disabled]):hover {
  transform: scale(1.07);
}

.main-line .main-body .main-recruiting-line__item:not([disabled]):focus {
  transform: translateY(4px);
  box-shadow: 0 0 #1c6ea4;
}

.main-line .main-body .main-recruiting-line__item .back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.main-line .main-body .main-recruiting-line__item .back img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-line .main-body .main-recruiting-line__item .text {
  position: relative;
  background: black;
  padding: 11px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}

.main-line .main-body .main-recruiting-line__item:not(:last-child) {
  margin-right: 105px;
}

.main-line .main-body .main-professional-program-line {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
}

.main-line .main-body .main-professional-program-blog {
  padding: 0.52vw 0 0;
  background: rgba(0, 0, 0, 0.25);
  margin-top: 2.34vw;
}

.main-line .main-body .main-professional-program-blog .title {
  margin-bottom: 0.52vw;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.73vw;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
  position: relative;
}

.main-line .main-body .main-professional-program-blog .articles {
  padding: 0 3.91vw;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  row-gap: 0.84vw;
  column-gap: 0.84vw;
}

.main-line .main-body .main-professional-program-blog .article-item {
  position: relative;
  border-radius: 0.63vw;
  box-shadow: 0px 0.12vw 0.12vw 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 9.18vw;
  overflow: hidden;
}

.main-line .main-body .main-professional-program-blog .article-item__image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.main-line .main-body .main-professional-program-blog .article-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-line .main-body .main-professional-program-blog .article-item__category {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.65vw;
  line-height: normal;
  color: white;
  text-align: left;
  padding: 0.47vw 0 0 0.73vw;
  position: relative;
  z-index: 1;
}

.main-line
  .main-body
  .main-professional-program-blog
  .article-item__description {
  display: flex;
  flex-direction: column;
  row-gap: 0.47vw;
  align-items: flex-start;
  padding: 0.18vw 0.73vw 0.52vw;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(9px);
  border-radius: 0 1.56vw 1.56vw 0;
  z-index: 1;
  width: 100%;
}

.main-line
  .main-body
  .main-professional-program-blog
  .article-item__description
  p {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.65vw;
  line-height: normal;
  color: white;
  margin: 0;
}

.main-line
  .main-body
  .main-professional-program-blog
  .article-item__description
  button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  column-gap: 0.26vw;
  padding: 0.34vw 0.52vw;
  background: white;
  border: none;
  border-radius: 0.47vw;
  box-shadow: 0px 0.12vw 0.12vw 0px rgba(0, 0, 0, 0.25);
}

.main-line
  .main-body
  .main-professional-program-blog
  .article-item__description
  button
  span {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.51vw;
  line-height: normal;
  color: rgba(129, 134, 139, 1);
}

.main-line
  .main-body
  .main-professional-program-blog
  .article-item__description
  button
  img {
  width: 1.04vw;
  height: auto;
}

.main-line .main-body .main-professional-program-blog .article-item__task {
  z-index: 1;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.51vw;
  line-height: normal;
  color: white;
  padding: 0.18vw 0 0.18vw 0.73vw;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(9px);
  margin-bottom: 0.26vw;
  margin-top: auto;
  transition: all 0.5s ease;
}

.main-line
  .main-body
  .main-professional-program-blog
  .promt
  .article-item__description {
  border-radius: 0 0 0.63vw 0.63vw;
  opacity: 1;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  top: 100%;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
  padding: 0.18vw 0.73vw 0.52vw;
}

.main-line
  .main-body
  .main-professional-program-blog
  .promt:hover
  .article-item__task {
  position: relative;
}

.main-line
  .main-body
  .main-professional-program-blog
  .promt:hover
  .article-item__description {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  bottom: 0;
  top: unset;
  position: relative;
}

.main-line
  .main-body
  .main-professional-program-blog
  .particle
  .article-item__description {
  border-radius: 0 0 0.63vw 0.63vw;
}

.main-line
  .main-body
  .main-professional-program-blog
  .advice
  .article-item__description {
  border-radius: 0 0 0.63vw 0.63vw;
}

.main-line .main-body .main-professional-program-blog .promt p {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.51vw;
  line-height: normal;
  color: white;
}

@media (max-width: 576.5px) {
  .main-line .main-body_column {
    justify-content: flex-end;
  }

  .main-line .main-body .main-professional-program-blog {
    padding: 0;
    background: transparent;
    margin-top: 54px;
    width: 100%;
    overflow-x: auto;
    position: relative;
  }

  .main-line .main-body .main-professional-program-blog .title {
    margin-bottom: 11px;
    font-size: 9px;
  }

  .main-line .main-body .main-professional-program-blog .articles {
    display: flex;
    overflow-x: auto;
    /* Убедитесь, что это установлено на auto */
    scroll-snap-type: x mandatory;
    padding: 0 10px 15px;
    scrollbar-width: none;
  }

  .main-line .main-body .main-professional-program-blog .articles::before {
    content: "";
    flex: 0 0 10px;
    height: 1px;
  }

  .main-line
    .main-body
    .main-professional-program-blog
    .articles::-webkit-scrollbar {
    display: none;
    /* Скрыть скроллбар в Chrome/Safari */
  }

  .main-line .main-body .main-professional-program-blog .article-item {
    border-radius: 7.8px;
    box-shadow: 0px 1.29px 1.29px 0px rgba(0, 0, 0, 0.25);
    height: 114px;
    min-width: 182px;
    width: 182px;
    scroll-snap-align: start;
    margin-right: 3px;
  }

  .main-line
    .main-body
    .main-professional-program-blog
    .article-item:last-child {
    margin-right: 0;
  }

  .main-line
    .main-body
    .main-professional-program-blog
    .article-item__category {
    font-size: 8.2px;
    padding: 5px 0 0 6px;
  }

  .main-line
    .main-body
    .main-professional-program-blog
    .article-item__description {
    row-gap: 5.6px;
    padding: 4px 7px 6px;
    backdrop-filter: blur(5px);
    border-radius: 0 19px 19px 0;
  }

  .main-line
    .main-body
    .main-professional-program-blog
    .article-item__description
    p {
    font-size: 8.2px;
  }

  .main-line
    .main-body
    .main-professional-program-blog
    .article-item__description
    button {
    column-gap: 4px;
    padding: 3.5px 6px;
    border-radius: 7.8px;
    box-shadow: 0px 1.58px 1.58px 0px rgba(0, 0, 0, 0.25);
  }

  .main-line
    .main-body
    .main-professional-program-blog
    .article-item__description
    button
    span {
    font-size: 6.3px;
  }

  .main-line
    .main-body
    .main-professional-program-blog
    .article-item__description
    button
    img {
    width: 13px;
  }

  .main-line .main-body .main-professional-program-blog .article-item__task {
    font-size: 6px;
    padding: 2px 0 2px 7px;
    backdrop-filter: blur(5px);
    margin-bottom: 2.5px;
  }

  .main-line
    .main-body
    .main-professional-program-blog
    .promt
    .article-item__description {
    border-radius: 0 0 7.8px 7.8px;
    padding: 4px 7px 6px;
  }

  .main-line
    .main-body
    .main-professional-program-blog
    .particle
    .article-item__description {
    border-radius: 0 0 7.8px 7.8px;
  }

  .main-line
    .main-body
    .main-professional-program-blog
    .advice
    .article-item__description {
    border-radius: 0 0 7.8px 7.8px;
  }

  .main-line .main-body .main-professional-program-blog .promt p {
    font-size: 6px;
  }
}

.main-line .main-body .main-professional-program-item {
  position: relative;
  height: 19.68vw;
  width: 35.48vw;
  border-radius: 1.13vw;
  box-shadow: 0.21vw 0.18vw 1.11vw 0.68vw rgba(0, 0, 0, 0.75);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  color: inherit !important;
  text-decoration: none !important;
}

.main-line .main-body .main-professional-program-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-line .main-body .main-professional-program-item .back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.main-line .main-body .main-professional-program-item .back video {
  width: -webkit-fill-available;
}

.main-line .main-body .main-professional-program-item .text {
  position: relative;
  background: black;
  padding: 0.57vw;
  font-weight: 400;
  font-size: 0.84vw;
  line-height: 0.99vw;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}

@media (max-width: 1599.5px) {
  .main-line .main-body .main-professional-program-item {
    height: 277px;
    width: 500px;
    border-radius: 11px;
  }

  .main-line .main-body .main-professional-program-item .text {
    padding: 11px 17px;
    font-size: 11px;
    line-height: 14px;
  }
}

@media (max-width: 1199.5px) {
  .main-line .main-body .main-professional-program-item {
    height: 249px;
    width: 450px;
    border-radius: 10px;
  }

  .main-line .main-body .main-professional-program-item .text {
    padding: 10px 15px;
    font-size: 9px;
    line-height: 11px;
  }
}

@media (max-width: 991.5px) {
  .main-line .main-body .main-professional-program-item {
    height: 221px;
    width: 400px;
    border-radius: 10px;
  }

  .main-line .main-body .main-professional-program-item .text {
    padding: 9px 14px;
    font-size: 8px;
    line-height: 10px;
  }
}

@media (max-width: 767.5px) {
  .main-line .main-body .main-professional-program-item {
    height: 193px;
    width: 350px;
    border-radius: 8px;
  }

  .main-line .main-body .main-professional-program-item .text {
    padding: 7px 13px;
    font-size: 8px;
    line-height: 10px;
  }
}

@media (max-width: 576.5px) {
  .main-line .main-body .main-professional-program-item {
    height: 46.75vw;
    width: 84.38vw;
    border-radius: 2.19vw;
    box-shadow: none;
    overflow: hidden;
  }

  .main-line .main-body .main-professional-program-item .text {
    padding: 1.56vw 0;
    font-size: 2.03vw;
    line-height: 2.5vw;
  }
}

#footer {
  background: #000000;
  padding: 80px 108px 70px 109px;
}

#footer .contacts {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
}

#footer .contacts .data {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 22px;
  line-height: 24px;
  color: white;
  margin-bottom: 18px;
}

#footer .contacts .data.data-row {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

#footer .contacts .data img {
  width: 36px;
  margin-right: 13px;
}

#footer a:focus {
  color: white;
}

#footer a {
  text-decoration: none;
}
#footer .footer-links {
  margin-top: 25px;
  text-align: center;
  font-family: Nunito;
  font-size: 14px;
  line-height: 19px;
  text-decoration: underline;
}

#footer .footer-bottom {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: end;
  align-items: flex-end;
  font-family: Nunito;
  font-size: 14px;
  line-height: 19px;
}
#footer .footer-bottom div:first-child a,
#footer .footer-bottom div:last-child a {
  display: none;
}

#footer .footer-bottom div:last-child {
  text-align: right;
}
#footer .footer-bottom > img {
  width: 52px;
}
#footer .footer-button {
  display: inline-block;
  border-radius: 10px;
  border: 1px solid white;
  padding: 16px 21px 15px;
  font-family: Montserrat;
  font-size: 20px;
  line-height: 24px;
  transition: all 0.5s;
}
#footer .footer-button:hover {
  background: white;
  color: #000;
}
#footer .footer-button:not(:last-child) {
  margin-right: 29px;
}
#modalActs .modal-dialog {
  max-width: 609px;
}
#modalActs .modal-content {
  background: none;
  padding-top: 31px;
  padding-right: 38px;
}
#modalActs .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  background: url("../images/login-modal-close.png") center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 19px;
}
#modalActs .modal-body {
  background: white;
  box-shadow: 0px 4px 42.6px 0px #00000040;
  padding: 30px 52px 26px 63px;
  text-align: center;
  color: black;
}
#modalActs .modal-body .form-group {
  margin-bottom: 14px;
}
#modalActs .modal-body input {
  background: #e0e0e0;
  border-radius: 11px;
  border: none;
  padding: 10px 42px 10px 20px;
  color: black;
}
#modalActs .modal-body .show-password-link {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
}
#modalActs .modal-body .show-password-link img {
  width: 100%;
}
#modalActs .modal-body .btn-post {
  background: black;
  border-radius: 11px;
  padding: 17px 96px 16px;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 14px;
  color: white;
}
#modalActs .modal-body .modal-desc {
  font-size: 12px;
  line-height: 14px;
  color: #6f6f6f;
}
#modalActs .modal-body .modal-desc a {
  color: black;
}
#modalActs #actLinks {
  padding-top: 10px;
  padding-bottom: 20px;
}
#modalActs .acts-title {
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 23px;
}
#modalActs .acts-link {
  display: inline-block;
  background: #e0e0e0;
  border-radius: 11px;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 20px;
}
#modalActs .acts-link:not(:last-child) {
  margin-bottom: 10px;
}

.help-block {
  color: #e31e24;
  margin-top: 0;
  margin-bottom: -1em;
  height: 1em;
  line-height: 1em;
}

.login-modal.in {
  display: -ms-flex;
  display: flex !important;
  -ms-flex-align: center;
  align-items: center;
  color: black;
}

.login-modal .form-group {
  position: relative;
}

.login-modal .form-group a.gray {
  color: #6f6f6f;
}

.login-modal .form-group .show-password-link {
  position: absolute;
  right: 16px;
  bottom: 10px;
  background: url("../images/eye.png") center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.login-modal .modal-dialog {
  max-height: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

#loginModal .modal-dialog {
  max-width: 609px;
}

.login-modal .modal-content {
  background: transparent;
}

#loginModal .modal-content {
  background: transparent;
  padding-top: 31px;
  padding-right: 38px;
}

.login-modal .modal-content .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  background: url("../images/login-modal-close.png") center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 19px;
}

.login-modal .modal-body {
  background: white;
  font-size: 16px;
  line-height: 20px;
}

#loginModal .modal-body {
  padding: 30px 52px 19px 63px;
}

#loginModal .form-group {
  margin-bottom: 14px;
}

.login-modal input {
  background: #e0e0e0;
  border: none;
  padding: 10px 20px;
  color: black;
  font-size: 16px;
  line-height: 20px;
}

.login-modal input::placeholder {
  color: black;
  opacity: 0.6;
}

.login-modal .checkbox-group + .checkbox-group {
  margin-top: 15px;
}

.login-modal .checkbox-group input[type="checkbox"],
.login-modal .checkbox-group input[type="radio"] {
  display: none;
}

.login-modal .checkbox-group input[type="checkbox"] + label,
.login-modal .checkbox-group input[type="radio"] + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: black;
  padding-left: 28px;
}

.login-modal .checkbox-group input[type="checkbox"] + label .gray {
  color: #6f6f6f;
}

.login-modal .checkbox-group input[type="checkbox"] + label:before,
.login-modal .checkbox-group input[type="radio"] + label:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  bottom: 2px;
  left: 0;
  width: 17px;
  height: 17px;
  margin: auto;
  border: 1px solid #81868b;
  border-radius: 4px;
}

.login-modal .checkbox-group input[type="checkbox"]:checked + label:after,
.login-modal .checkbox-group input[type="radio"]:checked + label:after {
  content: "";
  display: block;
  background: url("../images/professional/check-gray.png") center center
    no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 1px;
  margin: auto;
  width: 16px;
  height: 16px;
}

.login-modal
  .modal-body:nth-last-child(4)
  .checkbox-group
  input[type="checkbox"]
  + label {
  padding-left: 35px;
}

#registerModal
  .modal-body:nth-last-child(4)
  .checkbox-group
  input[type="checkbox"]
  + label:before {
  width: 23px;
  height: 23px;
}

#registerModal
  .modal-body:nth-last-child(4)
  .checkbox-group
  input[type="checkbox"]:checked
  + label:after {
  width: 22px;
  height: 22px;
}

.login-modal .checkbox-group input[type="checkbox"] + label a {
  font-weight: 400;
  text-decoration: underline;
}

.login-modal .checkbox-group input[type="checkbox"] + label a:hover {
  text-decoration: none;
}

.login-modal .checkbox-group input[type="checkbox"] + label.with-message {
  max-width: 566px;
}

.login-modal .checkbox-group input[type="checkbox"] + label.with-message span {
  margin-right: auto;
}

.login-modal .checkbox-group input[type="checkbox"] + label .show-message {
  position: relative;
  margin-left: 5px;
  padding: 0;
  border: none;
  background: transparent;
  outline: none !important;
  line-height: 14px;
  border-radius: 50%;
  flex-shrink: 0;
}

.login-modal .checkbox-group input[type="checkbox"] + label .show-message img {
  height: 14px;
  width: 14px;
  object-fit: contain;
}

.login-modal
  .checkbox-group
  input[type="checkbox"]
  + label
  .show-message:not(:hover)
  .hidden-message {
  display: none;
}

.login-modal
  .checkbox-group
  input[type="checkbox"]
  + label
  .show-message:hover
  .hidden-message {
  display: block;
  position: absolute;
  top: -13px;
  right: -228px;
  width: 216px;
  border-radius: 13px;
  background: #000000;
  box-shadow: 0px 4px 4px 0px #00000040;
  padding: 7px 7px 7px 11px;
  font-size: 10.5px;
  line-height: 13px;
  z-index: 1;
  text-align: left;
  color: white;
  letter-spacing: 0;
}

#loginModal .checkbox-group {
  margin-bottom: 23px;
  margin-left: 52px;
}

#loginModal .checkbox-group input[type="checkbox"] + label {
  font-size: 14px;
  line-height: 17px;
}

#loginModal .link-block {
  margin-top: 15px;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

#loginModal .link-block .modal-link {
  font-size: 12px;
  line-height: 14px;
  color: #6f6f6f;
  padding-bottom: 1px;
}

#loginModal .link-block .delimiter {
  margin: 0 21px;
  border-right: 1px solid #6e6e6e;
  height: 29px;
}

.login-modal .btn-send,
.login-modal .btn-register,
#registerInfoModal .btn-send {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: black;
  border-radius: 12px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: white;
  margin: auto;
  height: 54px;
  width: 192px;
  transition: all 0.2s ease;
}

#registerInfoModal *:not(button) {
  width: 100%;
  text-align: center;
  color: black;
}

#registerInfoModal .text-center {
  padding-top: 0.78vw;
}

#registerInfoModal .btn-send {
  white-space: nowrap;
  width: 13.28vw!important;
}

.login-modal .btn-send:not(:disabled):hover {
  box-shadow: 0 0.3vw 0.6vw rgba(1, 1, 1, 0.5);
}

.login-modal .btn-send:not(:disabled):active {
  transform: scale(0.98);
  box-shadow: 0 0.2vw 0.4vw rgba(255, 255, 255, 0.08);
}

#registerModal .btn-register:not(:disabled):hover {
  background: black;
  color: white;
}

#registerModal .btn-register:not(:disabled):active {
  transform: scale(0.98);
}
.login-modal .btn-send[type="submit"],
.login-modal .btn-register {
  border-radius: 11px;
  width: 259px;
  height: 57px;
}

#loginModal .btn-send {
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  transition: all 0.2s ease;
}

#loginModal .btn-send:hover {
  box-shadow: 0 0.3vw 0.6vw rgba(1, 1, 1, 0.5);
}

#loginModal .btn-send:active {
  transform: scale(0.98);
  box-shadow: 0 0.2vw 0.4vw rgba(255, 255, 255, 0.08);
}
#resetModal .modal-dialog {
  max-width: 37.24vw;
  margin-top: 10.42vw;
}

#resetModal .modal-content {
  padding-right: 2.08vw;
  padding-top: 1.56vw;
  background: transparent;
}

#resetModal .modal-content .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/login-modal-close.png) center center no-repeat;
  background-size: contain;
  width: 1.04vw;
  height: 0.99vw;
}

#resetModal .modal-body {
  padding: 7.55vw 3.01vw 2.08vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.04vw;
  background: url(../images/modal-reset-bg.png) center center no-repeat;
  background-size: cover;
}

#resetModal .modal-title {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.15vw;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: black;
}

#resetModal .modal-text {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  color: rgba(129, 134, 139, 1);
}

#resetModal .modal-text .email {
  color: rgba(143, 185, 221, 1);
  font-weight: 600;
}

@media (max-width: 767.5px) {
  #resetModal .modal-dialog {
    max-width: 56.81vw;
    margin-top: 35vw;
  }

  #resetModal .modal-content {
    padding-right: 0;
    padding-top: 0;
  }

  #resetModal .modal-content .btn-close {
    top: 1.13vw;
    right: 1.13vw;
    width: 1.69vw;
    height: 1.5vw;
  }

  #resetModal .modal-body {
    padding: 12.19vw 5.95vw 3.19vw;
    row-gap: 1.89vw;
  }

  #resetModal .modal-title {
    font-size: 1.88vw;
  }

  #resetModal .modal-text {
    font-size: 1.35vw;
  }
}

@media (max-width: 575.5px) {
  #resetModal .modal-dialog {
    max-width: 94.69vw;
    margin-top: 56.25vw;
  }

  #resetModal .modal-content .btn-close {
    top: 1.88vw;
    right: 1.88vw;
    width: 2.81vw;
    height: 2.5vw;
  }

  #resetModal .modal-body {
    padding: 20.31vw 9.94vw 5.31vw;
    row-gap: 3.13vw;
  }

  #resetModal .modal-title {
    font-size: 3.13vw;
  }

  #resetModal .modal-text {
    font-size: 2.25vw;
  }
}

.login-modal .modal-body + .modal-body {
  display: none;
}

#registerModal .modal-dialog {
  max-width: 678px;
}

#registerModal.policy-modal .modal-dialog,
#registerInfoModal .modal-dialog {
  max-width: 823px;
}

#registerModal .modal-content {
  padding-top: 29px;
  padding-right: 37px;
}

#registerModal.policy-modal .modal-content,
#registerInfoModal .modal-content {
  padding-top: 25px;
  padding-right: 40px;
}

#registerModal .modal-body,
#registerInfoModal .modal-body {
  padding: 39px 30px 21px;
}

#registerModal .modal-body:nth-last-child(4) {
  padding-top: 44px;
  padding-bottom: 30px;
}

#registerModal .modal-title {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
}

#registerModal.policy-modal .modal-title {
  font-size: 24px;
  line-height: 29px;
  max-width: 653px;
  margin: 0 auto 36px;
  text-transform: none;
}

#registerModal .checkbox-group {
  max-width: 573px;
  margin-right: auto;
  margin-left: auto;
}

#registerModal .select-all {
  margin: 26px -30px 27px;
  max-width: none !important;
  background: black;
  padding: 15px 67px;
}

#registerModal .select-all.checkbox-group input[type="checkbox"] + label {
  color: white;
}

#registerModal
  .select-all.checkbox-group
  input[type="checkbox"]
  + label:before {
  border-color: #ffffff;
}

#registerModal
  .select-all.checkbox-group
  input[type="checkbox"]:checked
  + label:after {
  background-image: url("../images/professional/check.png");
}

#registerModal .modal-body:nth-last-child(4) .checkbox-group {
  margin-bottom: 36px;
}

#registerModal .modal-body:nth-last-child(2) .checkbox-group {
  max-width: 651px;
}

#registerModal .modal-body:nth-last-child(2) .checkbox-group + .text-center {
  margin-top: 31px;
}

#registerModal .modal-info {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: -30px;
  margin-bottom: 26px;
  padding-left: 67px;
  padding-right: 50px;
  font-size: 14px;
  line-height: 17px;
  color: #787878;
}

#registerModal .modal-info img {
  width: 16px;
  margin-right: 8px;
  flex-shrink: 0;
}

#registerModal .form-group {
  max-width: 472px;
  margin: 0 auto 10px;
}

#registerModal .form-group label {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: black;
}

#registerModal .form-group label .red {
  color: #f5550f;
}

#registerModal input {
  padding-left: 18px;
}

#registerModal .flex-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#registerModal .flex-row button {
  margin: 0;
}

#registerModal .flex-row .btn-register {
  background: white;
  border: 1px solid black;
  color: black;
  transition: all 0.5s ease;
}

#registerModal .g-recaptcha {
  margin-top: 5px;
  margin-bottom: 7px;
}

@media (max-width: 1599.5px) {
  .header {
    padding: 28px 1vw 0 0;
    font-size: 1.11vw;
    line-height: 1.38vw;
  }

  .header > *:not(:last-child) {
    margin-right: 55px;
  }

  .header .search-form {
    width: 436px;
  }

  .header .search-form .search {
    border-radius: 15px;
    padding: 7px 73px 7px 13px;
    font-size: 12px;
    line-height: 15px;
  }

  .header .search-form .search_btn {
    right: 15px;
    width: 19px;
    height: 19px;
  }

  .header .search-form .clear_search {
    right: 46px;
    width: 12px;
    height: 10px;
  }

  .header .main-logo img {
    height: 40px;
  }

  .header .logo {
    right: 30px;
    bottom: 25px;
    width: 21px;
  }

  .main {
    padding-top: 87.55px;
  }

  .main-page {
    margin-top: -70px;
    padding-top: 70px;
  }

  .main-line.fixed {
    top: 70px;
  }

  .main-line .main-head {
    padding: 7px 51px;
    font-size: 15px;
    line-height: 18px;
  }

  .main-line.active-lending .main-head {
    top: 70px;
  }

  .main-line .main-head .main-arrow {
    right: 31px;
    width: 13px;
  }

  .main-line .main-body .main-recruiting-line {
    margin-top: 19px;
  }

  .main-line .main-body .main-recruiting-line__item {
    height: 282px;
    width: 507px;
    border-radius: 13px;
    box-shadow: 3.33px 2.67px 16.68px 10px #00000075;
  }

  .main-line .main-body .main-recruiting-line__item .text {
    padding: 7px;
    font-size: 13px;
    line-height: 16px;
  }

  .main-line .main-body .main-recruiting-line__item:not(:last-child) {
    margin-right: 78px;
  }

  #footer {
    padding: 67px 81px 54px;
  }

  #footer .contacts .data {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 14px;
  }

  #footer .contacts .data img {
    width: 30px;
    margin-right: 10px;
  }

  #footer .footer-links {
    margin-top: 18px;
    font-size: 10px;
    line-height: 14px;
  }
  #footer .footer-bottom {
    font-size: 10px;
    line-height: 14px;
  }
  #footer .footer-bottom > img {
    width: 39px;
  }
  #footer .footer-button {
    border-radius: 7px;
    padding: 12px 15px 11px;
    font-size: 15px;
    line-height: 18px;
  }
  #footer .footer-button:not(:last-child) {
    margin-right: 21px;
  }
  #modalActs .modal-dialog {
    max-width: 456px;
  }
  #modalActs .modal-content {
    padding-top: 22px;
    padding-right: 28px;
  }
  #modalActs .btn-close {
    width: 15px;
    height: 14px;
  }
  #modalActs .modal-body {
    box-shadow: 0px 3px 31.9px 0px #00000040;
    padding: 22px 39px 19px 46px;
  }
  #modalActs .modal-body .form-group {
    margin-bottom: 10px;
  }
  #modalActs .modal-body input {
    border-radius: 8px;
    padding: 7px 31px 7px 15px;
  }
  #modalActs .modal-body .show-password-link {
    right: 12px;
    width: 15px;
    height: 15px;
  }
  #modalActs .modal-body .btn-post {
    border-radius: 8px;
    padding: 13px 72px 12px;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px;
  }
  #modalActs .modal-body .modal-desc {
    font-size: 9px;
    line-height: 10px;
  }
  #modalActs #actLinks {
    padding-top: 7px;
    padding-bottom: 15px;
  }
  #modalActs .acts-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 16px;
  }
  #modalActs .acts-link {
    border-radius: 8px;
    padding: 7px 15px;
    font-size: 12px;
    line-height: 15px;
  }
  #modalActs .acts-link:not(:last-child) {
    margin-bottom: 7px;
  }

  .login-modal .form-group .show-password-link {
    right: 12px;
    bottom: 7px;
    width: 15px;
    height: 15px;
  }

  #loginModal .modal-dialog {
    max-width: 456px;
  }

  #loginModal .modal-content {
    padding-top: 22px;
    padding-right: 28px;
  }

  .login-modal .modal-content .btn-close {
    width: 15px;
    height: 14px;
  }

  #loginModal .modal-body {
    padding: 22px 39px 13px 46px;
  }

  #loginModal .form-group {
    margin-bottom: 10px;
  }

  .login-modal .modal-body {
    font-size: 12px;
    line-height: 15px;
  }

  .login-modal input {
    padding: 7px 15px;
    font-size: 12px;
    line-height: 15px;
  }

  .login-modal .checkbox-group + .checkbox-group {
    margin-top: 11px;
  }

  .login-modal .checkbox-group input[type="checkbox"] + label,
  .login-modal .checkbox-group input[type="radio"] + label {
    font-size: 12px;
    line-height: 15px;
    padding-left: 21px;
  }

  .login-modal .checkbox-group input[type="checkbox"] + label:before,
  .login-modal .checkbox-group input[type="radio"] + label:before {
    width: 12px;
    height: 12px;
    border-radius: 3px;
  }

  .login-modal .checkbox-group input[type="checkbox"]:checked + label:after,
  .login-modal .checkbox-group input[type="radio"]:checked + label:after {
    width: 11px;
    height: 11px;
  }

  .login-modal
    .modal-body:nth-last-child(4)
    .checkbox-group
    input[type="checkbox"]
    + label {
    padding-left: 25px;
  }

  #registerModal
    .modal-body:nth-last-child(4)
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 16px;
    height: 16px;
  }

  #registerModal
    .modal-body:nth-last-child(4)
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 15px;
    height: 15px;
  }

  .login-modal .checkbox-group input[type="checkbox"] + label.with-message {
    max-width: 424px;
  }

  .login-modal .checkbox-group input[type="checkbox"] + label .show-message {
    margin-left: 4px;
    line-height: 10px;
  }

  .login-modal
    .checkbox-group
    input[type="checkbox"]
    + label
    .show-message
    img {
    height: 10px;
    width: 10px;
  }

  .login-modal
    .checkbox-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: -9px;
    right: -171px;
    width: 162px;
    border-radius: 9px;
    box-shadow: 0px 3px 3px 0px #00000040;
    padding: 4px 4px 4px 7px;
    font-size: 7px;
    line-height: 9px;
  }

  #loginModal .checkbox-group {
    margin-bottom: 16px;
    margin-left: 39px;
  }

  #loginModal .checkbox-group input[type="checkbox"] + label {
    font-size: 10px;
    line-height: 12px;
  }

  #loginModal .link-block {
    margin-top: 10px;
  }

  #loginModal .link-block .modal-link {
    font-size: 9px;
    line-height: 10px;
  }

  #loginModal .link-block .delimiter {
    margin: 0 15px;
    height: 21px;
  }

  .login-modal .btn-send,
  .login-modal .btn-register,
  #registerInfoModal .btn-send {
    border-radius: 9px;
    font-size: 13px;
    line-height: 16px;
    height: 40px;
    width: 144px;
  }

  .login-modal .btn-send[type="submit"],
  .login-modal .btn-register {
    border-radius: 7px;
    width: 198px;
    height: 42px;
  }

  #loginModal .btn-send {
    font-size: 15px;
    line-height: 18px;
  }

  /*#resetModal .modal-content {*/
  /*    box-shadow: 0px 3px 31px 0px #00000040;*/
  /*}*/

  /*#resetModal .modal-body {*/
  /*    padding: 37px 12px 40px;*/
  /*}*/

  /*#resetModal .modal-title {*/
  /*    max-width: 321px;*/
  /*    margin-bottom: 18px;*/
  /*    font-size: 16px;*/
  /*    line-height: 19px;*/
  /*}*/

  /*#resetModal .modal-text {*/
  /*    max-width: 262px;*/
  /*}*/

  #registerModal .modal-dialog {
    max-width: 508px;
  }

  #registerModal.policy-modal .modal-dialog,
  #registerInfoModal .modal-dialog {
    max-width: 616px;
  }

  #registerModal .modal-content {
    padding-top: 21px;
    padding-right: 27px;
  }

  #registerModal.policy-modal .modal-content,
  #registerInfoModal .modal-content {
    padding-top: 18px;
    padding-right: 30px;
  }

  #registerModal .modal-body,
  #registerInfoModal .modal-body {
    padding: 28px 22px 16px;
  }

  #registerModal .modal-body:nth-last-child(4) {
    padding-top: 33px;
    padding-bottom: 22px;
  }

  #registerModal .modal-title {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 22px;
  }

  #registerModal.policy-modal .modal-title {
    font-size: 18px;
    line-height: 21px;
    max-width: 489px;
    margin-bottom: 27px;
  }

  #registerModal .checkbox-group {
    max-width: 429px;
  }

  #registerModal .select-all {
    margin: 19px -22px;
    padding: 10px 49px;
  }

  #registerModal .modal-body:nth-last-child(4) .checkbox-group {
    margin-bottom: 27px;
  }

  #registerModal .modal-body:nth-last-child(2) .checkbox-group {
    max-width: 487px;
  }

  #registerModal .modal-body:nth-last-child(2) .checkbox-group + .text-center {
    margin-top: 22px;
  }

  #registerModal .modal-info {
    margin-left: -22px;
    margin-bottom: 19px;
    padding-left: 49px;
    padding-right: 37px;
    font-size: 10px;
    line-height: 12px;
  }

  #registerModal .modal-info img {
    width: 12px;
    margin-right: 6px;
  }

  #registerModal .form-group {
    max-width: 354px;
    margin-bottom: 7px;
  }

  #registerModal .form-group label {
    font-size: 12px;
    line-height: 15px;
  }

  #registerModal input {
    padding-left: 13px;
  }

  #registerModal .g-recaptcha {
    margin-top: -5px;
    margin-bottom: -7px;
    transform: scale(0.85);
  }
}

@media (max-width: 1199.5px) {
  .header {
    padding: 18px 2vw 0 0;
    font-size: 1.3vw;
    line-height: 1.58vw;
  }

  .header > *:not(:last-child) {
    margin-right: 40px;
  }

  .header .search-form {
    width: 327px;
  }

  .header .search-form .search {
    border-radius: 11px;
    padding: 5px 54px 5px 11px;
    font-size: 9px;
    line-height: 10px;
  }

  .header .search-form .search_btn {
    right: 11px;
    width: 14px;
    height: 14px;
  }

  .header .search-form .clear_search {
    right: 34px;
    width: 9px;
    height: 7px;
  }

  .header .main-logo img {
    height: 25px;
  }

  .header .logo {
    right: 22px;
    bottom: 17px;
  }

  .header .idg {
    width: 1.7vw;
    height: 1.7vw;
  }

  .main {
    padding-top: 67.55px;
  }

  .main-page {
    margin-top: -58px;
    padding-top: 58px;
  }

  .main-line.fixed {
    top: 55px;
  }

  .main-line .main-head {
    padding-right: 37px;
    padding-bottom: 6px;
    padding-left: 37px;
    font-size: 10px;
    line-height: 13px;
  }

  .main-line.active-lending .main-head {
    top: 55px;
  }

  .main-line .main-head .main-arrow {
    right: 22px;
    width: 9px;
  }

  .main-line .main-body .main-recruiting-line {
    margin-top: 13px;
  }

  .main-line .main-body .main-recruiting-line__item {
    height: 211px;
    width: 379px;
    border-radius: 9px;
    box-shadow: 5.49px 1.99px 12.51px 7.5px #00000075;
  }

  .main-line .main-body .main-recruiting-line__item .text {
    padding: 4px;
    font-size: 12px;
    line-height: 15px;
  }

  .main-line .main-body .main-recruiting-line__item:not(:last-child) {
    margin-right: 58px;
  }

  #footer {
    padding: 49px 60px 40px;
  }

  #footer .contacts .data {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 12px;
  }

  #footer .contacts .data img {
    width: 22px;
    margin-right: 7px;
  }

  #footer .footer-links {
    margin-top: 13px;
    font-size: 8px;
    line-height: 11px;
  }
  #footer .footer-bottom {
    font-size: 7px;
    line-height: 10px;
  }
  #footer .footer-bottom > img {
    width: 28px;
  }
  #footer .footer-button {
    border-radius: 5px;
    padding: 9px 11px 8px;
    font-size: 11px;
    line-height: 13px;
  }
  #footer .footer-button:not(:last-child) {
    margin-right: 15px;
  }
  #modalActs .modal-dialog {
    max-width: 342px;
  }
  #modalActs .modal-content {
    padding-top: 16px;
    padding-right: 21px;
  }
  #modalActs .btn-close {
    width: 11px;
    height: 10px;
  }
  #modalActs .modal-body {
    box-shadow: 0px 2.22px 23.59px 0px #00000040;
    padding: 17px 29px 14px 35px;
  }
  #modalActs .modal-body .form-group {
    margin-bottom: 8px;
  }
  #modalActs .modal-body input {
    border-radius: 8px;
    padding: 6px 29px 6px 11px;
  }
  #modalActs .modal-body .show-password-link {
    right: 9px;
    width: 11px;
    height: 11px;
  }
  #modalActs .modal-body .btn-post {
    border-radius: 6px;
    padding: 10px 54px 9px;
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 8px;
  }
  #modalActs .modal-body .modal-desc {
    font-size: 7px;
    line-height: 8px;
  }
  #modalActs #actLinks {
    padding-top: 5px;
    padding-bottom: 11px;
  }
  #modalActs .acts-title {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 12px;
  }
  #modalActs .acts-link {
    border-radius: 6px;
    padding: 6px 11px;
    font-size: 9px;
    line-height: 11px;
  }
  #modalActs .acts-link:not(:last-child) {
    margin-bottom: 6px;
  }

  .login-modal .form-group .show-password-link {
    right: 9px;
    bottom: 6px;
    width: 11px;
    height: 11px;
  }

  #loginModal .modal-dialog {
    max-width: 342px;
  }

  #loginModal .modal-content {
    padding-top: 16px;
    padding-right: 21px;
  }

  .login-modal .modal-content .btn-close {
    width: 10px;
    height: 10px;
  }

  #loginModal .modal-body {
    padding: 17px 29px 11px 35px;
  }

  #loginModal .form-group {
    margin-bottom: 8px;
  }

  .login-modal .modal-body {
    font-size: 9px;
    line-height: 11px;
  }

  .login-modal input {
    padding: 6px 11px;
    font-size: 9px;
    line-height: 11px;
  }

  .login-modal .checkbox-group + .checkbox-group {
    margin-top: 8px;
  }

  .login-modal .checkbox-group input[type="checkbox"] + label,
  .login-modal .checkbox-group input[type="radio"] + label {
    font-size: 9px;
    line-height: 11px;
    padding-left: 17px;
  }

  .login-modal .checkbox-group input[type="checkbox"] + label:before,
  .login-modal .checkbox-group input[type="radio"] + label:before {
    width: 10px;
    height: 10px;
  }

  .login-modal .checkbox-group input[type="checkbox"]:checked + label:after,
  .login-modal .checkbox-group input[type="radio"]:checked + label:after {
    width: 9px;
    height: 9px;
  }

  .login-modal
    .modal-body:nth-last-child(4)
    .checkbox-group
    input[type="checkbox"]
    + label {
    padding-left: 18px;
  }

  #registerModal
    .modal-body:nth-last-child(4)
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 12px;
    height: 12px;
  }

  #registerModal
    .modal-body:nth-last-child(4)
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 11px;
    height: 11px;
  }

  .login-modal .checkbox-group input[type="checkbox"] + label.with-message {
    max-width: 318px;
  }

  .login-modal .checkbox-group input[type="checkbox"] + label .show-message {
    margin-left: 3px;
    line-height: 8px;
  }

  .login-modal
    .checkbox-group
    input[type="checkbox"]
    + label
    .show-message
    img {
    height: 8px;
    width: 8px;
  }

  .login-modal
    .checkbox-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: -6px;
    right: -127px;
    width: 121px;
    border-radius: 6px;
    box-shadow: 0px 2.25px 2.25px 0px #00000040;
    padding: 3px 3px 3px 4px;
    font-size: 5px;
    line-height: 5px;
  }

  #loginModal .checkbox-group {
    margin-bottom: 13px;
    margin-left: 29px;
  }

  #loginModal .checkbox-group input[type="checkbox"] + label {
    font-size: 8px;
    line-height: 9px;
  }

  #loginModal .link-block {
    margin-top: 8px;
  }

  #loginModal .link-block .modal-link {
    font-size: 7px;
    line-height: 8px;
  }

  #loginModal .link-block .delimiter {
    margin: 0 11px;
    height: 16px;
  }

  .login-modal .btn-send,
  .login-modal .btn-register,
  #registerInfoModal .btn-send {
    border-radius: 6px;
    font-size: 10px;
    line-height: 12px;
    height: 29px;
    width: 103px;
  }

  #registerInfoModal .btn-send {
    width: 50vw !important;
  }

  .login-modal .btn-send[type="submit"],
  .login-modal .btn-register {
    border-radius: 4px;
    width: 148px;
    height: 33px;
  }

  #loginModal .btn-send {
    font-size: 11px;
    line-height: 14px;
  }

  /*#resetModal .modal-content {*/
  /*    box-shadow: 0px 2.25px 22px 0px #00000040;*/
  /*}*/

  /*#resetModal .modal-body {*/
  /*    padding: 27px 9px 30px;*/
  /*}*/

  /*#resetModal .modal-title {*/
  /*    max-width: 240px;*/
  /*    margin-bottom: 13px;*/
  /*    font-size: 12px;*/
  /*    line-height: 13px;*/
  /*}*/

  /*#resetModal .modal-text {*/
  /*    max-width: 196px;*/
  /*}*/

  #registerModal .modal-dialog {
    max-width: 381px;
  }

  #registerModal.policy-modal .modal-dialog,
  #registerInfoModal .modal-dialog {
    max-width: 462px;
  }

  #registerModal .modal-content {
    padding-top: 15px;
    padding-right: 19px;
  }

  #registerModal.policy-modal .modal-content,
  #registerInfoModal .modal-content {
    padding-top: 13px;
    padding-right: 22px;
  }

  #registerModal .modal-body,
  #registerInfoModal .modal-body {
    padding: 22px 16px 16px;
  }

  #registerModal .modal-body:nth-last-child(4) {
    padding-top: 24px;
    padding-bottom: 16px;
  }

  #registerModal .modal-title {
    margin-bottom: 11px;
    font-size: 15px;
    line-height: 18px;
  }

  #registerModal.policy-modal .modal-title {
    font-size: 13px;
    line-height: 15px;
    max-width: 366px;
    margin-bottom: 19px;
  }

  #registerModal .checkbox-group {
    max-width: 321px;
  }

  #registerModal .select-all {
    margin: 14px -16px;
    padding: 9px 36px 8px;
  }

  #registerModal .modal-body:nth-last-child(4) .checkbox-group {
    margin-bottom: 19px;
  }

  #registerModal .modal-body:nth-last-child(2) .checkbox-group {
    max-width: 364px;
  }

  #registerModal .modal-body:nth-last-child(2) .checkbox-group + .text-center {
    margin-top: 17px;
  }

  #registerModal .modal-info {
    margin-left: -16px;
    margin-bottom: 14px;
    padding-left: 36px;
    padding-right: 27px;
    font-size: 8px;
    line-height: 9px;
  }

  #registerModal .modal-info img {
    width: 9px;
    margin-right: 4px;
  }

  #registerModal .form-group {
    max-width: 276px;
    margin-bottom: 6px;
  }

  #registerModal .form-group label {
    font-size: 9px;
    line-height: 11px;
  }

  #registerModal input {
    padding-left: 11px;
  }

  #registerModal .g-recaptcha {
    margin-bottom: -34px;
    transform: scale(0.7);
  }
}

@media (max-width: 991.5px) {
  .header {
    padding: 15px 1.5vw 0 0;
    font-size: 1.4vw;
    line-height: 1.7vw;
  }

  .header > *:not(:last-child) {
    margin-right: 1vw;
  }

  .header .search-form {
    width: 251px;
  }

  .header .search-form .search {
    padding-right: 36px;
  }

  .header .logo {
    right: 16px;
    bottom: 17px;
  }

  .main {
    padding-top: 67.55px;
  }

  .main-page {
    margin-top: -53px;
    padding-top: 53px;
  }

  .main-line.fixed {
    top: 52px;
  }

  .main-line .main-head {
    padding-right: 27px;
    padding-left: 27px;
    font-size: 9px;
    line-height: 11px;
  }

  .main-line.active-lending .main-head {
    top: 52px;
  }

  .main-line .main-head .main-arrow {
    right: 16px;
    width: 8px;
  }

  .main-line.main-line_blocked .main-arrow img:last-child {
    width: 10px;
  }

  .main-line .main-body .main-recruiting-line {
    margin-top: 9px;
  }

  .main-line .main-body .main-recruiting-line__item {
    height: 157px;
    width: 303px;
    border-radius: 6px;
    box-shadow: 4.11px 1.48px 9.37px 5.62px #00000075;
  }

  .main-line .main-body .main-recruiting-line__item .text {
    padding: 3px;
  }

  .main-line .main-body .main-recruiting-line__item:not(:last-child) {
    margin-right: 43px;
  }

  #footer {
    padding: 36px 45px 30px;
  }

  #footer .contacts .data {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 11px;
  }

  #footer .contacts .data img {
    width: 16px;
    margin-right: 5px;
  }

  #footer .footer-links {
    margin-top: 10px;
  }
  #footer .footer-bottom {
    font-size: 5px;
    line-height: 7px;
  }

  #footer .footer-bottom > img {
    width: 21px;
  }
  #footer .footer-button {
    border-radius: 4px;
    padding: 7px 9px;
    font-size: 9px;
    line-height: 11px;
  }
  #footer .footer-button:not(:last-child) {
    margin-right: 11px;
  }
  #modalActs .modal-dialog {
    max-width: 325px;
  }
  #modalActs .modal-content {
    padding-top: 0;
    padding-right: 0;
  }
  #modalActs .btn-close {
    top: 5px;
    right: 4px;
    width: 8px;
    height: 7px;
  }
  #modalActs .modal-body .btn-post {
    padding: 9px 53px 8px;
  }

  .login-modal .modal-dialog {
    padding-right: 5px;
    padding-left: 5px;
  }

  #loginModal .modal-dialog {
    max-width: 315px;
  }

  #loginModal .modal-content {
    padding-top: 0;
    padding-right: 0;
  }

  .login-modal .modal-content .btn-close {
    top: 5px;
    right: 4px;
    width: 9px;
    height: 9px;
  }

  .login-modal
    .modal-body:nth-last-child(4)
    .checkbox-group
    input[type="checkbox"]
    + label {
    padding-left: 12px;
  }

  #registerModal
    .modal-body:nth-last-child(4)
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 9px;
    height: 9px;
  }

  #registerModal
    .modal-body:nth-last-child(4)
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 8px;
    height: 8px;
  }

  .login-modal .checkbox-group input[type="checkbox"] + label.with-message {
    max-width: none;
    display: block;
  }

  .login-modal
    .checkbox-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: 8px;
    left: -6px;
    width: 63px;
    box-shadow: 0px 1.72px 1.72px 0px #00000040;
    padding: 3px 2px 2px 4px;
    font-size: 4.5px;
    line-height: 5px;
  }

  .login-modal .btn-send[type="submit"],
  .login-modal .btn-register {
    border-radius: 4px;
    width: 100%;
  }

  #loginModal .btn-send {
    width: 143px;
    height: 32px;
    font-size: 10px;
    line-height: 13px;
  }

  #registerModal .modal-dialog {
    max-width: 325px;
  }

  #registerModal.policy-modal .modal-dialog,
  #registerInfoModal .modal-dialog {
    max-width: 325px;
  }

  #registerModal .modal-content {
    padding-top: 0;
    padding-right: 0;
  }

  #registerModal.policy-modal .modal-content,
  #registerInfoModal .modal-content {
    padding-top: 0;
    padding-right: 0;
  }

  #registerModal .modal-body,
  #registerInfoModal .modal-body {
    padding-right: 15px;
    padding-left: 15px;
  }

  #registerModal .modal-body:nth-last-child(4) {
    padding-top: 18px;
    padding-bottom: 13px;
  }

  #registerModal.policy-modal .modal-title {
    font-size: 9px;
    line-height: 12px;
    max-width: 258px;
    margin-bottom: 13px;
  }

  #registerModal .checkbox-group {
    max-width: 225px;
  }

  #registerModal .select-all {
    margin: 13px -15px;
    padding-left: 18px;
  }

  #registerModal .modal-body:nth-last-child(4) .checkbox-group {
    margin-bottom: 16px;
  }

  #registerModal .modal-body:nth-last-child(2) .checkbox-group {
    max-width: 255px;
  }

  #registerModal .modal-info {
    margin-left: -15px;
    padding-left: 18px;
    padding-right: 19px;
  }

  #registerModal .flex-row {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #registerModal .flex-row .btn-register {
    margin-top: 4px;
  }

  #registerModal .g-recaptcha {
    margin-bottom: -134px;
    transform: scale(0.6);
  }
}

@media (min-width: 768px) {
  .header > .mobile-link,
  .header > .mobile-menu {
    display: none;
  }
}

@media (max-width: 767.5px) {
  .header {
    padding-right: 24px;
    padding-left: 18px;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .header .main-logo {
    display: none;
  }

  .header > *:not(:last-child) {
    margin-right: 22px;
  }

  .header:not(.header--search) .search-form {
    display: none;
  }

  .header .search-form {
    position: absolute;
    top: 15px;
    right: 0;
    left: 35px;
    margin: auto;
  }

  .header .search-form input {
    backdrop-filter: blur(8px);
  }

  .header .logo {
    right: 0;
    left: 0;
    margin: auto;
    bottom: 15px;
  }

  .header > a:not(.mobile-link) {
    display: none;
  }

  .header > .mobile-link {
    font-size: 20px;
    line-height: 24px;
    margin-right: 0;
  }

  .header:not(.header--opened-menu) > .mobile-link span:last-child {
    display: none;
  }

  .header.header--opened-menu > .mobile-link span:first-child {
    display: none;
  }

  .header.header--search
    > *:not(.search-link):not(.search-form):not(.mobile-menu) {
    display: none;
  }

  .header:not(.header--opened-menu) .mobile-menu {
    display: none;
  }

  .header .mobile-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: #000000;
    padding: 0 60px 15px;
    display: -ms-flex;
    flex-direction: column;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0;
  }

  .header .mobile-menu .mobile-menu__links {
    display: -ms-flex;
    flex-direction: column;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 9px;
  }

  .header .mobile-menu .mobile-menu__links a {
    margin-bottom: 3px;
  }

  .header .mobile-menu .mobile-menu__links a:first-child {
    letter-spacing: 0;
  }

  .header .mobile-menu .mobile-menu__links .delimiter {
    height: 24px;
    border-right: 1px solid #ffffff;
  }

  .header .mobile-menu .mobile-menu__contacts {
    display: -ms-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: row;
    column-gap: 18px;
  }

  .header .mobile-menu .mobile-menu__contacts a {
    display: -ms-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
  }

  .header .mobile-menu .mobile-menu__contacts a:not(:last-child) {
    margin-right: 0;
  }

  .header .mobile-menu .mobile-menu__contacts a img {
    width: 15px;
    height: auto;
    margin-right: 0;
  }

  .header .idg {
    margin-right: 0;
    right: 50%;
    transform: translateX(50%);
    width: 3.56vw;
    height: 3.56vw;
  }

  .main {
    padding-top: 54px;
    overflow: hidden;
  }

  .main-page {
    margin-top: 0;
    padding-top: 0;
  }

  .main-line.fixed {
    top: 54px;
  }

  .main-line .main-head {
    padding-right: 19px;
    padding-left: 19px;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
  }

  .main-line.active-lending .main-head {
    top: 54.25px;
  }

  .main-line .main-head .hidden-title {
    display: none;
  }

  .main-line .main-head .main-arrow {
    right: 12px;
  }

  .main-line.main-line_blocked .main-arrow img:last-child {
    width: 6px;
  }

  .main-line .main-body .main-recruiting-line {
    margin-top: 6px;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .main-line .main-body .main-recruiting-line__item {
    height: 117px;
    border-radius: 4px;
    box-shadow: 3.07px 1.11px 7.02px 4.21px #00000075;
  }

  .main-line .main-body .main-recruiting-line__item .text {
    padding: 2px;
  }

  .main-line .main-body .main-recruiting-line__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 31px;
  }

  #footer {
    padding: 29px 33px 22px;
  }

  #footer .contacts .data {
    font-size: 9.5px;
    line-height: 11px;
    margin-bottom: 7px;
  }

  #footer .contacts .data img {
    width: 15px;
  }
  #footer .footer-links {
    margin-top: 8px;
    margin-bottom: 14px;
  }
  #footer .footer-bottom {
    position: relative;
    padding-top: 36px;
  }
  #footer .footer-buttons-block {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
  }
  #footer .footer-button {
    padding-top: 5px;
  }
  #footer .footer-button:not(:last-child) {
    margin-right: 9px;
  }

  #footer .footer-bottom > img {
    width: 15px;
  }
}

@media (min-width: 576px) {
  #footer .contacts > div:first-child .data:last-child {
    display: none;
  }

  #footer .contacts > div:last-child .data:first-child {
    display: none;
  }
}
.header > img {
  display: none;
}
@media (max-width: 575.5px) {
  .main-page {
    height: calc(100vh - 54.45px);
  }

  .header {
    padding: 7.81vw 7.81vw 4.68vw;
    border-bottom: none;
    flex-direction: row-reverse;
    margin: 0;
  }

  .header::before {
    display: none;
  }

  .header::after {
    display: none;
  }

  .header .various-menu {
    display: none;
  }

  .header .various-menu + div {
    display: none;
  }

  .header .search-link {
    display: none;
  }

  .header > img {
    display: block;
    width: 6.56vw;
    height: 6.56vw;
  }

  .header .idg {
    width: 6.56vw;
    height: 6.56vw;
  }

  .header .mobile-link.menu-link {
    font-family: Artegra Sans Extended;
    font-weight: 400;
    font-size: 4.9vw;
    line-height: 100%;
    letter-spacing: -0.02em;
  }

  .header .mobile-menu {
    padding: 1.56vw 18.75vw 4.68vw;
    margin-top: -1.56vw;
  }

  .header .mobile-menu::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    opacity: 0.5;
    width: 100vw;
    height: 100vh;
  }

  .header .mobile-menu .mobile-menu__links {
    width: 100%;
    margin-bottom: 7.81vw;
  }

  .header .mobile-menu .mobile-menu__links a {
    font-family: Artegra Sans Extended;
    font-weight: 400;
    font-size: 3.54vw;
    line-height: 3.19vw;
    letter-spacing: 0;
    text-align: center;
    color: white;
    padding: 3.12vw 4.68vw;
    white-space: nowrap;
    margin-bottom: 0;
    position: relative;
  }

  .header .mobile-menu .mobile-menu__links > div {
    width: 100%;
    text-align: center;
    border-bottom: 0.07vw solid rgba(116, 138, 158, 1);
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .header .mobile-menu .mobile-menu__links > div:last-of-type {
    border-bottom: 0;
  }

  .header .mobile-menu .mobile-menu__links a.active {
    border-bottom: 0.28vw solid rgba(245, 245, 245, 1);
  }

  .header .mobile-menu .mobile-menu__links > a:last-child {
    padding: 1.56vw 10.93vw;
    background: linear-gradient(90deg, #748a9e 0%, #91586c 100%);
    border-radius: 1.56vw;
    font-family: Artegra Sans Extended;
    font-weight: 400;
    font-style: Regular;
    font-size: 3.54vw;
    line-height: 5vw;
    letter-spacing: -0.02em;
    margin-top: 4.68vw;
  }

  .header .mobile-menu .mobile-menu__links > a.account {
    padding: 1.87vw 6.25vw;
  }

  .header .mobile-menu .mobile-menu__contacts {
    column-gap: 4.68vw;
  }

  .header .mobile-menu .mobile-menu__contacts a img {
    width: 5.62vw;
    height: 5.62vw;
  }

  .main-line.fixed .main-head {
    height: 26px;
  }

  .main-line .main-head {
    font-size: 2.81vw;
    line-height: 3.44vw;
    padding-top: 2.43vw;
    padding-bottom: 2.28vw;
  }

  .main-line.active-lending .main-head {
    font-size: 2.813vw;
    line-height: 3.43vw;
    padding-top: 2.41vw;
    padding-bottom: 2.28vw;
  }

  .main-line .main-head .main-arrow {
    right: 2.8vw;
    width: 2.5vw;
  }

  .main-line.main-line_blocked .main-arrow img:last-child {
    width: 100%;
  }

  #footer {
    padding: 29px 16px 12px 14px;
  }

  #footer .contacts {
    padding-right: 38px;
    padding-left: 3px;
  }

  #footer .contacts > div:nth-child(2) {
    display: none;
  }

  #footer .footer-bottom > img {
    display: none;
  }
  #footer .footer-button {
    font-size: 8px;
    line-height: 11px;
  }

  #footer .footer-bottom div:first-child a,
  #footer .footer-bottom div:last-child a {
    display: block;
  }
}

#editInterface .modal-dialog {
  max-width: 1057px;
}

#editInterface .btn-close {
  background-image: url("../images/recruiting_resume/modal-resume-close.png");
}

#editInterface form label {
  color: #cfcfcf;
}

.recruiting-page {
  position: relative;
  flex-grow: 1;
  background: url("../images/recruiting-top-image.png") center top no-repeat;
  background-size: cover;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}

.recruiting-page:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000000;
  opacity: 0.9;
}

.recruiting-page > * {
  position: relative;
}

.recruiting-menu {
  position: relative;
  margin: 31px 20px 20px -25px;
  background: url("../images/recruiting-menu-border.png") center center
    no-repeat;
  background-size: 100% 100%;
  padding: 27px 62px 25px 206px;
  max-width: 1814px;
}

.recruiting-menu .top-back {
  position: absolute;
  top: 25px;
  left: 113px;
  width: 57px;
  height: 57px;
  border-radius: 50%;
  box-shadow: 0px 3.21px 3.21px 0px #00000040;
  transition: all 0.3s ease;
}

.recruiting-menu .top-back:hover {
  transform: translateX(-0.78vw);
}

/* Анимация при клике */
.recruiting-menu .top-back:active {
  transform: translateX(-0.78vw) scale(0.95);
  box-shadow: 0px 0.05vw 0.15vw 0px #00000040;
  transition: all 0.1s ease;
}

.recruiting-menu .top-back img {
  width: 100%;
}

.recruiting-menu__row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.recruiting-menu__row:not(:last-child) {
  margin-bottom: 11px;
}

.recruiting-menu__row.hiring-row {
  -ms-flex-align: start;
  align-items: flex-start;
}

.recruiting-menu__title {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 254px;
  flex-shrink: 0;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
  color: #ffffff;
  text-transform: uppercase;
}

.recruiting-menu__row.hiring-row .recruiting-menu__title {
  margin-top: 8px;
}

.recruiting-menu__title button {
  margin-left: 22px;
  width: 22px;
  line-height: 1px;
}

.recruiting-menu__title button img {
  width: 100%;
}

.recruiting-menu__title.active button img {
  transform: rotate(180deg);
}

.recruiting-menu__buttons {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.recruiting-menu__row .vacancy-button,
.recruiting-vacancy-info .vacancy-info-button {
  max-width: 376px;
  width: 100%;
  border: 1px solid;
  border-radius: 62px;
  text-transform: uppercase;
  padding: 13px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  transition: background-color 0.5s;
}

.recruiting-menu__row .vacancy-button:not(.active),
.recruiting-vacancy-info .vacancy-info-button:not(.active) {
  background: #cfcfcf26 !important;
}

.recruiting-menu__row .vacancy-button:not(.active):hover {
  background-color: #5368bb !important;
  box-shadow: rgba(255, 255, 255, 0.15) 0px 0.3vw 0.6vw;
}

.recruiting-vacancy-info .vacancy-info-button:not(.active):hover {
  background-color: #5368bb !important;
}

.recruiting-menu__row .vacancy-button:not(.active):active,
.recruiting-vacancy-info .vacancy-info-button:not(.active):active {
  scale: 0.98;
}

.recruiting-menu__row .vacancy-button:not(:last-child) {
  margin-right: 8px;
}

.recruiting-vacancy-info .vacancy-info-button:not(:last-child) {
  margin-right: 37px;
}

.recruiting-menu__row .vacancy-button span,
.recruiting-vacancy-info .vacancy-info-button span {
  position: relative;
}

.recruiting-menu__row .vacancy-button .vacancy-arrow,
.recruiting-vacancy-info .vacancy-info-button .vacancy-arrow {
  position: absolute;
  top: -6px;
  right: -23px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-menu__row .vacancy-button .vacancy-arrow img,
.recruiting-vacancy-info .vacancy-info-button .vacancy-arrow img {
  width: 9px;
}

.recruiting-menu__row .vacancies-list {
  width: 100%;
  transition: all 0.5s;
  overflow: hidden;
}

.recruiting-menu__row .recruiting-menu__title:not(.active) + .vacancies-list {
  max-height: 45px !important;
  height: 45px;
}

.recruiting-menu__row .vacancy-line {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  font-size: 21px;
  line-height: 25px;
  color: #9b9b9b;
}

.recruiting-menu__row .vacancy-line:not(:last-child) {
  margin-bottom: 16px;
}

.recruiting-menu__row .vacancy-item {
  width: 100%;
  background: #cfcfcf26;
  border-radius: 19px;
  padding: 11px 42px;
  text-align: left;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: white;
  border: 0.03vw solid rgba(207, 207, 207, 0.01);
  transition: all 0.3s ease;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recruiting-menu__row .vacancy-item:hover {
  border: 0.03vw solid rgba(255, 255, 255, 0.2);
}

.recruiting-menu__row .vacancy-item:active {
  scale: 0.99;
}

.recruiting-menu__row .vacancy-line > span {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 25px;
}

.recruiting-menu__row .vacancy-line .vacancy-count {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 98px;
  border-radius: 19px;
  padding-bottom: 2px;
  background: #cfcfcf26;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  flex-shrink: 0;
}

.recruiting-menu__row .vacancy-line .vacancy-count--new {
  margin-left: 14px;
  background: #5367bb;
  color: white;
}

.recruiting-menu__row .vacancy-line .vacancy-count .number {
  margin-bottom: -2px;
  font-size: 18px;
  line-height: 21px;
  color: white;
}

.recruiting-company-info {
  position: relative;
  margin: 11px 131px 53px 181px;
  background: #ffffff33;
  border-radius: 50px;
  padding: 36px 41px 37px 35px;
}

.recruiting-company-info .btn-edit {
  position: absolute;
  top: 38px;
  right: 41px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 21px;
  line-height: 25px;
  color: #9b9b9b;
  transition: all 0.3s ease;
}
.recruiting-company-info .btn-edit:hover {
  color: white;
}
.recruiting-company-info .btn-edit img {
  width: 23px;
  margin-right: 12px;
  transition: all 0.3s ease;
}
.recruiting-company-info .btn-edit:hover img {
  filter: brightness(2);
}

.recruiting-company-info .title {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 17px;
}

.recruiting-company-info .title span {
  position: relative;
}

.recruiting-company-info .form-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: start;
  width: 100%;
}

.recruiting-company-info form {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}

.recruiting-page form label {
  margin-bottom: 11px;
  padding: 0 17px;
  white-space: nowrap;
  font-weight: 400;
  color: #cfcfcf;
}

.recruiting-company-info .logo-block {
  width: min-content;
  flex-shrink: 0;
  margin-right: 48px;
  text-align: center;
}

.recruiting-company-info .logo-block > div {
  margin-bottom: 35px;
  pointer-events: all;
}

.recruiting-company-info .logo-block > div[readonly] {
  pointer-events: none;
}
.recruiting-company-info .logo-block label {
  width: 100%;
  text-align: center;
  padding: 0;
  white-space: normal;
}

.recruiting-company-info .logo-block .loaded-logo {
  width: 136px;
  height: 132px;
  border-radius: 25px;
  background: white;
  margin-bottom: 14px;
  object-fit: contain;
  padding: 11px;
  position: relative;
}

.recruiting-company-info .logo-block .dropzone {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 136px;
  height: 132px;
  margin: auto;
  border-radius: 10px;
  background: white;
  font-size: 8px;
  line-height: 10px;
  color: #cfcfcf;
  overflow: hidden;
  transition: all 0.2s ease;
}

.recruiting-company-info .logo-block .dropzone:hover {
  box-shadow: 0px 3.73px 3.73px 0px rgba(0, 0, 0, 0.25);
}

.recruiting-company-info .logo-block .dropzone[disabled] {
  pointer-events: none;
}

.recruiting-company-info .logo-block .dropzone img {
  width: 28px;
  margin-bottom: 8px;
}

.recruiting-company-info .logo-block .dropzone video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.recruiting-company-info .logo-block .dropzone span span {
  font-size: 10px;
  line-height: 13px;
  text-decoration: underline;
}

.recruiting-company-info .logo-block .open-gallery {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #d9d9d926;
  border-radius: 25px;
  margin: 9px auto 0;
  width: 136px;
  padding: 7px;
  font-size: 12px;
  line-height: 12px;
  text-decoration: none !important;
  transition: all 0.3s ease;
}

.recruiting-company-info .logo-block .open-gallery:hover {
  background: white;
  color: #5367bb !important;
}
.recruiting-company-info .logo-block .open-gallery:hover img {
  filter: invert(1);
}
.recruiting-company-info .logo-block .open-gallery:focus {
  color: unset;
}

.recruiting-company-info .logo-block .open-gallery:active {
  scale: 0.95;
}

.recruiting-company-info .logo-block .open-gallery img {
  width: 13px;
  height: 13px;
  margin-right: 7px;
  transition: all 0.3s ease;
}

.recruiting-company-info .logo-block .delete-button {
  position: absolute;
  top: 10px;
  right: 6px;
  background: #cfcfcf26;
  border-radius: 15px;
  padding: 3px 8px 4px;
  line-height: 1px;
  transition: all 0.5s ease;
}

.recruiting-company-info .logo-block .delete-button:hover {
  background-color: white;
}

.recruiting-company-info .logo-block .delete-button img {
  width: 20px;
  transition: all 0.5s ease;
  margin-bottom: 0;
}

.recruiting-company-info .logo-block .delete-button:hover img {
  filter: invert(1);
}

#galleryModal.in {
  display: -ms-flex;
  display: flex !important;
  -ms-flex-align: center;
  align-items: center;
}

#galleryModal .modal-dialog {
  max-width: 1857px;
  max-height: none;
  margin: auto;
}

#galleryModal .modal-content {
  background: #cfcfcf26;
  backdrop-filter: blur(7.5px);
  border-radius: 24px;
}

#galleryModal .modal-content .btn-close {
  top: 19px;
  right: 17px;
  background: url("../images/adaptation/modal-close-white.png") center center
    no-repeat;
  background-size: contain;
  width: 20px;
  height: 19px;
}

#galleryModal .modal-body {
  padding: 20px 59px 30px 56px;
}

#galleryModal .modal-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 21px;
}

#galleryModal .gallery-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-gap: 16px;
}

#galleryModal .gallery-grid > div {
  position: relative;
}

#galleryModal .gallery-grid > div > img {
  width: 100%;
  height: 172px;
  object-fit: contain;
}

.recruiting-company-info .logo-block .choose-text {
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap;
}

.recruiting-company-info .logo-block .choose-text span {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-decoration: underline;
  transition: all 0.3s ease;
}

.recruiting-company-info .logo-block .choose-text span:hover {
  color: white;
}

.recruiting-page form .form-group,
.recruiting-page form .about-text {
  position: relative;
  margin-bottom: 11px;
  width: 100%;
}

.recruiting-page form .about-text .about-field-button {
  position: absolute;
  top: 13px;
  left: 10px;
  width: 28px;
  z-index: 1;
}

.recruiting-page form .about-text .about-field-button img {
  width: 100%;
}

.recruiting-page form .about-text .about-file {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.recruiting-company-info .form-row > .form-group:not(:last-child) {
  margin-right: 24px;
}

.recruiting-company-info .form-row > .form-group:last-child {
  width: 368px;
  flex-shrink: 0;
}

.recruiting-page form .form-control {
  padding: 11px 17px;
  border: none;
  border-radius: 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.recruiting-page form .form-control[readonly] {
  background: #00000040;
  color: white;
}

.recruiting-page form .mce-toolbar-grp {
  display: none;
}

.recruiting-page form div.mce-panel {
  background: none;
  border: none;
}

.recruiting-page form div.mce-edit-area iframe {
  min-height: 128px;
  border-radius: 20px;
  overflow: hidden;
}

.recruiting-page form .about-file {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 8px 8px;
  height: 128px;
  background: white !important;
  border-radius: 20px;
  border: 1px solid;
  color: #cfcfcf;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
}

.recruiting-page form .about-file .back-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 20px;
  background: white;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.recruiting-page form .about-file .choose-about-text {
  position: relative;
}

.recruiting-page form .about-file .choose-about-text img {
  width: 32px;
  margin-bottom: 9px;
}

.recruiting-page form .about-file span {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-decoration: underline;
}

.recruiting-company-info button[type="submit"] {
  padding: 14px 14px 13px;
  margin-top: 28px;
  width: 471px;
  border-radius: 61px;
  box-shadow: 0px 4.46px 4.46px 0px #00000040;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.recruiting-company-info button[type="submit"]:hover {
  transform: translateY(1px);
  box-shadow: 0 0.2vw 0.4vw rgba(0, 0, 0, 0.2);
}

.recruiting-company-info button[type="submit"]:active {
  scale: 0.98;
}

.recruiting-vacancy-info {
  position: relative;
  margin: 0 41px 33px 72px;
}

#test.recruiting-vacancy-info {
  flex-grow: 1;
  transition: all 0.5s;
  overflow: hidden;
  margin: 0;
}

#test.recruiting-vacancy-info.height-0 {
  max-height: 0;
}

#test.recruiting-vacancy-info.showing {
  max-height: 100vh;
}

.recruiting-vacancy-info .vacancy-buttons {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 29px;
}

.recruiting-vacancy-info .vacancy-item {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 14px;
}

.recruiting-vacancy-info .vacancy-item .vacancy-name {
  background: #cfcfcf26;
  padding: 11px 41px;
  width: 100%;
  border-radius: 19px;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  text-align: left;
  border: 0.03vw solid rgba(207, 207, 207, 0.01);
  transition: all 0.3s ease;
}

.recruiting-vacancy-info .vacancy-item .vacancy-name:hover {
  border: 0.03vw solid rgba(255, 255, 255, 0.2);
}

.recruiting-vacancy-info .vacancy-item .vacancy-name ~ span {
  margin-left: 8px;
  padding-left: 8px;
  border-left: 1px solid;
  background: transparent;
}

.recruiting-vacancy-info .vacancy-item > button:not(.vacancy-name) {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-left: 42px;
  font-size: 17px;
  line-height: 21px;
  height: 21px;
  transition: all 0.5s ease;
}

.recruiting-vacancy-info .vacancy-item > button:not(.vacancy-name):hover {
  color: #5367bb;
}

.recruiting-vacancy-info .vacancy-item > button:not(.vacancy-name) img {
  pointer-events: none;
  margin-bottom: -8px;
  margin-left: 8px;
  width: 64px;
}

.recruiting-vacancy-info .vacancy-item .vacancy-remove {
  width: 35px;
  margin-left: 34px;
  transition: all 0.3s ease;
}

.recruiting-vacancy-info .vacancy-item .vacancy-remove:hover {
  scale: 1.1;
}

.recruiting-vacancy-info .vacancy-item .vacancy-remove img {
  width: 100%;
}

.create-vacancy-block {
  position: relative;
  background: #ffffff33;
  margin: 31px auto 0;
  border-radius: 50px;
  max-width: 902px;
  padding: 29px 30px 32px;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}

.create-vacancy-block .title {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 28px;
}

.create-vacancy-block button {
  border: 2px solid;
  border-radius: 20px;
  width: 313px;
  height: 139px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 135px;
  line-height: 165px;
  color: #2a314d;
  margin-bottom: 7px;
  transition: transform 0.2s, box-shadow 0.2s;
}

.create-vacancy-block button:hover {
  transform: translateY(1px);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.2vw 0.4vw;
}

.create-vacancy-block button:active {
  scale: 0.95;
}

.create-vacancy-block button + label {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 17px;
}

.recruiting-vacancy-creating-block,
.recruiting-vacancy-editing-block {
  display: -ms-flex;
  display: flex;
  width: 100%;
}

.recruiting-vacancy-creating-block > form {
  display: -ms-flex;
  display: flex;
  width: 100%;
}

.recruiting-vacancy-data {
  position: relative;
  margin-top: 2px;
  background: #ffffff26;
  border-radius: 41px;
  padding: 24px 35px 29px 34px;
  width: 100%;
}

.recruiting-vacancy-data .title {
  margin-bottom: -7px;
  font-weight: 500;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
}

.recruiting-vacancy-data .form-row {
  display: -ms-flex;
  display: flex;
}

.recruiting-vacancy-data .form-row .form-group {
  width: auto;
}

.recruiting-vacancy-data .form-row .form-group:not(:last-child) {
  margin-right: 36px;
}

.recruiting-vacancy-data .small-control {
  width: 479px;
}

.recruiting-vacancy-data .question-row {
  display: -ms-flex;
  display: flex;
}

.recruiting-vacancy-data .question-row + .question-row {
  margin-top: 16px;
}

.recruiting-vacancy-data .question-row button {
  width: 170px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 32px;
  margin-left: 17px;
  border: 1px solid;
  box-shadow: 0px 2.31px 2.31px 0px #00000040;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  transition: all 0.5s ease;
}

.recruiting-vacancy-data .question-row button:not(:last-child) {
  margin-left: 38px;
}

.recruiting-vacancy-data .question-row button span {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.recruiting-vacancy-data .question-row button .vacancy-arrow {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: -3px;
  margin-left: 3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
}

.recruiting-vacancy-data .question-row button .vacancy-arrow img {
  width: 5px;
}

.recruiting-vacancy-data .add-question {
  display: block;
  margin-top: 6px;
  margin-left: 17px;
  margin-bottom: -8px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #cfcfcf;
  transition: all 0.3s ease;
}

.recruiting-vacancy-data .add-question:hover {
  color: #5367bb;
}

.recruiting-vacancy-data .buttons {
  margin-top: 38px;
}

.recruiting-vacancy-data .button-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.recruiting-vacancy-data .button-row button:not([type="submit"]) {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #cfcfcf26 !important;
  box-shadow: 0 4.52px 4.52px 0 #00000040;
  backdrop-filter: blur(28px);
  border-radius: 62px;
  width: 100%;
  max-width: 376px;
  padding: 13px;
  border: 1px solid;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  word-break: break-all;
  word-break: break-word;
  transition: background-color 0.5s;
}

.recruiting-vacancy-data .button-row button:not([type="submit"]):hover {
  background-color: #5368bb !important;
}

.recruiting-vacancy-data .button-row button .vacancy-arrow {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  margin-top: -6px;
  margin-left: 7px;
  flex-shrink: 0;
}

.recruiting-vacancy-data .button-row button .vacancy-arrow img {
  width: 9px;
}

.recruiting-vacancy-data .button-row button span {
  position: relative;
}

.recruiting-vacancy-data .button-row button span .vacancy-arrow {
  position: absolute;
  margin-top: 0;
  margin-left: 0;
  top: -6px;
  right: -26px;
}

.recruiting-vacancy-data .button-row button:not(:first-child) {
  margin-left: 38px;
}

.recruiting-vacancy-data .button-row button[type="submit"] {
  padding: 14px 25px 14px 28px;
  border-radius: 62px;
  color: white;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  margin-left: 64px;
  width: 100%;
  transition: transform 0.2s, box-shadow 0.2s;
}

.recruiting-vacancy-data .button-row button[type="submit"]:hover {
  transform: translateY(1px);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.2vw 0.4vw;
}

.recruiting-vacancy-data .button-row button[type="submit"]:active {
  scale: 0.95;
}

.modal-vacancy-delete .modal-dialog {
  padding: 0 10px;
  max-width: 479px;
}

.modal-vacancy-delete .modal-content {
  background: url("../images/delete-modal-back.png") center center no-repeat;
  background-size: cover;
  border-radius: 25px;
}

.modal-vacancy-delete .modal-content .btn-close {
  top: 14px;
  right: 14px;
  background: url("../images/modal-close.png") center center no-repeat;
  background-size: cover;
  width: 14px;
  height: 13px;
}

.modal-vacancy-delete .modal-body {
  padding: 35px 25px 32px;
}

.modal-vacancy-delete .modal-content .modal-title {
  text-align: center;
  margin-bottom: 18px;
  color: white;
  text-shadow: 0 4px 4px #00000040;
  font-weight: 500;
  font-size: 23px;
  line-height: 28px;
  text-transform: uppercase;
}

.modal-vacancy-delete .modal-content .buttons-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.modal-vacancy-delete .modal-content .buttons-row button {
  width: 50%;
  border: 1px solid;
  border-radius: 35px;
  padding: 7px;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  box-shadow: 0 2.55px 2.55px 0 #00000040;
  backdrop-filter: blur(31.93402862548828px);
  transition: all 0.5s ease;
}

.modal-vacancy-delete .modal-content .buttons-row button:not(:last-child) {
  margin-right: 35px;
}

.modal-vacancy-delete .modal-content .buttons-row button span {
  position: relative;
}

.modal-vacancy-delete .modal-content .buttons-row button span .vacancy-arrow {
  position: absolute;
  top: -4px;
  right: -14px;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-vacancy-delete
  .modal-content
  .buttons-row
  button
  span
  .vacancy-arrow
  img {
  width: 5px;
}

.recruiting-vacancy-access {
  position: relative;
  margin: 2px auto;
  background: #ffffff33;
  border-radius: 60px;
  padding: 39px;
  max-width: 933px;
  width: 100%;
  text-align: center;
}

.recruiting-vacancy-access .btn-close {
  position: absolute;
  top: 39px;
  right: 37px;
  background: url(../images/recruiting_resume/access-close.png) center center
    no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
}

.recruiting-page .recruiting-vacancy-access .form-group {
  max-width: 627px;
  margin: 0 auto 19px;
}

.recruiting-page .recruiting-vacancy-access .form-control {
  text-align: center;
  border: 1px solid;
  padding: 12px 12px 11px;
  font-size: 22px;
  line-height: 27px;
}

.recruiting-page .recruiting-vacancy-access .form-control::placeholder {
  color: #777777;
}

.recruiting-vacancy-access .generate {
  padding: 14px 14px 13px;
  width: 311px;
  box-shadow: 0 3.34px 3.34px 0 #00000040;
  backdrop-filter: blur(28px);
  text-align: center;
  border-radius: 61px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  transition: transform 0.2s, box-shadow 0.2s;
}

.recruiting-vacancy-access .generate:hover {
  transform: translateY(1px);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.2vw 0.4vw;
}

.recruiting-vacancy-access .generate:active {
  scale: 0.95;
}

.recruiting-vacancy-test {
  position: relative;
  margin: 26px auto 0;
  background: #ffffff33;
  border-radius: 41px;
  padding: 24px 35px 27px 34px;
  width: 100%;
  text-align: center;
}

.recruiting-vacancy-test.creating {
  max-width: 902px;
  margin-top: 31px;
  padding-top: 29px;
  padding-bottom: 32px;
}

#test.recruiting-vacancy-info .recruiting-vacancy-test.creating {
  margin-bottom: 275px;
}

#test.recruiting-vacancy-info
  .recruiting-vacancy-test:not(.creating)
  ~ .test-list {
  display: none;
}

#test.recruiting-vacancy-info .test-list {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 9px 67px 18px;
  background: #00000040;
}

#test.recruiting-vacancy-info .test-list .test-list__title {
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

#test.recruiting-vacancy-info .test-list .test-list__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#test.recruiting-vacancy-info .test-list .test-list__arrow.left {
  left: 11px;
}

#test.recruiting-vacancy-info .test-list .test-list__arrow.right {
  right: 11px;
}

#test.recruiting-vacancy-info .test-list .test-list__arrow button {
  width: 29px;
  height: 29px;
}

#test.recruiting-vacancy-info .test-list .test-list__arrow button img {
  width: 100%;
}

#test.recruiting-vacancy-info .test-list .test-item {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  background: #cfcfcf26;
  border-radius: 12px;
  box-shadow: 0px 2.42px 2.42px 0px #00000040;
  height: 175px;
  margin: 0 9px;
  padding: 16px 10px;
  font-weight: 500;
  font-size: 13px;
  line-height: 15px;
}

#test.recruiting-vacancy-info .test-list .test-item > * {
  position: relative;
}

#test.recruiting-vacancy-info .test-list .test-item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url("../images/recruiting_resume/test-item-back.png") bottom
    center no-repeat;
  background-size: 100%;
}

#test.recruiting-vacancy-info .test-item .test-item__buttons {
  position: absolute;
  top: 10px;
  right: 8px;
  background: #cfcfcf26;
  border-radius: 25px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 3px 15px 4px;
}

#test.recruiting-vacancy-info .test-item .test-item__buttons .btn {
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
}

#test.recruiting-vacancy-info .test-item .test-item__buttons .btn:first-child {
  width: 17px;
  height: 17px;
  margin-right: 12px;
}

#test.recruiting-vacancy-info .test-item .test-item__buttons .btn img {
  width: 100%;
}

.recruiting-vacancy-test .title {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: -7px;
}

.recruiting-vacancy-test .title .vacancy-arrow {
  margin-top: -4px;
  margin-left: 11px;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-vacancy-test .title .vacancy-arrow img {
  width: 11px;
}

.recruiting-vacancy-test .create-test {
  border: 2px solid;
  border-radius: 20px;
  width: 313px;
  height: 139px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 135px;
  line-height: 165px;
  color: #2a314d;
  margin: 35px auto 7px;
  transition: transform 0.2s, box-shadow 0.2s;
}

.recruiting-vacancy-test .create-test:hover {
  transform: translateY(1px);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.2vw 0.4vw;
}

.recruiting-vacancy-test .create-test:active {
  scale: 0.95;
}

.recruiting-vacancy-test .create-test + label {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: #777777;
}

.recruiting-vacancy-test .test-form {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.recruiting-vacancy-test .test-form form {
  width: 100%;
}

.recruiting-vacancy-test .test-form .form-group {
  text-align: left;
}

.recruiting-vacancy-test .test-form > div:first-child {
  position: relative;
  width: 100%;
}

.recruiting-vacancy-test .test-form .test-top-field {
  border: 3px solid;
  border-radius: 20px;
  padding: 15px 28px 16px;
}

.recruiting-vacancy-test .test-form .test-top-field input {
  display: block;
  width: 100%;
  background: transparent;
  border: none;
  outline: none !important;
  padding: 0;
}

.recruiting-vacancy-test .test-form .test-top-field input:first-child {
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  color: white;
  margin-bottom: 4px;
}

.recruiting-vacancy-test
  .test-form
  .test-top-field
  input:first-child::placeholder {
  color: white;
  opacity: 0.6;
}

.recruiting-vacancy-test .test-form .test-top-field input:nth-child(2) {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #2c3350;
}

.recruiting-vacancy-test
  .test-form
  .test-top-field
  input:nth-child(2)::placeholder {
  color: #2c3350;
  opacity: 0.6;
}

.recruiting-vacancy-test .test-form .test-file-block {
  margin-top: 10px;
  margin-left: 40px;
}

.recruiting-vacancy-test .test-form .question-block {
  position: relative;
  margin-top: 21px;
}

.recruiting-vacancy-test .test-form .chapter {
  position: relative;
  margin-bottom: 31px;
}

.recruiting-vacancy-test .test-form .chapter .delete-test-chapter {
  position: absolute;
  top: 0;
  right: 21px;
  bottom: 0;
  margin: auto;
  width: 25px;
}

.recruiting-vacancy-test .test-form .chapter .delete-test-chapter img {
  width: 100%;
}

.recruiting-vacancy-test .test-form .question-title {
  position: relative;
  border-radius: 20px;
  padding: 11px 330px;
}

.recruiting-vacancy-test .test-form .question-title textarea {
  display: block;
  width: 100%;
  background: transparent;
  border: none;
  outline: none !important;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: white;
  border-radius: 19px;
  padding: 0;
  overflow: hidden;
  resize: none;
}

.recruiting-vacancy-test .test-form .question-title textarea::placeholder {
  color: white;
  opacity: 0.6;
}

.recruiting-vacancy-test .test-form .question-title .question-buttons {
  position: absolute;
  top: 5px;
  right: 62px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.recruiting-vacancy-test .test-form .question-buttons button {
  width: 28px;
  line-height: 1px;
}

.recruiting-vacancy-test .test-form .question-buttons button:not(:last-child) {
  margin-right: 30px;
}

.recruiting-vacancy-test .test-form .question-buttons button:nth-child(3) {
  width: 34px;
}

.recruiting-vacancy-test .test-form .question-buttons button img {
  width: 100%;
}

.recruiting-vacancy-test .test-form .question-title .toggle-question {
  position: absolute;
  top: 10px;
  right: 12px;
  background: url("../images/question-arrow.png") center center no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
}

.recruiting-vacancy-test .test-form .question-title.collapsed .toggle-question {
  background-image: url("../images/question-arrow-collapse.png");
  box-shadow: 0 4px 15px 0 #00000040;
}

.recruiting-vacancy-test
  .test-form
  .question-title:not(.collapsed)
  .question-type {
  opacity: 0;
  pointer-events: none;
}

.recruiting-vacancy-test .test-form .question-title .question-type {
  position: absolute;
  top: 0;
  right: 46px;
  bottom: 0;
  height: 85px;
  margin: auto;
  display: -ms-flex;
  display: flex;
  background: white;
  border-radius: 35px;
  padding: 13px 34px 14px 22px;
  z-index: 1;
  box-shadow: 0 4px 15px 0 #00000040;
  transition: opacity 0.5s;
}

.recruiting-vacancy-test .test-form .question-title .question-type button {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 10px;
  line-height: 10px;
  color: #9b9b9b;
}

.recruiting-vacancy-test
  .test-form
  .question-title
  .question-type
  button:not(:last-child) {
  margin-right: 14px;
}

.recruiting-vacancy-test .test-form .question-title .question-type button img {
  width: 28px;
  height: 32px;
  margin-bottom: 6px;
  object-fit: contain;
  flex-shrink: 0;
}

.recruiting-vacancy-test
  .test-form
  .question-title
  .question-type
  button:first-child
  img {
  width: 31px;
}

.recruiting-vacancy-test
  .test-form
  .question-title
  .question-type
  button:first-child
  img {
  width: 32px;
}

.recruiting-vacancy-test .test-form .answers-block {
  position: relative;
  min-height: 138px;
  background: white;
  border-radius: 24px;
  padding: 29px 60px 25px 31px;
  text-align: left;
  margin-top: 19px;
}

.recruiting-vacancy-test
  .test-form
  .answers-block
  .form-group:not(:last-child) {
  margin-bottom: 14px;
}

.recruiting-vacancy-test .test-form .answers-block .form-group .form-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.recruiting-vacancy-test
  .test-form
  .answers-block
  .form-group
  input[type="checkbox"],
.recruiting-vacancy-test
  .test-form
  .answers-block
  .form-group
  input[type="radio"] {
  display: none;
}

.recruiting-vacancy-test .test-form .answers-block .form-group label {
  position: relative;
  width: 22px;
  height: 22px;
  margin: 0 18px 0 0;
  padding: 0;
  border: 1px solid;
  border-radius: 5px;
  background: none !important;
}

.recruiting-vacancy-test
  .test-form
  .answers-block
  .form-group
  input:checked
  + label:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 21px;
  height: 21px;
  background: url("../images/test/check.png") center center no-repeat;
  background-size: contain;
}

.recruiting-vacancy-test .test-form .answers-block .form-group textarea {
  padding: 0;
  border: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: black;
  outline: none !important;
  width: 100%;
  overflow: hidden;
  resize: none;
}

.recruiting-vacancy-test
  .test-form
  .answers-block
  .form-group
  input::placeholder {
  color: black;
  opacity: 0.6;
}

.recruiting-vacancy-test .test-form .answers-block .add-answer {
  margin-top: -17px;
  margin-left: 41px;
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}

.recruiting-vacancy-test .test-form .answers-buttons {
  position: absolute;
  top: 5px;
  right: 8px;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  width: 33px;
  flex-shrink: 0;
  padding: 13px 0 15px;
  border-radius: 25px;
}

.recruiting-vacancy-test .test-form .answers-buttons button {
  width: 17px;
  line-height: 1px;
}

.recruiting-vacancy-test .test-form .answers-buttons button:not(:last-child) {
  margin-bottom: 9px;
}

.recruiting-vacancy-test .test-form .answers-buttons button:nth-child(2) {
  width: 21px;
}

.recruiting-vacancy-test .test-form .answers-buttons button img {
  width: 100%;
}

.recruiting-vacancy-test .test-form .test-buttons {
  position: absolute;
  top: 13px;
  right: 35px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  flex-shrink: 0;
  background: #cfcfcf26;
  padding: 11px 21px 11px 25px;
  border-radius: 25px;
  transition: all 0.5s;
}

.recruiting-vacancy-test .test-form .test-buttons button {
  width: 22px;
  line-height: 1px;
}

.recruiting-vacancy-test .test-form .test-buttons button:not(:last-child) {
  margin-right: 27px;
}

.recruiting-vacancy-test .test-form .test-buttons button:nth-child(2) {
  width: 25px;
}

.recruiting-vacancy-test .test-form .test-buttons button img {
  width: 100%;
}

.recruiting-vacancy-test .save-test {
  margin-top: 17px;
  padding: 14px 14px 13px;
  width: 225px;
  text-align: center;
  border-radius: 61px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
  transition: transform 0.2s, box-shadow 0.2s;
}

.recruiting-vacancy-test .save-test:hover {
  transform: translateY(1px);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.2vw 0.4vw;
}

.recruiting-vacancy-test .save-test:active {
  scale: 0.95;
}

.vacancy-interview-block {
  width: 100%;
}

.vacancy-interview-block .buttons {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.recruiting-vacancy-interview {
  position: relative;
  margin: 129px 140px 226px 148px;
  background: #ffffff33;
  border-radius: 55px;
  padding: 33px 82px 32px;
  max-width: 933px;
  width: 100%;
  text-align: center;
}

.recruiting-vacancy-interview .btn-close {
  position: absolute;
  top: 37px !important;
  right: 34px !important;
  background: url(../images/close.png) center center no-repeat !important;
  background-size: contain !important;
  width: 22px !important;
  height: 22px !important;
}

.recruiting-vacancy-interview .title {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 27px;
}

.recruiting-vacancy-interview .title span {
  position: relative;
}

.recruiting-vacancy-interview .title span .vacancy-arrow {
  position: absolute;
  top: -4px;
  right: -33px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-vacancy-interview .title .vacancy-arrow img {
  width: 12px;
}

.recruiting-vacancy-interview .buttons {
  position: relative;
  display: flex;
  flex-direction: column;
}

.recruiting-vacancy-interview .buttons .interview-button {
  padding: 14px;
  width: 100%;
  text-align: center;
  border: 3px solid;
  border-radius: 23px;
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
  margin-bottom: 14px;
  text-transform: uppercase;
  transition: border-color 0.3s, box-shadow 0.3s ease,
    background-color 0.5s ease;
}

.recruiting-vacancy-interview .buttons .interview-button:hover {
  border-color: rgba(83, 103, 187, 1) !important;
  box-shadow: 0px 2.47px 2.47px 0px rgba(0, 0, 0, 0.25);
  background: rgba(83, 103, 187, 1) !important;
}

.recruiting-vacancy-interview .buttons .interview-button:active {
  scale: 0.98;
}

.interview-block:not(.active) {
  display: none;
}

.vacancy-interview-block .interview-block--offline {
  max-width: 771px;
  margin: 80px auto;
  padding-right: 16px;
}

.vacancy-interview-block .interview-block--online {
  max-width: 755px;
  margin: 81px auto;
}

.vacancy-interview-block .interview-block--video {
  max-width: 1315px;
  margin: 31px auto;
}

.recruiting-page .interview-block .interview-block__body {
  position: absolute;
  width: 100%;
  background: #cfcfcf26;
  backdrop-filter: blur(12px);
  border-radius: 25px;
  text-align: left;
}

.vacancy-interview-block .interview-block .interview-block__body {
  position: static;
}

.recruiting-page .interview-block--offline .interview-block__body {
  padding: 22px 24px 28px;
}

.recruiting-page .interview-block--online .interview-block__body {
  padding: 17px 64px;
}

.recruiting-page .interview-block--video .interview-block__body {
  padding: 23px 59px 29px 64px;
}

.recruiting-page .interview-block .interview-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 11px;
  height: 11px;
  background: url("../images/modal-close.png?ver=1") center center no-repeat;
  background-size: contain;
}

.recruiting-page .interview-block--offline .interview-close {
  top: 15px;
  right: 15px;
}

.recruiting-page .interview-block--video .interview-close {
  right: 25px;
  width: 18px;
  height: 17px;
}

.recruiting-page .interview-block .interview-offline-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0 12px;
}

.recruiting-page .interview-block label {
  color: #cfcfcf;
  white-space: normal;
}

.recruiting-page .interview-block label .small {
  font-size: 80%;
}

.recruiting-page .interview-block--offline .button-color {
  margin-top: 20px;
  margin-left: 17px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  padding: 11px 20px 12px 23px;
  border-radius: 51px;
  text-transform: uppercase;
  transition: transform 0.2s, box-shadow 0.2s;
}
.recruiting-page .interview-block--offline .button-color:hover {
  transform: translateY(1px);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.2vw 0.4vw;
}
.recruiting-page .interview-block--offline .button-color:active {
  scale: 0.95;
}
.recruiting-page .interview-block--online .interview-text-save {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  /* border: 0.05vw solid #5367BB; */
}
.recruiting-page .interview-block--online .interview-text-save:hover {
  transform: translateY(1px);
  box-shadow: 0 0.2vw 0.4vw rgba(0, 0, 0, 0.2);
}

.recruiting-page .interview-block--online .interview-text-save:active {
  scale: 0.95;
}

.recruiting-page .interview-block--online input[type="text"],
.recruiting-page .resume-modal .interview-block--video input[type="text"] {
  width: 100%;
  max-width: none;
  background: #cfcfcf26;
  border-radius: 24px;
  padding: 13px 26px 12px 15px;
  border: none;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: white;
}

.recruiting-page .interview-block--online input[type="text"]::placeholder {
  color: white;
  opacity: 0.6;
}

.recruiting-page .interview-block--online .button-color {
  margin-top: 13px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  padding: 14px 23px 13px 28px;
  border-radius: 61px;
  text-transform: uppercase;
  transition: transform 0.2s, box-shadow 0.2s;
}
.recruiting-page .interview-block--online .button-color:hover {
  transform: translateY(1px);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.2vw 0.4vw;
}
.recruiting-page .interview-block--online .button-color:active {
  scale: 0.95;
}
.recruiting-page .interview-block--video .form-control {
  padding-right: 22px;
  padding-left: 22px;
}

.recruiting-page .interview-block--video .add-question {
  display: block;
  margin-top: -5px;
  margin-left: 17px;
  color: #cfcfcf;
  transition: all 0.3s ease;
}

.recruiting-page .interview-block--video .add-question:hover {
  color: rgb(83, 103, 187);
}

.recruiting-page .interview-block--video input[type="text"]:not(.form-control) {
  display: block;
  max-width: 627px;
  width: 100%;
  background: #cfcfcf26;
  border-radius: 24px;
  padding: 13px 12px 12px;
  border: none;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: white;
  margin-top: 22px;
  margin-right: auto;
  margin-left: auto;
}

.recruiting-page
  .interview-block--video
  input[type="text"]:not(.form-control)::placeholder {
  color: white;
  opacity: 0.6;
}

.recruiting-page .interview-block--video .button-color {
  margin-top: 13px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  padding: 14px 23px 13px 28px;
  border-radius: 61px;
  text-transform: uppercase;
  transition: transform 0.2s, box-shadow 0.2s;
}

.recruiting-page .interview-block--video .button-color:hover {
  transform: translateY(1px);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.2vw 0.4vw;
}

.recruiting-page .interview-block--video .button-color:active {
  scale: 0.95;
}

#accessAlert .modal-dialog {
  max-width: 500px;
  color: black;
}

#accessAlert .modal-dialog .btn-close {
  top: 14px;
  right: 14px;
  background: url("../images/close.png") center center no-repeat;
  background-size: cover;
  width: 14px;
  height: 13px;
}

.recruiting-resume {
  margin-top: -6px;
  padding: 0 74px 36px 72px;
}

.recruiting-resume__top {
  position: relative;
  display: -ms-flex;
  display: flex;
  margin-bottom: 14px;
}

.recruiting-resume__top .recruiting-resume__back {
  background: url("../images/arrow.svg") center center no-repeat;
  background-size: contain;
  width: 43px;
  height: 43px;
  flex-shrink: 0;
  margin-right: 28px;
  transform: rotate(180deg);
}

.recruiting-resume__top .recruiting-resume__back:active {
  scale: 0.95;
}

.recruiting-resume__top .recruiting-resume__vacancy {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0 42px;
  border-radius: 19px;
  box-shadow: 0px 3.89px 3.89px 0px #00000040;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  word-break: break-all;
  word-break: break-word;
}

.recruiting-resume__top .recruiting-resume__calendar-button {
  background: url("../images/recruiting_resume/calendar.svg") center center
    no-repeat;
  background-size: contain;
  width: 43px;
  height: 43px;
  flex-shrink: 0;
  margin-left: 17px;
}

.recruiting-resume__top .recruiting-resume__calendar:not(.active) {
  display: none;
}

.recruiting-resume__top .recruiting-resume__calendar {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 15px;
  z-index: 11;
  background: white;
  border-radius: 15px;
  padding: 18px 0 11px;
  color: black;
  width: 290px;
}

.recruiting-resume__top .recruiting-resume__calendar .choose-month {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 21px;
  padding: 0 13px 0 23px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
}

.recruiting-resume__top .recruiting-resume__calendar .choose-month button {
  width: 22px;
}

.recruiting-resume__top
  .recruiting-resume__calendar
  .choose-month
  button:not(:last-child) {
  margin-right: 14px;
}

.recruiting-resume__top .recruiting-resume__calendar .choose-month button img {
  width: 100%;
}

.recruiting-resume__top .recruiting-resume__calendar .calendar-table {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 12px;
  word-break: break-all;
  word-break: break-word;
  margin-right: 11px;
  margin-left: 17px;
}

.recruiting-resume__top .recruiting-resume__calendar .calendar-table .line {
  position: absolute;
  top: 24px;
  right: -11px;
  left: -17px;
  border-bottom: 1px solid;
}

.recruiting-resume__top .recruiting-resume__calendar .calendar-table .head {
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #848484;
}

.recruiting-resume__top
  .recruiting-resume__calendar
  .calendar-table
  .short-month {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  padding-left: 4px;
  grid-column: span 2;
  white-space: nowrap;
  text-transform: uppercase;
  color: #848484;
}

.recruiting-resume__top
  .recruiting-resume__calendar
  .calendar-table
  .button-color {
  color: white;
}

.recruiting-resume__top
  .recruiting-resume__calendar
  .calendar-table
  > *:not(.head):not(.line) {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  border-radius: 50%;
  text-decoration: none !important;
}

.recruiting-resume__top
  .recruiting-resume__calendar
  .calendar-table
  > *:not(.head):nth-child(7n + 6),
.recruiting-resume__top
  .recruiting-resume__calendar
  .calendar-table
  > *:not(.head):nth-child(7n + 7) {
  color: #9f9f9f;
}

.recruiting-resume__body {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px 7px;
}

.recruiting-resume__body .recruiting-resume__type {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 19px;
  height: 44px;
  padding: 0 8px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  word-break: break-all;
  word-break: break-word;
  z-index: 10;
  margin-bottom: 10px;
}

.recruiting-resume__body .recruiting-resume__type:not(.button-color) {
  background: #00000080;
}

.recruiting-resume__body .recruiting-resume__type .count {
  position: absolute;
  top: -8px;
  right: 14px;
  min-width: 15px;
  height: 15px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 4px;
  font-size: 10px;
  line-height: 12px;
  box-shadow: 0px 0.12vw 0.12vw 0px rgba(0, 0, 0, 0.25);
}

.recruiting-resume-item {
  position: relative;
  background: white;
  border-radius: 21px;
  padding: 21px 111px 14px 24px;
  font-size: 17px;
  line-height: 20px;
  color: #777777;
  transition: all 0.5s;
}

.recruiting-resume-item.overdue-shadow {
  box-shadow: 0px 0.2vw 0.2vw 0px rgba(255, 173, 51, 0.55) !important;
}

.recruiting-resume-item:hover {
  transform: translate(0, 15%) scale(1.3);
  z-index: 1;
  box-shadow: 0px 3.65px 13.68px 0px #000000;
}

.recruiting-resume__column:nth-child(6) .recruiting-resume-item:hover {
  transform: translate(15%, 15%) scale(1.3);
}

.recruiting-resume__column:nth-child(10) .recruiting-resume-item:hover {
  transform: translate(-15%, 15%) scale(1.3);
}

.recruiting-resume-item:not(:last-child) {
  margin-bottom: 10px;
}

.recruiting-resume-item .recruiting-resume-item__image-block {
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
}

.recruiting-resume-item.with-test .recruiting-resume-item__image-block {
  top: 13px;
  right: 25px;
}

.recruiting-resume-item .recruiting-resume-item__image {
  width: 81px;
  height: 81px;
  margin-bottom: 3px;
  border-radius: 50%;
  overflow: hidden;
}

.recruiting-resume-item .recruiting-resume-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.recruiting-resume-item .recruiting-resume-item__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 19px;
  word-break: break-all;
  word-break: break-word;
}

.recruiting-resume-item .recruiting-resume-item__title .last-name {
  text-transform: uppercase;
}

.recruiting-resume-item .recruiting-resume-item__test-info {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
  font-size: 28px;
  line-height: 34px;
  color: #777777;
}

.recruiting-resume-item .recruiting-resume-item__test-info label {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: -3px;
}

.recruiting-resume-item
  .recruiting-resume-item__test-info
  ~ .recruiting-resume-item__link {
  margin: 13px -31px 4px auto;
}

.recruiting-resume-item .recruiting-resume-item__interview-date {
  position: absolute;
  right: 20px;
  bottom: 14px;
  font-size: 17px;
  line-height: 20px;
}

.recruiting-resume-item
  .recruiting-resume-item__test-info
  + .recruiting-resume-item__interview-date {
  top: 119px;
  right: 22px;
  bottom: auto !important;
}

.recruiting-resume-item .recruiting-resume-item__overdue-text {
  position: absolute;
  top: -8px;
  left: 25px;
  border-radius: 20px;
  padding: 4px 15px;
  font-size: 11px;
  line-height: 13px;
  color: white;
}

.recruiting-resume-item .recruiting-resume-item__link {
  display: block;
  margin-top: 20px;
  margin-bottom: 17px;
  border-radius: 34px;
  max-width: 181px;
  box-shadow: 0px 2.47px 2.47px 0px #00000040;
  backdrop-filter: blur(15.42px);
  padding: 8px;
  font-weight: 500;
  font-size: 10px;
  line-height: 12px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none !important;
  transition: all 0.3s ease;
  border: 1px solid rgba(255, 173, 51, 1);
}

.recruiting-resume-item .recruiting-resume-item__link:hover {
  background-color: rgba(255, 255, 255, 0.15); /* белая подсветка */
  color: rgba(119, 119, 119, 1);
}

.recruiting-resume-item .recruiting-resume-item__link:active {
  scale: 0.95;
}

.recruiting-resume-item .recruiting-resume-item__link span {
  position: relative;
}

.recruiting-resume-item .recruiting-resume-item__link span .vacancy-arrow {
  position: absolute;
  top: -4px;
  right: -13px;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-resume-item .recruiting-resume-item__link span .vacancy-arrow img {
  width: 5px;
}

.recruiting-resume-item
  .recruiting-resume-item__test-info
  ~ .recruiting-resume-item__contacts {
  position: absolute;
  right: 24px;
  bottom: 19px;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
}

.recruiting-resume-item
  .recruiting-resume-item__test-info
  ~ .recruiting-resume-item__contacts
  > *:not(:last-child) {
  margin-right: 0;
  margin-bottom: 8px;
}

.recruiting-resume-item .recruiting-resume-item__contacts {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: start;
}
.recruiting-resume-item .recruiting-resume-item__contacts a {
  transition: all 0.3s ease;
}
.recruiting-resume-item .recruiting-resume-item__contacts a:hover {
  scale: 1.1;
}
.recruiting-resume-item .recruiting-resume-item__contacts > * {
  width: 29px;
  height: 29px;
}

.recruiting-resume-item .recruiting-resume-item__contacts > *:first-child {
  width: 25px;
  height: 25px;
}

.recruiting-resume-item .recruiting-resume-item__contacts > *:not(:last-child) {
  margin-right: 14px;
}

.recruiting-resume-item .recruiting-resume-item__contacts > * img {
  width: 100%;
}

.recruiting-resume-item .recruiting-resume-item__contacts .chat-button {
  position: relative;
}

.recruiting-resume-item
  .recruiting-resume-item__contacts
  .chat-button
  img:not(:first-child) {
  display: none;
}

.recruiting-resume-item .recruiting-resume-item__contacts .chat-button span {
  position: absolute;
  top: 1px;
  right: 1px;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 8px;
  line-height: 9px;
  color: white;
}

.contacts-info-tooltip {
  font-family: Montserrat;
  padding: 11px 16px 13px;
  background: url("../images/recruiting_resume/contact-tooltip.png") center
    center no-repeat;
  background-size: 100% 100%;
  border: none !important;
  box-shadow: none;
  border-radius: 0;
  font-size: 10px;
  line-height: 10px;
  letter-spacing: -0.02em;
  color: #777777;
  pointer-events: none;
}

.resume-modal.modal-dialog {
  max-width: 1008px;
}

.resume-modal .modal-content {
  background: url("../images/recruiting_resume/modal-resume-back.png") center
    center no-repeat;
  background-size: cover;
  border-radius: 31px;
  box-shadow: none;
}

.resume-modal .modal-content .btn-close {
  top: 17px;
  right: 18px;
  background: url("../images/recruiting_resume/modal-resume-close.png") center
    center no-repeat;
  background-size: cover;
  width: 15px;
  height: 14px;
}

.resume-modal .modal-body {
  padding: 38px 52px 38px 51px;
}

.resume-modal .modal-top {
  display: -ms-flex;
  display: flex;
  margin-bottom: 33px;
}

.resume-modal.with-test .modal-top {
  margin-bottom: 16px;
}

.resume-modal .modal-top .modal-top-left {
  width: 169px;
  flex-shrink: 0;
  margin-right: 28px;
}

.resume-modal .modal-top .modal-resume-image {
  width: 169px;
  height: 169px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 22px;
}

.resume-modal .modal-top .modal-resume-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.resume-modal .modal-resume-title {
  margin-bottom: 18px;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  word-break: break-all;
  word-break: break-word;
}

.resume-modal .modal-resume-title .last-name {
  font-weight: 700;
  text-transform: uppercase;
}

.resume-modal .modal-top .modal-top-left label {
  margin-bottom: 1px;
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
  color: #777777;
}

.resume-modal .modal-top .modal-top-left .birthday {
  font-size: 17px;
  line-height: 21px;
}

.resume-modal .modal-top .modal-top-right {
  width: 100%;
}

.resume-modal .modal-resume-answer {
  background: #ffffff26;
  margin-bottom: 9px;
  border-radius: 17px;
  padding: 8px 15px;
  overflow: auto;
  font-weight: 600;
  font-size: 15px;
  line-height: 19px;
  height: 80px;
}

.resume-modal .modal-resume-vacancy {
  margin: 21px 0;
  border-radius: 17px;
  padding: 13px 15px;
  font-size: 15px;
  line-height: 19px;
}

.resume-modal .modal-resume-contacts {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: start;
}
.resume-modal .modal-resume-contacts div,
.resume-modal .modal-resume-contacts button {
  transition: all 0.3s ease;
}
.resume-modal .modal-resume-contacts div:hover,
.resume-modal .modal-resume-contacts button:hover {
  scale: 1.1;
}
.resume-modal .modal-resume-contacts > * {
  width: 27px;
  height: 27px;
}

.resume-modal .modal-resume-contacts > *:first-child {
  width: 23px;
  height: 23px;
  margin-left: 3px;
}

.resume-modal .modal-resume-contacts > *:not(:last-child) {
  margin-right: 13px;
}

.resume-modal .modal-resume-contacts > * img {
  width: 100%;
}

.resume-modal .modal-resume-contacts .chat-button {
  position: relative;
}

.resume-modal .modal-resume-contacts .chat-button img:not(:first-child) {
  display: none;
}

.resume-modal .modal-resume-contacts .chat-button span {
  position: absolute;
  top: 1px;
  right: 1px;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 8px;
  line-height: 9px;
  color: white;
}

.resume-modal .modal-resume-data-line {
  display: -ms-flex;
  display: flex;
  margin-bottom: 18px;
}

.resume-modal .modal-resume-data {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 170px;
  background: #ffffff26;
  border-radius: 17px;
  padding: 10px 10px 11px;
  font-size: 17px;
  line-height: 21px;
  text-align: center;
}

.resume-modal .modal-resume-data:not(.active) .modal-resume-data-modal-text {
  display: none;
}

.resume-modal .modal-resume-data .modal-resume-data-modal-text {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 40px;
  background: url(../images/recruiting_resume/modal-resume-back.png) center
    center no-repeat;
  background-size: cover;
  z-index: 10;
  padding: 20px;
  border-radius: 10px;
}

.resume-modal .modal-resume-data .modal-resume-data-modal-text iframe {
  background: white;
}

.resume-modal .modal-resume-data.transparent {
  background: transparent;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 0 !important;
}

.resume-modal .modal-resume-data.interview-data {
  width: auto !important;
  padding-right: 32px;
  padding-left: 32px;
}

.resume-modal:not(.with-test) .modal-resume-data.interview-data {
  margin-left: auto;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 21px;
  line-height: 26px;
}

.resume-modal.with-test .modal-resume-data.interview-data {
  padding-right: 26px;
  padding-left: 25px;
}

.resume-modal .modal-resume-data:not(:last-child) {
  margin-right: 9px;
}

.resume-modal .modal-resume-data label {
  margin-bottom: 9px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #9a9a9a;
}

.resume-modal:not(.with-test) .modal-resume-data.interview-data label {
  font-size: 19px;
  line-height: 23px;
}

.resume-modal .modal-resume-data .show-resume {
  background: #cfcfcf26;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 17px;
  margin-bottom: 8px;
  padding: 10px 10px 9px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  width: 100%;
  transition: all 0.5s;
}

.resume-modal .modal-resume-data .show-resume:not([disabled]):hover {
  background: #5367bb;
}

.resume-modal .modal-resume-data.load-test-results,
.resume-modal .modal-resume-data.load-test-results label {
  transition: all 0.5s;
}

.resume-modal .modal-resume-data.load-test-results:not([disabled]):hover {
  background: #5367bb;
}

.resume-modal .modal-resume-data.load-test-results:not([disabled]):hover label {
  color: white;
}

.resume-modal .modal-resume-data a {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
  line-height: 19px;
}

.resume-modal .modal-resume-data a[disabled] {
  text-decoration: none !important;
}

.resume-modal .modal-resume-data a img {
  width: 12px;
  margin-right: 6px;
}

.resume-modal .modal-resume-data span {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.resume-modal .modal-resume-data span img {
  width: 26px;
  height: 26px;
  margin-left: 19px;
}

.resume-modal.with-test .modal-resume-data span img {
  width: 20px;
  height: 20px;
  margin-left: 15px;
}

.resume-modal .modal-resume-data .modal-resume-data__interview-time {
  margin-left: 30px;
}

.resume-modal.with-test .modal-resume-data .modal-resume-data__interview-time {
  margin-left: 24px;
}

.resume-modal .modal-resume-data .modal-resume-data__interview-time span {
  text-decoration: underline;
}

.resume-modal .modal-resume-notes {
  margin-bottom: 17px;
}

.resume-modal .modal-resume-notes label {
  display: block;
  margin-left: 10px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 19px;
}

.resume-modal .modal-resume-notes textarea {
  border-radius: 17px;
  height: 71px;
  resize: none;
  font-size: 18px;
  line-height: 22px;
}

.resume-modal .modal-resume-buttons {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.resume-modal .modal-resume-buttons.finish {
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: -9px;
}

.resume-modal .modal-resume-buttons > div {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.resume-modal .modal-resume-buttons .modal-resume-button {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 142px;
  box-shadow: 0 3.2px 3.2px 0 #00000040;
  backdrop-filter: blur(20px);
  padding: 10px 16px 9px;
  border-radius: 44px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-transform: uppercase;
  transition: background-color 0.5s, scale 0.3s ease;
}

.resume-modal .modal-resume-buttons .modal-resume-button:active {
  scale: 0.95;
}

.resume-modal .modal-resume-buttons.finish .modal-resume-button {
  width: 177px;
  box-shadow: 0 3.99px 3.99px 0 #00000040;
  backdrop-filter: blur(25px);
  padding: 12px 12px 13px;
  border-radius: 54px;
  font-size: 16px;
  line-height: 19px;
}

.resume-modal
  .modal-resume-buttons.finish
  .modal-resume-button:not(:last-child) {
  margin-right: 30px;
}

.resume-modal .modal-resume-buttons .modal-resume-button:not(:hover) {
  background: #ffffff26;
}

.resume-modal .modal-resume-buttons .modal-resume-button .vacancy-arrow {
  margin-top: -5px;
  margin-left: 5px;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.resume-modal .modal-resume-buttons.finish .modal-resume-button .vacancy-arrow {
  width: 14px;
  height: 14px;
}

.resume-modal .modal-resume-buttons .modal-resume-button > span {
  position: relative;
}

.resume-modal .modal-resume-buttons .modal-resume-button span .vacancy-arrow {
  position: absolute;
  top: -5px;
  right: -16px;
  margin: 0 !important;
}

.resume-modal
  .modal-resume-buttons.finish
  .modal-resume-button
  span
  .vacancy-arrow {
  right: -25px;
}

.resume-modal .modal-resume-buttons .modal-resume-button .vacancy-arrow img {
  width: 6px;
}

.resume-modal
  .modal-resume-buttons.finish
  .modal-resume-button
  .vacancy-arrow
  img {
  width: 8px;
}

.resume-modal .test-choice:not(.active) {
  display: none;
}

.resume-modal .test-choice {
  position: absolute;
  top: 100%;
  padding: 38px 47px 23px 26px;
  min-height: 96px;
  background: url("../images/recruiting_resume/modal-resume-back.png") top
    center no-repeat;
  background-size: cover;
  box-shadow: 0 4px 4px 0 #00000040;
  border-radius: 22px;
  width: 459px;
  z-index: 1;
}

.resume-modal .test-choice .test-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 14px;
  height: 13px;
  display: flex;
}

.resume-modal .test-choice .test-close img {
  width: 100%;
}

.resume-modal .test-choice .checkbox-group:not(:last-child) {
  margin-bottom: 10px;
}

.resume-modal .test-choice .checkbox-group input[type="checkbox"] + label {
  font-size: 16px;
  line-height: 19px;
  color: white;
  text-shadow: 0px 4px 4px #00000040;
  padding-left: 40px;
}

.resume-modal
  .test-choice
  .checkbox-group
  input[type="checkbox"]
  + label:before {
  width: 22px;
  height: 22px;
  border-color: white;
  border-radius: 5px;
}

.resume-modal
  .test-choice
  .checkbox-group
  input[type="checkbox"]
  + label:after {
  top: 0;
  background-image: url("../images/recruiting_resume/check.png");
  width: 21px;
  height: 21px;
}

.resume-modal .test-choice .add-test {
  margin-top: 12px;
  border-radius: 42px;
  box-shadow: 0px 3.09px 3.09px 0px #00000040;
  backdrop-filter: blur(19px);
  padding: 9px 72px 10px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
  transition: background-color 0.5s, scale 0.3s ease;
}

.resume-modal .test-choice .add-test:active {
  scale: 0.95;
}

.resume-modal .test-choice .add-test:not(:hover) {
  background: #ffffff26;
}

.resume-modal .test-choice .add-test span {
  position: relative;
}

.resume-modal .test-choice .add-test .vacancy-arrow {
  position: absolute;
  top: -4px;
  right: -15px;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.resume-modal .test-choice .add-test .vacancy-arrow img {
  width: 7px;
}

.resume-modal .recruiting-vacancy-interview:not(.active) {
  display: none;
}

.resume-modal .recruiting-vacancy-interview {
  position: absolute;
  top: 100%;
  margin: 0;
  background: url("../images/recruiting_resume/modal-resume-back.png") top
    center no-repeat;
  background-size: cover;
  box-shadow: 0 4px 4px 0 #00000040;
  width: 865px;
  z-index: 1;
}

.resume-modal .recruiting-vacancy-interview .form-group {
  margin-bottom: 18px;
}

.resume-modal .recruiting-vacancy-interview .interview-info {
  font-size: 18px;
  line-height: 22px;
}

.resume-modal .recruiting-vacancy-interview .interview-save {
  white-space: nowrap;
}

.resume-modal .recruiting-vacancy-interview .form-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: end;
  align-items: end;
  margin-top: 12px;
}

.recruiting-page
  .resume-modal
  .interview-block--online
  .form-row
  > div:first-child {
  margin-right: 29px;
}

.recruiting-page
  .resume-modal
  .interview-block--video
  .form-row
  > div:first-child {
  margin-right: 20px;
}

.resume-modal .recruiting-vacancy-interview .form-row > div:last-child {
  width: 100%;
}

.resume-modal .recruiting-vacancy-interview .form-row label {
  margin-left: 17px;
}

.resume-modal .recruiting-vacancy-interview .interview-date-input {
  position: relative;
  width: 272px;
}

.recruiting-page .resume-modal .interview-block--offline .interview-date-input {
  margin-top: 6px;
  margin-left: -17px;
  width: 295px;
}

.resume-modal .recruiting-vacancy-interview .interview-date-input:after {
  content: "";
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 0;
  background: url("../images/recruiting_resume/interview-calendar.png") center
    center no-repeat;
  background-size: contain;
  width: 23px;
  height: 23px;
  margin: auto;
}

.resume-modal .recruiting-vacancy-interview .interview-date-input input,
.resume-modal .recruiting-vacancy-interview .interview-text-input {
  border-radius: 20px;
  padding: 9px 19px;
  font-size: 20px;
  line-height: 24px;
  background: white !important;
}

.recruiting-page
  .resume-modal
  .interview-block--offline
  .interview-block__body {
  padding-left: 41px;
  padding-bottom: 34px;
}

.recruiting-page .resume-modal .interview-block--online .interview-block__body {
  padding-bottom: 29px;
}

.recruiting-page .resume-modal .interview-block--online .button-color {
  margin-top: 25px;
}

.resume-modal .recruiting-vacancy-interview .video-link-input {
  padding: 11px;
}

.interview-date-modal.modal-dialog {
  max-width: 1713px;
}

.interview-date-modal .modal-content {
  background: #ffffff26;
  box-shadow: 0px 4px 4px 0px #00000040;
  backdrop-filter: blur(35px);
  border-radius: 30px;
}

.interview-date-modal .modal-content .btn-close {
  top: 46px;
  right: 42px;
  background: url("../images/recruiting_resume/modal-resume-close.png?ver=1")
    center center no-repeat;
  background-size: cover;
  width: 36px;
  height: 35px;
}

.interview-date-modal .modal-body {
  padding: 29px 130px;
}

.interview-date-modal .modal-top {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 37px;
}

.interview-date-modal .free-time-button {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-right: 5px;
  border-radius: 77px;
  border: 1px solid;
  padding: 16px 26px 17px 34px;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  box-shadow: 0px 5.62px 5.62px 0px #00000040;
  backdrop-filter: blur(35px);
}

.interview-date-modal:not(.free-time-mode) .free-time-button {
  background: #cfcfcf26;
  transition: background-color 0.5s;
}

.interview-date-modal:not(.free-time-mode) .free-time-button:hover {
  background: #5367bb;
}

.interview-date-modal:not(.free-time-mode) .free-time-button:active {
  scale: 0.95;
}

.interview-date-modal .free-time-button .vacancy-arrow {
  margin-top: -8px;
  margin-left: 14px;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.interview-date-modal .free-time-button .vacancy-arrow img {
  width: 12px;
}

.interview-date-modal .choose-month {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 738px;
}

.interview-date-modal .choose-month button {
  width: 66px;
}

.interview-date-modal .choose-month button img {
  width: 100%;
}

.interview-date-modal .choose-month .current-month {
  margin-top: 3px;
  font-weight: 500;
  font-size: 42px;
  line-height: 51px;
  text-transform: uppercase;
}

.interview-date-modal .calendar {
  background: #000000ba;
  border-radius: 40px;
  padding: 20px 28px 29px;
}

.interview-date-modal .calendar .calendar-table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 14px 24px;
  word-break: break-all;
  word-break: break-word;
}

.interview-date-modal .calendar .calendar-table .head {
  text-align: center;
  font-size: 18px;
  line-height: 21px;
}

.interview-date-modal .calendar .calendar-table > *:not(.head) {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 166px;
  padding: 4px 15px;
  font-weight: 600;
  font-size: 27px;
  line-height: 33px;
  border-radius: 21px;
  text-decoration: none !important;
}

.interview-date-modal
  .calendar
  .calendar-table
  > *:not(.head):not(.free-time):not(:nth-child(7n + 6)) {
  background: #ffffff33;
}

.interview-date-modal
  .calendar
  .calendar-table
  > *:not(.head):not(.free-time):not(:nth-child(7n + 6)).with-date {
  border: 1px solid transparent;
  transition: all 0.5s ease;
}

.interview-date-modal
  .calendar
  .calendar-table
  > *:not(.head):not(.free-time):not(:nth-child(7n + 6)).with-date:hover {
  background: transparent;
  border-color: #5367bb !important;
}

.interview-date-modal
  .calendar
  .calendar-table
  > *:not(.head):nth-child(7n + 6),
.interview-date-modal
  .calendar
  .calendar-table
  > *:not(.head):nth-child(7n + 7) {
  background: #cfcfcf26;
  color: #777777;
}

.interview-info-modal.modal-dialog {
  max-width: 983px;
}

.interview-info-modal .modal-content {
  background: url("../images/recruiting_resume/modal-resume-back.png") top
    center no-repeat;
  background-size: cover;
  border-radius: 50px;
  box-shadow: none;
}

.interview-info-modal .modal-content .btn-close {
  top: 29px;
  right: 26px;
  background: url("../images/recruiting_resume/modal-resume-close.png?ver=1")
    center center no-repeat;
  background-size: cover;
  width: 20px;
  height: 19px;
}

.interview-info-modal .modal-body {
  padding: 66px 46px 35px 37px;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
}

.interview-info-modal .form-group {
  margin-bottom: 24px;
}

.interview-info-modal .form-group label {
  margin-left: 22px;
  margin-bottom: 11px;
  color: #cfcfcf;
}

.interview-info-modal .form-control {
  border: none;
  border-radius: 20px;
  padding: 15px 37px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: white;
}

.interview-info-modal .form-control:not(.button-color) {
  background: #00000040;
}

.interview-info-modal .time-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 30px;
}

.interview-info-modal[data-date] .time-row {
  -ms-flex-pack: center;
  justify-content: center;
}

.interview-info-modal .time-row__body {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  flex-grow: 1;
}

.interview-info-modal .time-row .time-title {
  margin-bottom: 15px;
  margin-right: 30px;
}

.interview-info-modal .time-delimiter {
  margin-right: auto;
  margin-bottom: 28px;
  margin-left: auto;
  width: 15px;
  border-bottom: 2px solid white;
  flex-shrink: 0;
}

.interview-info-modal .time-block label {
  width: 100%;
  text-align: center;
  color: #9a9a9a;
  margin-bottom: 5px;
}

.interview-info-modal .time-block .time-fields {
  display: -ms-flex;
  display: flex;
}

.interview-info-modal .time-block .time-field--calendar {
  position: relative;
  background: #ffffff26;
  border-radius: 22px;
  padding: 13px 70px 13px 30px;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  margin-right: 8px;
}

.interview-info-modal .time-block .time-field--calendar:after {
  content: "";
  position: absolute;
  top: 0;
  right: 26px;
  bottom: 3px;
  margin: auto;
  background: url("../images/recruiting_resume/calendar.png") center center
    no-repeat;
  background-size: contain;
  width: 29px;
  height: 29px;
}

.interview-info-modal .time-block .time-field--calendar span {
  text-decoration: underline;
}

.interview-info-modal .time-block .select2-selection {
  border: none;
  background: #ffffff26;
  border-radius: 22px;
  width: 144px;
  height: 100%;
}

.interview-info-modal[data-date] .time-block .select2-selection {
  width: 216px;
}

.interview-info-modal .time-block .select2-selection__rendered,
.interview-time-dropdown .select2-results__option {
  padding: 13px 31px 13px 0;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  color: white;
  text-align: center;
}

.interview-info-modal .time-block .select2-selection__rendered span {
  text-decoration: underline;
}

.interview-info-modal .time-block .select2-selection__arrow {
  top: 0;
  right: 21px;
  bottom: 0;
  margin: auto;
  background: url("../images/recruiting_resume/time-arrow.png") center center
    no-repeat;
  background-size: contain;
  width: 18px;
  height: 18px;
}

.interview-info-modal
  .time-block
  .select2-container--open
  .select2-selection__arrow {
  transform: rotate(180deg);
}

.interview-info-modal .time-block .select2-selection__arrow b {
  display: none;
}

.interview-time-dropdown {
  background: #ffffff26;
  backdrop-filter: blur(23px);
  border: none;
}

.interview-time-dropdown .select2-search--dropdown .select2-search__field {
  background: transparent;
  border: none;
}

.interview-time-dropdown .select2-results__option {
  background: transparent;
}

.interview-info-modal .reminder-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 22px;
  margin-bottom: 24px;
}

.interview-info-modal .reminder-title {
  margin-right: 10px;
}

.interview-info-modal .reminder-list {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.interview-info-modal .reminder-add,
.interview-info-modal .time-add {
  margin-left: 12px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #9a9a9a;
}

.interview-info-modal .reminder-possible-variants:not(.active) {
  display: none;
}

.interview-info-modal .reminder-possible-variants {
  position: absolute;
  top: 100%;
  right: 0;
  background: #ffffff26;
  backdrop-filter: blur(23px);
  border-radius: 15px;
  z-index: 1;
}

.interview-info-modal .reminder-item {
  position: relative;
  padding: 7px 30px 7px 22px;
  font-weight: 500;
  white-space: nowrap;
}

.interview-info-modal
  .reminder-possible-variants
  .reminder-item
  .delete-reminder {
  display: none;
}

.interview-info-modal .reminder-list > .reminder-item {
  margin-left: 7px;
  border-radius: 15px;
  background: #ffffff26;
}

.interview-info-modal .reminder-item .delete-reminder {
  position: absolute;
  top: 3px;
  right: 15px;
  bottom: 0;
  margin: auto;
  background: url("../images/recruiting_resume/modal-resume-close.png") center
    center no-repeat;
  background-size: contain;
  width: 7px;
  height: 7px;
}

.interview-info-modal .save-interview,
.interview-info-modal .save-free-time {
  box-shadow: 0 3.73px 3.73px 0 #00000040;
  backdrop-filter: blur(23px);
  border-radius: 51px;
  padding: 11px 23px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
}

@media (max-width: 1599.5px) {
  .page-top-image .top-back {
    bottom: 37px;
    left: 54px;
    width: 52px;
    height: 52px;
    box-shadow: 0 3px 3px 0 #00000040;
  }

  .page-top-image .edit-link {
    right: 57px;
    bottom: 39px;
    font-size: 15px;
    line-height: 18px;
  }

  .page-top-image .edit-link > img {
    width: 18px;
    margin-right: 8px;
  }

  .recruiting-menu {
    margin: 22px 15px 15px -18px;
    padding: 19px 46px 18px 154px;
    max-width: 1360px;
  }

  .recruiting-menu .top-back {
    top: 18px;
    left: 84px;
    width: 42px;
    height: 42px;
    box-shadow: 0px 2.4px 2.4px 0px #00000040;
  }

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

  .recruiting-menu__title {
    width: 190px;
    font-size: 16px;
    line-height: 19px;
  }

  .recruiting-menu__row.hiring-row .recruiting-menu__title {
    margin-top: 6px;
  }

  .recruiting-menu__row .vacancy-button,
  .recruiting-vacancy-info .vacancy-info-button {
    max-width: 282px;
    border-radius: 46px;
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
  }

  .recruiting-menu__row .vacancy-button:not(:last-child) {
    margin-right: 6px;
  }

  .recruiting-vacancy-info .vacancy-info-button:not(:last-child) {
    margin-right: 27px;
  }

  .recruiting-menu__row .vacancy-button .vacancy-arrow,
  .recruiting-vacancy-info .vacancy-info-button .vacancy-arrow {
    top: -4px;
    right: -16px;
    width: 11px;
    height: 11px;
  }

  .recruiting-menu__row .vacancy-button .vacancy-arrow img,
  .recruiting-vacancy-info .vacancy-info-button .vacancy-arrow img {
    width: 7px;
  }

  .recruiting-menu__row .recruiting-menu__title:not(.active) + .vacancies-list {
    max-height: 31px !important;
  }

  .recruiting-menu__row .vacancy-line {
    font-size: 15px;
    line-height: 18px;
  }

  .recruiting-menu__row .vacancy-line:not(:last-child) {
    margin-bottom: 12px;
  }

  .recruiting-menu__row .vacancy-item {
    border-radius: 14px;
    padding: 7px 31px;
    font-size: 13px;
    line-height: 15px;
  }

  .recruiting-menu__row .vacancy-line > span {
    margin-left: 15px;
    margin-right: 18px;
  }

  .recruiting-menu__row .vacancy-line .vacancy-count {
    width: 73px;
    border-radius: 14px;
    padding-bottom: 1px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-menu__row .vacancy-line .vacancy-count--new {
    margin-left: 10px;
  }

  .recruiting-menu__row .vacancy-line .vacancy-count .number {
    margin-bottom: -1px;
    font-size: 13px;
    line-height: 15px;
  }

  .recruiting-company-info {
    margin: 8px 97px 39px 135px;
    border-radius: 37px;
    padding: 27px 30px 27px 25px;
  }

  .recruiting-company-info .btn-edit {
    top: 28px;
    right: 30px;
    font-size: 15px;
    line-height: 18px;
  }

  .recruiting-company-info .btn-edit img {
    width: 16px;
    margin-right: 9px;
  }

  .recruiting-company-info .title {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 13px;
  }

  .recruiting-page form label {
    margin-bottom: 7px;
    padding: 0 12px;
  }

  .recruiting-company-info .logo-block {
    margin-right: 36px;
  }

  .recruiting-company-info .logo-block > div {
    margin-bottom: 25px;
  }

  .recruiting-company-info .logo-block .loaded-logo {
    width: 102px;
    height: 99px;
    border-radius: 18px;
    margin-bottom: 10px;
    padding: 8px;
  }

  .recruiting-company-info .logo-block .dropzone {
    width: 102px;
    height: 99px;
    border-radius: 7px;
    font-size: 6px;
    line-height: 7px;
  }

  .recruiting-company-info .logo-block .dropzone img {
    width: 21px;
    margin-bottom: 6px;
  }

  .recruiting-company-info .logo-block .dropzone span span {
    font-size: 7px;
    line-height: 10px;
  }

  .recruiting-company-info .logo-block .open-gallery {
    border-radius: 18px;
    margin-top: 7px;
    width: 102px;
    padding: 5px;
    font-size: 9px;
    line-height: 9px;
  }

  .recruiting-company-info .logo-block .open-gallery img {
    width: 10px;
    height: 10px;
    margin-right: 5px;
  }

  .recruiting-company-info .logo-block .delete-button {
    top: 7px;
    right: 4px;
    border-radius: 11px;
    padding: 2px 6px 3px;
  }

  .recruiting-company-info .logo-block .delete-button img {
    width: 15px;
  }

  #galleryModal .modal-dialog {
    max-width: 1392px;
  }

  #galleryModal .modal-content {
    border-radius: 18px;
  }

  #galleryModal .modal-content .btn-close {
    top: 14px;
    right: 13px;
    width: 15px;
    height: 14px;
  }

  #galleryModal .modal-body {
    padding: 15px 43px 22px 42px;
  }

  #galleryModal .modal-title {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 15px;
  }

  #galleryModal .gallery-grid {
    grid-gap: 12px;
  }

  #galleryModal .gallery-grid > div > img {
    height: 129px;
  }

  .recruiting-company-info .logo-block .choose-text {
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-company-info .logo-block .choose-text span {
    font-size: 13px;
    line-height: 16px;
  }

  .recruiting-page form .form-group,
  .recruiting-page form .about-text {
    margin-bottom: 7px;
  }

  .recruiting-page form .about-text .about-field-button {
    top: 10px;
    left: 7px;
    width: 21px;
  }

  .recruiting-company-info .form-row > .form-group:not(:last-child) {
    margin-right: 18px;
  }

  .recruiting-company-info .form-row > .form-group:last-child {
    width: 276px;
  }

  .recruiting-page form .form-control {
    padding: 8px 13px;
    border-radius: 15px;
    font-size: 13px;
    line-height: 16px;
  }

  .recruiting-page form div.mce-edit-area iframe {
    min-height: 96px;
    border-radius: 15px;
  }

  .recruiting-page form .about-file {
    padding: 0 6px 6px;
    height: 96px;
    border-radius: 15px;
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-page form .about-file .back-image {
    border-radius: 15px;
  }

  .recruiting-page form .about-file .choose-about-text img {
    width: 24px;
    margin-bottom: 6px;
  }

  .recruiting-page form .about-file span {
    font-size: 13px;
    line-height: 16px;
  }

  .recruiting-company-info button[type="submit"] {
    padding: 10px 10px 9px;
    margin-top: 21px;
    width: 352px;
    border-radius: 45px;
    box-shadow: 0px 3.34px 3.34px 0px #00000040;
    font-size: 13px;
    line-height: 16px;
  }

  .recruiting-vacancy-info {
    margin: 0 30px 24px 54px;
  }

  .recruiting-vacancy-info .vacancy-buttons {
    margin-bottom: 21px;
  }

  .recruiting-vacancy-info .vacancy-item {
    margin-bottom: 10px;
  }

  .recruiting-vacancy-info .vacancy-item .vacancy-name {
    padding: 8px 30px;
    border-radius: 14px;
    font-size: 13px;
    line-height: 15px;
  }

  .recruiting-vacancy-info .vacancy-item > button:not(.vacancy-name) {
    margin-left: 31px;
    font-size: 13px;
    line-height: 15px;
    height: 15px;
  }

  .recruiting-vacancy-info .vacancy-item > button:not(.vacancy-name) img {
    margin-bottom: -6px;
    margin-left: 6px;
    width: 48px;
  }

  .recruiting-vacancy-info .vacancy-item .vacancy-remove {
    width: 25px;
    margin-left: 25px;
  }

  .create-vacancy-block {
    margin-top: 22px;
    border-radius: 37px;
    max-width: 676px;
    padding: 21px 22px 24px;
  }

  .create-vacancy-block .title {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 21px;
  }

  .create-vacancy-block .title .title-arrow {
    top: -3px;
    right: -24px;
    width: 13px;
    height: 13px;
  }

  .create-vacancy-block .title .title-arrow img {
    width: 9px;
  }

  .create-vacancy-block button {
    border-radius: 15px;
    width: 234px;
    height: 103px;
    font-size: 100px;
    line-height: 123px;
    margin-bottom: 5px;
  }

  .create-vacancy-block button + label {
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-vacancy-data {
    margin-top: 1px;
    border-radius: 30px;
    padding: 18px 25px 21px;
  }

  .recruiting-vacancy-data .title {
    margin-bottom: -5px;
    font-size: 19px;
    line-height: 24px;
  }

  .recruiting-vacancy-data .form-row .form-group:not(:last-child) {
    margin-right: 27px;
  }

  .recruiting-vacancy-data .small-control {
    width: 358px;
  }

  .recruiting-vacancy-data .question-row + .question-row {
    margin-top: 12px;
  }

  .recruiting-vacancy-data .question-row button {
    width: 127px;
    border-radius: 24px;
    margin-left: 12px;
    box-shadow: 0px 1.72px 1.72px 0px #00000040;
    font-size: 9px;
    line-height: 10px;
  }

  .recruiting-vacancy-data .question-row button:not(:last-child) {
    margin-left: 28px;
  }

  .recruiting-vacancy-data .question-row button .vacancy-arrow {
    margin-top: -2px;
    margin-left: 2px;
  }

  .recruiting-vacancy-data .add-question {
    margin-top: 4px;
    margin-left: 12px;
    margin-bottom: -6px;
    font-size: 13px;
    line-height: 16px;
  }

  .recruiting-vacancy-data .buttons {
    margin-top: 28px;
  }

  .recruiting-vacancy-data .button-row button:not([type="submit"]) {
    box-shadow: 0 3.39px 3.39px 0 #00000040;
    border-radius: 46px;
    max-width: 282px;
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
  }

  .recruiting-vacancy-data .button-row button .vacancy-arrow {
    width: 11px;
    height: 11px;
    margin-top: -6px;
    margin-left: 4px;
  }

  .recruiting-vacancy-data .button-row button .vacancy-arrow img {
    width: 7px;
  }

  .recruiting-vacancy-data .button-row button span .vacancy-arrow {
    top: -4px;
    right: -19px;
  }

  .recruiting-vacancy-data .button-row button:not(:first-child) {
    margin-left: 28px;
  }

  .recruiting-vacancy-data .button-row button[type="submit"] {
    padding: 10px 18px 10px 21px;
    border-radius: 46px;
    font-size: 13px;
    line-height: 16px;
    margin-left: 48px;
  }

  .modal-vacancy-delete .modal-dialog {
    max-width: 358px;
  }

  .modal-vacancy-delete .modal-content {
    border-radius: 18px;
  }

  .modal-vacancy-delete .modal-content .btn-close {
    top: 10px;
    right: 10px;
    width: 10px;
    height: 9px;
  }

  .modal-vacancy-delete .modal-body {
    padding: 25px 18px 24px;
  }

  .modal-vacancy-delete .modal-content .modal-title {
    margin-bottom: 13px;
    text-shadow: 0 3px 3px #00000040;
    font-size: 16px;
    line-height: 21px;
  }

  .modal-vacancy-delete .modal-content .buttons-row button {
    border-radius: 25px;
    padding: 4px;
    box-shadow: 0 1.9px 1.9px 0 #00000040;
  }

  .modal-vacancy-delete .modal-content .buttons-row button:not(:last-child) {
    margin-right: 25px;
  }

  .modal-vacancy-delete .modal-content .buttons-row button span .vacancy-arrow {
    top: -3px;
  }

  .recruiting-vacancy-access {
    margin: 1px auto;
    border-radius: 45px;
    padding: 28px;
    max-width: 699px;
  }

  .recruiting-vacancy-access .btn-close {
    top: 28px;
    right: 27px;
    width: 18px;
    height: 18px;
  }

  .recruiting-page .recruiting-vacancy-access .form-group {
    max-width: 469px;
    margin-bottom: 14px;
  }

  .recruiting-page .recruiting-vacancy-access .form-control {
    padding: 9px 9px 7px;
    font-size: 16px;
    line-height: 19px;
  }

  .recruiting-vacancy-access .generate {
    padding: 10px 10px 9px;
    width: 232px;
    box-shadow: 0 2.5px 2.5px 0 #00000040;
    border-radius: 45px;
    font-size: 13px;
    line-height: 16px;
  }

  .recruiting-vacancy-test {
    margin-top: 19px;
    border-radius: 30px;
    padding: 18px 25px 19px;
  }

  .recruiting-vacancy-test.creating {
    max-width: 676px;
    margin-top: 22px;
    padding-top: 21px;
    padding-bottom: 24px;
  }

  #test.recruiting-vacancy-info .recruiting-vacancy-test.creating {
    margin-bottom: 205px;
  }

  #test.recruiting-vacancy-info .test-list {
    padding: 7px 49px 13px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__title {
    font-size: 10px;
    line-height: 13px;
    margin-bottom: 7px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__arrow.left {
    left: 8px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__arrow.right {
    right: 8px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__arrow button {
    width: 21px;
    height: 21px;
  }

  #test.recruiting-vacancy-info .test-list .test-item {
    border-radius: 9px;
    box-shadow: 0px 1.81px 1.81px 0px #00000040;
    height: 130px;
    margin: 0 7px;
    padding: 12px 7px;
    font-size: 10px;
    line-height: 11px;
  }

  #test.recruiting-vacancy-info .test-item .test-item__buttons {
    top: 7px;
    right: 6px;
    border-radius: 18px;
    padding: 2px 11px 3px;
  }

  #test.recruiting-vacancy-info .test-item .test-item__buttons .btn {
    width: 15px;
    height: 15px;
  }

  #test.recruiting-vacancy-info
    .test-item
    .test-item__buttons
    .btn:first-child {
    width: 13px;
    height: 13px;
    margin-right: 9px;
  }

  .recruiting-vacancy-test .btn-close {
    top: 24px;
    right: 42px;
    width: 15px;
    height: 13px;
  }

  .recruiting-vacancy-test .title {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: -5px;
  }

  .recruiting-vacancy-test .title .vacancy-arrow {
    margin-top: -3px;
    margin-left: 7px;
    width: 13px;
    height: 13px;
  }

  .recruiting-vacancy-test .title .vacancy-arrow img {
    width: 7px;
  }

  .recruiting-vacancy-test .create-test {
    border-radius: 15px;
    width: 234px;
    height: 103px;
    font-size: 100px;
    line-height: 123px;
    margin: 25px auto 5px;
  }

  .recruiting-vacancy-test .create-test + label {
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-vacancy-test .test-form .test-top-field {
    border-width: 2px;
    border-radius: 15px;
    padding: 10px 21px 12px;
  }

  .recruiting-vacancy-test .test-form .test-top-field input:first-child {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 3px;
  }

  .recruiting-vacancy-test .test-form .test-top-field input:nth-child(2) {
    font-size: 13px;
    line-height: 16px;
  }

  .recruiting-vacancy-test .test-form .test-file-block {
    margin-left: 30px;
  }

  .recruiting-vacancy-test .test-form .question-block {
    margin-top: 15px;
  }

  .recruiting-vacancy-test .test-form .chapter {
    margin-bottom: 22px;
  }

  .recruiting-vacancy-test .test-form .question-title {
    border-radius: 15px;
    padding: 7px 247px;
  }

  .recruiting-vacancy-test .test-form .question-title textarea {
    font-size: 13px;
    line-height: 16px;
    border-radius: 13px;
  }

  .recruiting-vacancy-test .test-form .question-title .question-buttons {
    top: 4px;
    right: 46px;
  }

  .recruiting-vacancy-test .test-form .question-buttons button {
    width: 21px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-buttons
    button:not(:last-child) {
    margin-right: 22px;
  }

  .recruiting-vacancy-test .test-form .question-buttons button:nth-child(3) {
    width: 25px;
  }

  .recruiting-vacancy-test .test-form .question-title .toggle-question {
    top: 7px;
    right: 9px;
    width: 18px;
    height: 18px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title.collapsed
    .toggle-question {
    box-shadow: 0 3px 11.25px 0 #00000040;
  }

  .recruiting-vacancy-test .test-form .question-title .question-type {
    right: 34px;
    height: 68px;
    border-radius: 25px;
    padding: 10px 25px 10px 16px;
    box-shadow: 0 3px 11.25px 0 #00000040;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title
    .question-type
    button:not(:last-child) {
    margin-right: 10px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title
    .question-type
    button
    img {
    width: 21px;
    height: 24px;
    margin-bottom: 4px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title
    .question-type
    button:first-child
    img {
    width: 22px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title
    .question-type
    button:first-child
    img {
    width: 24px;
  }

  .recruiting-vacancy-test .test-form .answers-block {
    margin-top: 13px;
    min-height: 103px;
    border-radius: 18px;
    padding: 21px 45px 18px 22px;
  }

  .recruiting-vacancy-test
    .test-form
    .answers-block
    .form-group:not(:last-child) {
    margin-bottom: 10px;
  }

  .recruiting-vacancy-test .test-form .answers-block .form-group label {
    width: 16px;
    height: 16px;
    margin-right: 13px;
    border-radius: 3px;
  }

  .recruiting-vacancy-test
    .test-form
    .answers-block
    .form-group
    input:checked
    + label:before {
    width: 15px;
    height: 15px;
  }

  .recruiting-vacancy-test .test-form .answers-block .form-group textarea {
    font-size: 12px;
    line-height: 13px;
  }

  .recruiting-vacancy-test .test-form .answers-block .add-answer {
    margin-top: -12px;
    margin-left: 30px;
    font-size: 12px;
    line-height: 19px;
  }

  .recruiting-vacancy-test .test-form .answers-buttons {
    top: 4px;
    right: 6px;
    width: 24px;
    padding: 10px 0 11px;
    border-radius: 18px;
  }

  .recruiting-vacancy-test .test-form .answers-buttons button {
    width: 13px;
  }

  .recruiting-vacancy-test .test-form .answers-buttons button:not(:last-child) {
    margin-bottom: 7px;
  }

  .recruiting-vacancy-test .test-form .answers-buttons button:nth-child(2) {
    width: 15px;
  }

  .recruiting-vacancy-test .test-form .test-buttons {
    top: 10px;
    right: 25px;
    padding: 8px 15px 8px 18px;
    border-radius: 18px;
  }

  .recruiting-vacancy-test .test-form .test-buttons button {
    width: 16px;
  }

  .recruiting-vacancy-test .test-form .test-buttons button:not(:last-child) {
    margin-right: 19px;
  }

  .recruiting-vacancy-test .test-form .test-buttons button:nth-child(2) {
    width: 18px;
  }

  .recruiting-vacancy-test .save-test {
    margin-top: 13px;
    padding: 10px;
    width: 168px;
    border-radius: 45px;
    font-size: 13px;
    line-height: 16px;
  }

  .recruiting-vacancy-interview {
    margin: 96px 105px 169px 111px;
    border-radius: 40px;
    padding: 24px 61px;
    max-width: 699px;
  }

  .recruiting-vacancy-interview .btn-close {
    top: 27px !important;
    right: 25px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .recruiting-vacancy-interview .title {
    font-size: 22px;
    line-height: 27px;
    margin-bottom: 19px;
  }

  .recruiting-vacancy-interview .title span .vacancy-arrow {
    top: -3px;
    right: -24px;
    width: 13px;
    height: 13px;
  }

  .recruiting-vacancy-interview .title .vacancy-arrow img {
    width: 9px;
  }

  .recruiting-vacancy-interview .buttons .interview-button {
    padding: 10px;
    border-width: 2px;
    border-radius: 16px;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 10px;
  }

  .vacancy-interview-block .interview-block--offline {
    max-width: 577px;
    margin: 60px auto;
    padding-right: 12px;
  }

  .vacancy-interview-block .interview-block--online {
    max-width: 565px;
    margin: 60px auto;
  }

  .vacancy-interview-block .interview-block--video {
    max-width: 985px;
    margin: 22px auto;
  }

  .recruiting-page .interview-block .interview-block__body {
    border-radius: 18px;
  }

  .recruiting-page .interview-block--offline .interview-block__body {
    padding: 16px 18px 21px;
  }

  .recruiting-page .interview-block--online .interview-block__body {
    padding: 13px 48px;
  }

  .recruiting-page .interview-block--video .interview-block__body {
    padding: 16px 43px 21px 48px;
  }

  .recruiting-page .interview-block .interview-close {
    top: 13px;
    right: 13px;
    width: 8px;
    height: 8px;
  }

  .recruiting-page .interview-block--offline .interview-close {
    top: 11px;
    right: 11px;
  }

  .recruiting-page .interview-block--video .interview-close {
    right: 18px;
    width: 13px;
    height: 13px;
  }

  .recruiting-page .interview-block .interview-offline-grid {
    grid-gap: 0 9px;
  }

  .recruiting-page .interview-block--offline .button-color {
    margin-top: 15px;
    margin-left: 13px;
    font-size: 12px;
    line-height: 14px;
    padding: 8px 15px 9px 16px;
    border-radius: 37px;
  }

  .recruiting-page .interview-block--online input[type="text"],
  .recruiting-page .resume-modal .interview-block--video input[type="text"] {
    border-radius: 18px;
    padding: 10px 19px 9px 11px;
    font-size: 16px;
    line-height: 19px;
  }

  .recruiting-page .interview-block--online .button-color {
    margin-top: 10px;
    font-size: 13px;
    line-height: 16px;
    padding: 10px 16px 10px 21px;
    border-radius: 45px;
  }

  .recruiting-page .interview-block--video .form-control {
    padding-right: 16px;
    padding-left: 16px;
  }

  .recruiting-page .interview-block--video .add-question {
    margin-top: -4px;
    margin-left: 13px;
  }

  .recruiting-page
    .interview-block--video
    input[type="text"]:not(.form-control) {
    max-width: 469px;
    border-radius: 18px;
    padding: 10px 9px 9px;
    font-size: 16px;
    line-height: 19px;
    margin-top: 16px;
  }

  .recruiting-page .interview-block--video .button-color {
    margin-top: 10px;
    font-size: 13px;
    line-height: 16px;
    padding: 10px 16px 10px 21px;
    border-radius: 45px;
  }

  .recruiting-resume {
    margin-top: -4px;
    padding: 0 55px 27px 54px;
  }

  .recruiting-resume__top {
    margin-bottom: 10px;
  }

  .recruiting-resume__top .recruiting-resume__back {
    width: 31px;
    height: 31px;
    margin-right: 21px;
  }

  .recruiting-resume__top .recruiting-resume__vacancy {
    padding: 0 31px;
    border-radius: 14px;
    box-shadow: 0 2.91px 2.91px 0 #00000040;
    font-size: 13px;
    line-height: 15px;
  }

  .recruiting-resume__top .recruiting-resume__calendar-button {
    width: 31px;
    height: 31px;
    margin-left: 13px;
  }

  .recruiting-resume__top .recruiting-resume__calendar {
    margin-top: 18px;
    border-radius: 11px;
    padding: 13px 0 8px;
    width: 217px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .choose-month {
    margin-bottom: 15px;
    padding: 0 10px 0 16px;
    font-size: 10px;
    line-height: 13px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .choose-month button {
    width: 16px;
  }

  .recruiting-resume__top
    .recruiting-resume__calendar
    .choose-month
    button:not(:last-child) {
    margin-right: 10px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .calendar-table {
    grid-gap: 9px;
    margin-right: 8px;
    margin-left: 13px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .calendar-table .line {
    top: 18px;
    right: -8px;
    left: -13px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .calendar-table .head {
    font-size: 10px;
    line-height: 13px;
  }

  .recruiting-resume__top
    .recruiting-resume__calendar
    .calendar-table
    .short-month {
    padding-left: 3px;
  }

  .recruiting-resume__top
    .recruiting-resume__calendar
    .calendar-table
    > *:not(.head):not(.line) {
    width: 19px;
    height: 19px;
    font-size: 10px;
    line-height: 13px;
  }

  .recruiting-resume__body {
    grid-gap: 7px 5px;
  }

  .recruiting-resume__body .recruiting-resume__type {
    border-radius: 14px;
    height: 33px;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 8px;
  }

  .recruiting-resume__body .recruiting-resume__type .count {
    top: -6px;
    right: 10px;
    min-width: 11px;
    height: 11px;
    padding: 0 3px;
    font-size: 7px;
    line-height: 9px;
  }

  .recruiting-resume-item {
    border-radius: 15px;
    padding: 15px 82px 10px 18px;
    font-size: 13px;
    line-height: 15px;
  }

  .recruiting-resume-item:hover {
    box-shadow: 0 2.73px 10.16px 0 #000000;
  }

  .recruiting-resume-item:not(:last-child) {
    margin-bottom: 8px;
  }

  .recruiting-resume-item .recruiting-resume-item__image-block {
    top: 9px;
    right: 11px;
    font-size: 8px;
    line-height: 10px;
  }

  .recruiting-resume-item.with-test .recruiting-resume-item__image-block {
    top: 10px;
    right: 18px;
  }

  .recruiting-resume-item .recruiting-resume-item__image {
    width: 60px;
    height: 60px;
    margin-bottom: 2px;
  }

  .recruiting-resume-item .recruiting-resume-item__title {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 14px;
  }

  .recruiting-resume-item .recruiting-resume-item__test-info {
    margin-top: 7px;
    font-size: 21px;
    line-height: 25px;
  }

  .recruiting-resume-item .recruiting-resume-item__test-info label {
    font-size: 10px;
    line-height: 13px;
    margin-bottom: -2px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__link {
    margin: 10px -22px 3px auto;
  }

  .recruiting-resume-item .recruiting-resume-item__interview-date {
    right: 15px;
    bottom: 10px;
    font-size: 13px;
    line-height: 15px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    + .recruiting-resume-item__interview-date {
    top: 88px;
    right: 16px;
  }

  .recruiting-resume-item .recruiting-resume-item__overdue-text {
    top: -6px;
    left: 18px;
    border-radius: 15px;
    padding: 3px 11px;
    font-size: 8px;
    line-height: 10px;
  }

  .recruiting-resume-item .recruiting-resume-item__link {
    margin-top: 15px;
    margin-bottom: 13px;
    border-radius: 25px;
    max-width: 135px;
    box-shadow: 0 1.84px 1.84px 0 #00000040;
    padding: 6px;
    font-size: 7px;
    line-height: 9px;
  }

  .recruiting-resume-item .recruiting-resume-item__link span .vacancy-arrow {
    top: -3px;
    right: -10px;
    width: 7px;
    height: 7px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__link
    span
    .vacancy-arrow
    img {
    width: 4px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__contacts {
    right: 18px;
    bottom: 14px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__contacts
    > *:not(:last-child) {
    margin-bottom: 6px;
  }

  .recruiting-resume-item .recruiting-resume-item__contacts > * {
    width: 21px;
    height: 21px;
  }

  .recruiting-resume-item .recruiting-resume-item__contacts > *:first-child {
    width: 18px;
    height: 18px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__contacts
    > *:not(:last-child) {
    margin-right: 10px;
  }

  .recruiting-resume-item .recruiting-resume-item__contacts .chat-button span {
    width: 8px;
    height: 8px;
    font-size: 6px;
    line-height: 7px;
  }

  .resume-modal.modal-dialog {
    max-width: 756px;
  }

  .resume-modal .modal-content {
    border-radius: 22px;
  }

  .resume-modal .modal-content .btn-close {
    top: 13px;
    right: 13px;
    width: 11px;
    height: 10px;
  }

  .resume-modal .modal-body {
    padding: 28px 39px 28px 37px;
  }

  .resume-modal .modal-top {
    margin-bottom: 24px;
  }

  .resume-modal.with-test .modal-top {
    margin-bottom: 12px;
  }

  .resume-modal .modal-top .modal-top-left {
    width: 126px;
    margin-right: 21px;
  }

  .resume-modal .modal-top .modal-resume-image {
    width: 126px;
    height: 126px;
    margin-bottom: 16px;
  }

  .resume-modal .modal-resume-title {
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 15px;
  }

  .resume-modal .modal-top .modal-top-left label {
    font-size: 11px;
    line-height: 14px;
  }

  .resume-modal .modal-top .modal-top-left .birthday {
    font-size: 13px;
    line-height: 15px;
  }

  .resume-modal .modal-resume-answer {
    margin-bottom: 7px;
    border-radius: 13px;
    padding: 6px 11px;
    font-size: 11px;
    line-height: 14px;
    height: 60px;
  }

  .resume-modal .modal-resume-vacancy {
    margin: 15px 0;
    border-radius: 13px;
    padding: 10px 11px;
    font-size: 11px;
    line-height: 14px;
  }

  .resume-modal .modal-resume-contacts > * {
    width: 19px;
    height: 19px;
  }

  .resume-modal .modal-resume-contacts > *:first-child {
    width: 16px;
    height: 16px;
    margin-left: 2px;
  }

  .resume-modal .modal-resume-contacts > *:not(:last-child) {
    margin-right: 10px;
  }

  .resume-modal .modal-resume-contacts .chat-button span {
    width: 8px;
    height: 8px;
    font-size: 6px;
    line-height: 7px;
  }

  .resume-modal .modal-resume-data-line {
    margin-bottom: 13px;
  }

  .resume-modal .modal-resume-data {
    width: 127px;
    border-radius: 13px;
    padding: 7px 7px 8px;
    font-size: 13px;
    line-height: 15px;
  }

  .resume-modal .modal-resume-data.interview-data {
    padding-right: 24px;
    padding-left: 24px;
  }

  .resume-modal:not(.with-test) .modal-resume-data.interview-data {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 19px;
  }

  .resume-modal.with-test .modal-resume-data.interview-data {
    padding-right: 19px;
    padding-left: 18px;
  }

  .resume-modal .modal-resume-data:not(:last-child) {
    margin-right: 7px;
  }

  .resume-modal .modal-resume-data label {
    margin-bottom: 7px;
    font-size: 11px;
    line-height: 13px;
  }

  .resume-modal:not(.with-test) .modal-resume-data.interview-data label {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 16px;
  }

  .resume-modal .modal-resume-data .show-resume {
    box-shadow: 0px 3px 3px 0px #00000040;
    border-radius: 13px;
    margin-bottom: 6px;
    padding: 7px;
    font-size: 11px;
    line-height: 13px;
  }

  .resume-modal .modal-resume-data a {
    font-size: 11px;
    line-height: 14px;
  }

  .resume-modal .modal-resume-data a img {
    width: 9px;
    margin-right: 4px;
  }

  .resume-modal .modal-resume-data span img {
    width: 19px;
    height: 19px;
    margin-left: 14px;
  }

  .resume-modal.with-test .modal-resume-data span img {
    width: 15px;
    height: 15px;
    margin-left: 11px;
  }

  .resume-modal .modal-resume-data .modal-resume-data__interview-time {
    margin-left: 22px;
  }

  .resume-modal.with-test
    .modal-resume-data
    .modal-resume-data__interview-time {
    margin-left: 18px;
  }

  .resume-modal .modal-resume-notes {
    margin-bottom: 13px;
  }

  .resume-modal .modal-resume-notes label {
    margin-left: 7px;
    margin-bottom: 7px;
    font-size: 11px;
    line-height: 14px;
  }

  .resume-modal .modal-resume-notes textarea {
    border-radius: 13px;
    height: 52px;
    font-size: 13px;
    line-height: 16px;
  }

  .resume-modal .modal-resume-buttons.finish {
    margin-bottom: -7px;
  }

  .resume-modal .modal-resume-buttons .modal-resume-button {
    min-width: 106px;
    box-shadow: 0 2.4px 2.4px 0 #00000040;
    padding: 7px 12px;
    border-radius: 33px;
    font-size: 10px;
    line-height: 12px;
  }

  .resume-modal .modal-resume-buttons.finish .modal-resume-button {
    width: 132px;
    box-shadow: 0 2.98px 2.98px 0 #00000040;
    padding: 9px 9px 10px;
    border-radius: 40px;
    font-size: 12px;
    line-height: 14px;
  }

  .resume-modal
    .modal-resume-buttons.finish
    .modal-resume-button:not(:last-child) {
    margin-right: 22px;
  }

  .resume-modal .modal-resume-buttons .modal-resume-button .vacancy-arrow {
    margin-top: -4px;
    margin-left: 4px;
    width: 8px;
    height: 8px;
  }

  .resume-modal
    .modal-resume-buttons.finish
    .modal-resume-button
    .vacancy-arrow {
    width: 10px;
    height: 10px;
  }

  .resume-modal .modal-resume-buttons .modal-resume-button span .vacancy-arrow {
    top: -4px;
    right: -12px;
  }

  .resume-modal
    .modal-resume-buttons.finish
    .modal-resume-button
    span
    .vacancy-arrow {
    right: -18px;
  }

  .resume-modal .modal-resume-buttons .modal-resume-button .vacancy-arrow img {
    width: 4px;
  }

  .resume-modal
    .modal-resume-buttons.finish
    .modal-resume-button
    .vacancy-arrow
    img {
    width: 6px;
  }

  .resume-modal .test-choice {
    padding: 28px 34px 16px 19px;
    min-height: 72px;
    box-shadow: 0 3px 3px 0 #00000040;
    border-radius: 16px;
    width: 343px;
  }

  .resume-modal .test-choice .test-close {
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
  }

  .resume-modal .test-choice .checkbox-group:not(:last-child) {
    margin-bottom: 7px;
  }

  .resume-modal .test-choice .checkbox-group input[type="checkbox"] + label {
    font-size: 12px;
    line-height: 14px;
    text-shadow: 0 3px 3px #00000040;
    padding-left: 30px;
  }

  .resume-modal
    .test-choice
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 16px;
    height: 16px;
    border-radius: 4px;
  }

  .resume-modal
    .test-choice
    .checkbox-group
    input[type="checkbox"]
    + label:after {
    width: 15px;
    height: 15px;
  }

  .resume-modal .test-choice .add-test {
    margin-top: 9px;
    border-radius: 31px;
    box-shadow: 0 2.31px 2.31px 0 #00000040;
    padding: 7px 54px 7px;
    font-size: 9px;
    line-height: 11px;
  }

  .resume-modal .test-choice .add-test .vacancy-arrow {
    top: -3px;
    right: -11px;
    width: 8px;
    height: 8px;
  }

  .resume-modal .test-choice .add-test .vacancy-arrow img {
    width: 5px;
  }

  .resume-modal .recruiting-vacancy-interview {
    box-shadow: 0 3px 3px 0 #00000040;
    width: 648px;
  }

  .resume-modal .recruiting-vacancy-interview .form-group {
    margin-bottom: 13px;
  }

  .resume-modal .recruiting-vacancy-interview .interview-info {
    font-size: 13px;
    line-height: 16px;
  }

  .resume-modal .recruiting-vacancy-interview .form-row {
    margin-top: 9px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--online
    .form-row
    > div:first-child {
    margin-right: 21px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--video
    .form-row
    > div:first-child {
    margin-right: 15px;
  }

  .resume-modal .recruiting-vacancy-interview .form-row label {
    margin-left: 13px;
  }

  .resume-modal .recruiting-vacancy-interview .interview-date-input {
    width: 204px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--offline
    .interview-date-input {
    margin-top: 4px;
    margin-left: -13px;
    width: 220px;
  }

  .resume-modal .recruiting-vacancy-interview .interview-date-input:after {
    right: 13px;
    width: 16px;
    height: 16px;
  }

  .resume-modal .recruiting-vacancy-interview .interview-date-input input,
  .resume-modal .recruiting-vacancy-interview .interview-text-input {
    border-radius: 15px;
    padding: 6px 14px;
    font-size: 15px;
    line-height: 18px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--offline
    .interview-block__body {
    padding-left: 30px;
    padding-bottom: 25px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--online
    .interview-block__body {
    padding-bottom: 21px;
  }

  .recruiting-page .resume-modal .interview-block--online .button-color {
    margin-top: 18px;
  }

  .resume-modal .recruiting-vacancy-interview .video-link-input {
    padding: 8px;
  }

  .interview-date-modal.modal-dialog {
    max-width: 1284px;
  }

  .interview-date-modal .modal-content {
    box-shadow: 0 3px 3px 0 #00000040;
    border-radius: 22px;
  }

  .interview-date-modal .modal-content .btn-close {
    top: 34px;
    right: 31px;
    width: 27px;
    height: 25px;
  }

  .interview-date-modal .modal-body {
    padding: 21px 97px;
  }

  .interview-date-modal .modal-top {
    margin-bottom: 27px;
  }

  .interview-date-modal .free-time-button {
    margin-right: 4px;
    border-radius: 57px;
    padding: 12px 19px 13px 25px;
    font-size: 16px;
    line-height: 19px;
    box-shadow: 0 4.21px 4.21px 0 #00000040;
  }

  .interview-date-modal .free-time-button .vacancy-arrow {
    margin-top: -6px;
    margin-left: 10px;
    width: 14px;
    height: 14px;
  }

  .interview-date-modal .free-time-button .vacancy-arrow img {
    width: 9px;
  }

  .interview-date-modal .choose-month {
    width: 553px;
  }

  .interview-date-modal .choose-month button {
    width: 49px;
  }

  .interview-date-modal .choose-month .current-month {
    margin-top: 2px;
    font-size: 31px;
    line-height: 37px;
  }

  .interview-date-modal .calendar {
    border-radius: 30px;
    padding: 15px 21px 21px;
  }

  .interview-date-modal .calendar .calendar-table {
    grid-gap: 10px 18px;
  }

  .interview-date-modal .calendar .calendar-table .head {
    font-size: 13px;
    line-height: 15px;
  }

  .interview-date-modal .calendar .calendar-table > *:not(.head) {
    height: 124px;
    padding: 3px 11px;
    font-size: 19px;
    line-height: 24px;
    border-radius: 15px;
  }

  .interview-info-modal.modal-dialog {
    max-width: 744px;
  }

  .interview-info-modal .modal-content {
    border-radius: 37px;
  }

  .interview-info-modal .modal-content .btn-close {
    top: 21px;
    right: 19px;
    width: 15px;
    height: 14px;
  }

  .interview-info-modal .modal-body {
    padding: 49px 34px 25px 27px;
    font-size: 13px;
    line-height: 16px;
  }

  .interview-info-modal .form-group {
    margin-bottom: 18px;
  }

  .interview-info-modal .form-group label {
    margin-left: 16px;
    margin-bottom: 8px;
  }

  .interview-info-modal .form-control {
    border-radius: 15px;
    padding: 11px 27px;
    font-size: 13px;
    line-height: 16px;
  }

  .interview-info-modal .time-row {
    margin-bottom: 22px;
  }

  .interview-info-modal .time-row .time-title {
    margin-bottom: 11px;
    margin-right: 22px;
  }

  .interview-info-modal .time-delimiter {
    margin-bottom: 21px;
    width: 11px;
  }

  .interview-info-modal .time-block label {
    margin-bottom: 4px;
  }

  .interview-info-modal .time-block .time-field--calendar {
    border-radius: 16px;
    padding: 10px 52px 10px 22px;
    font-size: 18px;
    line-height: 22px;
    margin-right: 6px;
  }

  .interview-info-modal .time-block .time-field--calendar:after {
    right: 19px;
    bottom: 2px;
    width: 21px;
    height: 21px;
  }

  .interview-info-modal .time-block .select2-selection {
    border-radius: 16px;
    width: 108px;
  }

  .interview-info-modal[data-date] .time-block .select2-selection {
    width: 162px;
  }

  .interview-info-modal .time-block .select2-selection__rendered,
  .interview-time-dropdown .select2-results__option {
    padding: 10px 22px 10px 0;
    font-size: 18px;
    line-height: 22px;
  }

  .interview-info-modal .time-block .select2-selection__arrow {
    right: 15px;
    width: 13px;
    height: 13px;
  }

  .interview-info-modal .reminder-row {
    height: 16px;
    margin-bottom: 18px;
  }

  .interview-info-modal .reminder-title {
    margin-right: 7px;
  }

  .interview-info-modal .reminder-add,
  .interview-info-modal .time-add {
    margin-left: 9px;
    font-size: 13px;
    line-height: 16px;
  }

  .interview-info-modal .reminder-possible-variants {
    border-radius: 11px;
  }

  .interview-info-modal .reminder-item {
    padding: 5px 22px 5px 16px;
  }

  .interview-info-modal .reminder-list > .reminder-item {
    margin-left: 5px;
    border-radius: 11px;
  }

  .interview-info-modal .reminder-item .delete-reminder {
    top: 2px;
    right: 11px;
    width: 5px;
    height: 5px;
  }

  .interview-info-modal .save-interview,
  .interview-info-modal .save-free-time {
    box-shadow: 0 2.79px 2.79px 0 #00000040;
    border-radius: 37px;
    padding: 8px 16px;
    font-size: 11px;
    line-height: 13px;
  }
}

@media (max-width: 1199.5px) {
  .page-top-image .top-back {
    bottom: 27px;
    left: 40px;
    width: 39px;
    height: 39px;
    box-shadow: 0 2.2px 2.2px 0 #00000040;
  }

  .page-top-image .edit-link {
    right: 42px;
    bottom: 28px;
    font-size: 11px;
    line-height: 13px;
  }

  .page-top-image .edit-link > img {
    width: 13px;
    margin-right: 6px;
  }

  .recruiting-menu {
    margin: 16px 11px 11px -13px;
    padding: 14px 34px 13px 115px;
    max-width: 1020px;
  }

  .recruiting-menu .top-back {
    top: 13px;
    left: 63px;
    width: 31px;
    height: 31px;
    box-shadow: 0px 1.8px 1.8px 0px #00000040;
  }

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

  .recruiting-menu__title {
    width: 142px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-menu__row.hiring-row .recruiting-menu__title {
    margin-top: 4px;
  }

  .recruiting-menu__row .vacancy-button,
  .recruiting-vacancy-info .vacancy-info-button {
    max-width: 246px;
    border-radius: 34px;
    padding: 7px;
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-menu__row .vacancy-button:not(:last-child) {
    margin-right: 4px;
  }

  .recruiting-vacancy-info .vacancy-info-button:not(:last-child) {
    margin-right: 19px;
  }

  .recruiting-menu__row .vacancy-button .vacancy-arrow,
  .recruiting-vacancy-info .vacancy-info-button .vacancy-arrow {
    top: -3px;
    right: -12px;
    width: 8px;
    height: 8px;
  }

  .recruiting-menu__row .vacancy-button .vacancy-arrow img,
  .recruiting-vacancy-info .vacancy-info-button .vacancy-arrow img {
    width: 5px;
  }

  .recruiting-menu__row .recruiting-menu__title:not(.active) + .vacancies-list {
    max-height: 30px !important;
  }

  .recruiting-menu__row .vacancy-line {
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-menu__row .vacancy-line:not(:last-child) {
    margin-bottom: 9px;
  }

  .recruiting-menu__row .vacancy-item {
    border-radius: 10px;
    padding: 4px 22px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-menu__row .vacancy-line > span {
    margin-left: 11px;
    margin-right: 13px;
  }

  .recruiting-menu__row .vacancy-line .vacancy-count {
    width: 54px;
    border-radius: 10px;
    padding-bottom: 0;
  }

  .recruiting-menu__row .vacancy-line .vacancy-count--new {
    margin-left: 7px;
  }

  .recruiting-menu__row .vacancy-line .vacancy-count .number {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-company-info {
    margin: 6px 72px 28px 100px;
    border-radius: 27px;
    padding: 19px 22px 19px 18px;
  }

  .recruiting-company-info .btn-edit {
    top: 21px;
    right: 22px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-company-info .btn-edit img {
    width: 12px;
    margin-right: 7px;
  }

  .recruiting-company-info .title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
  }

  .recruiting-page form label {
    margin-bottom: 4px;
    padding: 0 9px;
  }

  .recruiting-company-info .logo-block {
    margin-right: 27px;
  }

  .recruiting-company-info .logo-block > div {
    margin-bottom: 18px;
  }

  .recruiting-company-info .logo-block .loaded-logo {
    border-radius: 13px;
    margin-bottom: 7px;
    padding: 6px;
  }

  .recruiting-company-info .logo-block .dropzone img {
    margin-bottom: 4px;
  }

  .recruiting-company-info .logo-block .open-gallery {
    margin-top: 5px;
    padding: 4px;
  }

  #galleryModal .modal-dialog {
    max-width: 1044px;
  }

  #galleryModal .modal-content {
    border-radius: 13px;
  }

  #galleryModal .modal-content .btn-close {
    top: 10px;
    right: 10px;
    width: 11px;
    height: 10px;
  }

  #galleryModal .modal-body {
    padding: 11px 31px 16px;
  }

  #galleryModal .modal-title {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 11px;
  }

  #galleryModal .gallery-grid {
    grid-gap: 9px;
  }

  #galleryModal .gallery-grid > div > img {
    height: 96px;
  }

  #galleryModal .gallery-grid .delete-button {
    top: 5px;
    right: 3px;
    border-radius: 8px;
    padding: 1px 4px 2px;
  }

  .recruiting-company-info .logo-block .delete-button img {
    width: 11px;
  }

  .recruiting-company-info .logo-block .choose-text span {
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-page form .form-group,
  .recruiting-page form .about-text {
    margin-bottom: 4px;
  }

  .recruiting-page form .about-text .about-field-button {
    top: 7px;
    left: 5px;
    width: 15px;
  }

  .recruiting-company-info .form-row > .form-group:not(:last-child) {
    margin-right: 13px;
  }

  .recruiting-company-info .form-row > .form-group:last-child {
    width: 207px;
  }

  .recruiting-page form .form-control {
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-page form div.mce-edit-area iframe {
    min-height: 72px;
    border-radius: 11px;
  }

  .recruiting-page form .about-file {
    padding: 0 4px 4px;
    height: 72px;
    border-radius: 10px;
  }

  .recruiting-page form .about-file .back-image {
    border-radius: 10px;
  }

  .recruiting-page form .about-file .choose-about-text img {
    width: 18px;
    margin-bottom: 4px;
  }

  .recruiting-page form .about-file span {
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-company-info button[type="submit"] {
    padding: 7px 7px 6px;
    margin-top: 15px;
    width: 308px;
    border-radius: 33px;
    box-shadow: 0px 2.5px 2.5px 0px #00000040;
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-vacancy-info {
    margin: 0 22px 18px 40px;
  }

  .recruiting-vacancy-info .vacancy-buttons {
    margin-bottom: 15px;
  }

  .recruiting-vacancy-info .vacancy-item {
    margin-bottom: 7px;
  }

  .recruiting-vacancy-info .vacancy-item .vacancy-name {
    padding: 6px 22px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-vacancy-info .vacancy-item > button:not(.vacancy-name) {
    margin-left: 22px;
    font-size: 12px;
    line-height: 14px;
    height: 14px;
  }

  .recruiting-vacancy-info .vacancy-item > button:not(.vacancy-name) img {
    margin-bottom: -4px;
    margin-left: 4px;
    width: 36px;
  }

  .recruiting-vacancy-info .vacancy-item .vacancy-remove {
    width: 18px;
    margin-left: 18px;
  }

  .create-vacancy-block {
    margin-top: 16px;
    border-radius: 27px;
    max-width: 507px;
    padding: 15px 16px 18px;
  }

  .create-vacancy-block .title {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
  }

  .create-vacancy-block .title .title-arrow {
    top: -2px;
    right: -18px;
    width: 9px;
    height: 9px;
  }

  .create-vacancy-block .title .title-arrow img {
    width: 6px;
  }

  .create-vacancy-block button {
    border: 1px solid;
    border-radius: 11px;
    width: 175px;
    height: 76px;
    font-size: 75px;
    line-height: 91px;
    margin-bottom: 4px;
  }

  .recruiting-vacancy-data {
    margin-top: 0;
    border-radius: 22px;
    padding: 13px 18px 15px;
  }

  .recruiting-vacancy-data .title {
    margin-bottom: -4px;
    font-size: 14px;
    line-height: 18px;
  }

  .recruiting-vacancy-data .form-row .form-group:not(:last-child) {
    margin-right: 19px;
  }

  .recruiting-vacancy-data .small-control {
    width: 268px;
  }

  .recruiting-vacancy-data .question-row + .question-row {
    margin-top: 9px;
  }

  .recruiting-vacancy-data .question-row button {
    width: 111px;
    border-radius: 18px;
    margin-left: 9px;
    box-shadow: 0px 1.29px 1.29px 0px #00000040;
  }

  .recruiting-vacancy-data .question-row button:not(:last-child) {
    margin-left: 21px;
  }

  .recruiting-vacancy-data .add-question {
    margin-top: 3px;
    margin-left: 9px;
    margin-bottom: -4px;
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-vacancy-data .buttons {
    margin-top: 21px;
  }

  .recruiting-vacancy-data .button-row button:not([type="submit"]) {
    box-shadow: 0 2.53px 2.53px 0 #00000040;
    border-radius: 34px;
    max-width: 211px;
    padding: 7px;
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-vacancy-data .button-row button .vacancy-arrow {
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: 3px;
  }

  .recruiting-vacancy-data .button-row button .vacancy-arrow img {
    width: 5px;
  }

  .recruiting-vacancy-data .button-row button span .vacancy-arrow {
    top: -3px;
    right: -14px;
  }

  .recruiting-vacancy-data .button-row button:not(:first-child) {
    margin-left: 21px;
  }

  .recruiting-vacancy-data .button-row button[type="submit"] {
    padding: 7px 13px 7px 15px;
    border-radius: 34px;
    font-size: 12px;
    line-height: 15px;
    margin-left: 36px;
  }

  .modal-vacancy-delete .modal-dialog {
    max-width: 268px;
  }

  .modal-vacancy-delete .modal-content {
    border-radius: 13px;
  }

  .modal-vacancy-delete .modal-content .btn-close {
    top: 7px;
    right: 7px;
  }

  .modal-vacancy-delete .modal-body {
    padding: 18px 13px;
  }

  .modal-vacancy-delete .modal-content .modal-title {
    margin-bottom: 9px;
    text-shadow: 0 2.2px 2.2px #00000040;
    font-size: 12px;
    line-height: 15px;
  }

  .modal-vacancy-delete .modal-content .buttons-row button {
    border-radius: 18px;
    padding: 3px;
    box-shadow: 0 1.3px 1.3px 0 #00000040;
  }

  .modal-vacancy-delete .modal-content .buttons-row button:not(:last-child) {
    margin-right: 18px;
  }

  .modal-vacancy-delete .modal-content .buttons-row button span .vacancy-arrow {
    top: -2px;
  }

  .recruiting-vacancy-access {
    margin: 0 auto;
    border-radius: 33px;
    padding: 21px;
    max-width: 523px;
  }

  .recruiting-vacancy-access .btn-close {
    top: 21px;
    right: 19px;
    width: 13px;
    height: 13px;
  }

  .recruiting-page .recruiting-vacancy-access .form-group {
    max-width: 351px;
    margin-bottom: 10px;
  }

  .recruiting-page .recruiting-vacancy-access .form-control {
    padding: 6px 6px 4px;
    font-size: 12px;
    line-height: 13px;
  }

  .recruiting-vacancy-access .generate {
    padding: 7px 7px 6px;
    width: 203px;
    box-shadow: 0 1.87px 1.87px 0 #00000040;
    border-radius: 33px;
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-vacancy-test {
    margin-top: 14px;
    border-radius: 22px;
    padding: 13px 18px 14px;
  }

  .recruiting-vacancy-test.creating {
    max-width: 507px;
    margin-top: 16px;
    padding-top: 15px;
    padding-bottom: 18px;
  }

  #test.recruiting-vacancy-info .recruiting-vacancy-test.creating {
    margin-bottom: 153px;
  }

  #test.recruiting-vacancy-info .test-list {
    padding: 5px 36px 10px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__title {
    font-size: 7px;
    line-height: 10px;
    margin-bottom: 5px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__arrow.left {
    left: 6px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__arrow.right {
    right: 6px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__arrow button {
    width: 15px;
    height: 15px;
  }

  #test.recruiting-vacancy-info .test-list .test-item {
    border-radius: 7px;
    box-shadow: 0px 1.35px 1.35px 0px #00000040;
    height: 97px;
    margin: 0 5px;
    padding: 9px 5px;
    font-size: 7px;
    line-height: 8px;
  }

  #test.recruiting-vacancy-info .test-item .test-item__buttons {
    top: 5px;
    right: 4px;
    border-radius: 13px;
    padding: 1px 8px 2px;
  }

  #test.recruiting-vacancy-info .test-item .test-item__buttons .btn {
    width: 11px;
    height: 11px;
  }

  #test.recruiting-vacancy-info
    .test-item
    .test-item__buttons
    .btn:first-child {
    width: 10px;
    height: 10px;
    margin-right: 7px;
  }

  .recruiting-vacancy-test .btn-close {
    top: 18px;
    right: 31px;
    width: 10px;
    height: 9px;
  }

  .recruiting-vacancy-test .title {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: -4px;
  }

  .recruiting-vacancy-test .title .vacancy-arrow {
    margin-top: -2px;
    margin-left: 4px;
    width: 9px;
    height: 9px;
  }

  .recruiting-vacancy-test .title .vacancy-arrow img {
    width: 6px;
  }

  .recruiting-vacancy-test .create-test {
    border-width: 1px;
    border-radius: 11px;
    width: 175px;
    height: 76px;
    font-size: 75px;
    line-height: 91px;
    margin: 18px auto 4px;
  }

  .recruiting-vacancy-test .test-form .test-top-field {
    border-width: 1px;
    border-radius: 10px;
    padding: 7px 15px 9px;
  }

  .recruiting-vacancy-test .test-form .test-top-field input:first-child {
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 2px;
  }

  .recruiting-vacancy-test .test-form .test-top-field input:nth-child(2) {
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-vacancy-test .test-form .test-file-block {
    margin-left: 22px;
  }

  .recruiting-vacancy-test .test-form .question-block {
    margin-top: 11px;
  }

  .recruiting-vacancy-test .test-form .chapter {
    margin-bottom: 16px;
  }

  .recruiting-vacancy-test .test-form .question-title {
    border-radius: 10px;
    padding: 4px 184px;
  }

  .recruiting-vacancy-test .test-form .question-title textarea {
    font-size: 12px;
    line-height: 15px;
    border-radius: 9px;
  }

  .recruiting-vacancy-test .test-form .question-title .question-buttons {
    top: 3px;
    right: 34px;
  }

  .recruiting-vacancy-test .test-form .question-buttons button {
    width: 15px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-buttons
    button:not(:last-child) {
    margin-right: 16px;
  }

  .recruiting-vacancy-test .test-form .question-buttons button:nth-child(3) {
    width: 18px;
  }

  .recruiting-vacancy-test .test-form .question-title .toggle-question {
    top: 5px;
    right: 7px;
    width: 13px;
    height: 13px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title.collapsed
    .toggle-question {
    box-shadow: 0 2.25px 8.43px 0 #00000040;
  }

  .recruiting-vacancy-test .test-form .question-title .question-type {
    right: 25px;
    height: 55px;
    border-radius: 18px;
    padding: 7px 18px 7px 12px;
    box-shadow: 0 2.25px 8.43px 0 #00000040;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title
    .question-type
    button:not(:last-child) {
    margin-right: 7px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title
    .question-type
    button
    img {
    width: 15px;
    height: 18px;
    margin-bottom: 3px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title
    .question-type
    button:first-child
    img {
    width: 16px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title
    .question-type
    button:first-child
    img {
    width: 18px;
  }

  .recruiting-vacancy-test .test-form .answers-block {
    margin-top: 9px;
    min-height: 76px;
    border-radius: 13px;
    padding: 15px 33px 13px 16px;
  }

  .recruiting-vacancy-test
    .test-form
    .answers-block
    .form-group:not(:last-child) {
    margin-bottom: 7px;
  }

  .recruiting-vacancy-test .test-form .answers-block .form-group label {
    width: 12px;
    height: 12px;
    margin-right: 9px;
    border-radius: 2px;
  }

  .recruiting-vacancy-test
    .test-form
    .answers-block
    .form-group
    input:checked
    + label:before {
    width: 10px;
    height: 10px;
  }

  .recruiting-vacancy-test .test-form .answers-block .add-answer {
    margin-top: -9px;
    margin-left: 22px;
  }

  .recruiting-vacancy-test .test-form .answers-buttons {
    top: 3px;
    right: 4px;
    width: 18px;
    padding: 7px 0 8px;
    border-radius: 13px;
  }

  .recruiting-vacancy-test .test-form .answers-buttons button {
    width: 10px;
  }

  .recruiting-vacancy-test .test-form .answers-buttons button:not(:last-child) {
    margin-bottom: 5px;
  }

  .recruiting-vacancy-test .test-form .answers-buttons button:nth-child(2) {
    width: 11px;
  }

  .recruiting-vacancy-test .test-form .test-buttons {
    top: 7px;
    right: 18px;
    padding: 6px 11px 6px 13px;
    border-radius: 13px;
  }

  .recruiting-vacancy-test .test-form .test-buttons button {
    width: 12px;
  }

  .recruiting-vacancy-test .test-form .test-buttons button:not(:last-child) {
    margin-right: 14px;
  }

  .recruiting-vacancy-test .test-form .test-buttons button:nth-child(2) {
    width: 13px;
  }

  .recruiting-vacancy-test .save-test {
    margin-top: 10px;
    padding: 7px;
    width: 147px;
    border-radius: 33px;
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-vacancy-interview {
    margin: 72px 78px 126px 82px;
    border-radius: 30px;
    padding: 18px 45px;
    max-width: 523px;
  }

  .recruiting-vacancy-interview .btn-close {
    top: 19px !important;
    right: 18px !important;
    width: 12px !important;
    height: 12px !important;
  }

  .recruiting-vacancy-interview .title {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 14px;
  }

  .recruiting-vacancy-interview .title span .vacancy-arrow {
    top: -2px;
    right: -18px;
    width: 10px;
    height: 10px;
  }

  .recruiting-vacancy-interview .title .vacancy-arrow img {
    width: 7px;
  }

  .recruiting-vacancy-interview .buttons .interview-button {
    padding: 7px;
    border-width: 1px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 7px;
  }

  .vacancy-interview-block .interview-block--offline {
    max-width: 432px;
    margin: 45px auto;
    padding-right: 9px;
  }

  .vacancy-interview-block .interview-block--online {
    max-width: 423px;
    margin: 45px auto;
  }

  .vacancy-interview-block .interview-block--video {
    max-width: 736px;
    margin: 16px auto;
  }

  .recruiting-page .interview-block .interview-block__body {
    border-radius: 13px;
  }

  .recruiting-page .interview-block--offline .interview-block__body {
    padding: 12px 13px 15px;
  }

  .recruiting-page .interview-block--online .interview-block__body {
    padding: 10px 36px;
  }

  .recruiting-page .interview-block--video .interview-block__body {
    padding: 12px 31px 15px 36px;
  }

  .recruiting-page .interview-block .interview-close {
    top: 10px;
    right: 10px;
    width: 6px;
    height: 6px;
  }

  .recruiting-page .interview-block--offline .interview-close {
    top: 8px;
    right: 8px;
  }

  .recruiting-page .interview-block--video .interview-close {
    right: 13px;
    width: 10px;
    height: 10px;
  }

  .recruiting-page .interview-block .interview-offline-grid {
    grid-gap: 0 7px;
  }

  .recruiting-page .interview-block--offline .button-color {
    margin-top: 11px;
    margin-left: 10px;
    padding: 6px 11px 7px 12px;
    border-radius: 27px;
  }

  .recruiting-page .interview-block--online input[type="text"],
  .recruiting-page .resume-modal .interview-block--video input[type="text"] {
    border-radius: 13px;
    padding: 7px 14px 7px 8px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-page .interview-block--online .button-color {
    margin-top: 7px;
    font-size: 12px;
    line-height: 15px;
    padding: 7px 13px 7px 15px;
    border-radius: 33px;
  }

  .recruiting-page .interview-block--video .form-control {
    padding-right: 12px;
    padding-left: 12px;
  }

  .recruiting-page .interview-block--video .add-question {
    margin-top: -3px;
    margin-left: 10px;
  }

  .recruiting-page
    .interview-block--video
    input[type="text"]:not(.form-control) {
    max-width: 351px;
    border-radius: 13px;
    padding: 7px;
    font-size: 12px;
    line-height: 14px;
    margin-top: 12px;
  }

  .recruiting-page .interview-block--video .button-color {
    margin-top: 7px;
    font-size: 12px;
    line-height: 15px;
    padding: 7px 12px 7px 15px;
    border-radius: 33px;
  }

  .recruiting-resume {
    margin-top: -3px;
    padding: 0 40px 27px;
  }

  .recruiting-resume__top {
    margin-bottom: 7px;
  }

  .recruiting-resume__top .recruiting-resume__back {
    width: 22px;
    height: 22px;
    margin-right: 15px;
  }

  .recruiting-resume__top .recruiting-resume__vacancy {
    padding: 0 22px;
    border-radius: 10px;
    box-shadow: 0 2.17px 2.17px 0 #00000040;
    font-size: 10px;
    line-height: 11px;
  }

  .recruiting-resume__top .recruiting-resume__calendar-button {
    width: 22px;
    height: 22px;
    margin-left: 10px;
  }

  .recruiting-resume__top .recruiting-resume__calendar {
    margin-top: 13px;
    border-radius: 8px;
    padding: 9px 0 6px;
    width: 162px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .choose-month {
    margin-bottom: 11px;
    padding: 0 7px 0 12px;
    font-size: 7px;
    line-height: 10px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .choose-month button {
    width: 12px;
  }

  .recruiting-resume__top
    .recruiting-resume__calendar
    .choose-month
    button:not(:last-child) {
    margin-right: 7px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .calendar-table {
    grid-gap: 7px;
    margin-right: 6px;
    margin-left: 9px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .calendar-table .line {
    top: 13px;
    right: -6px;
    left: -10px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .calendar-table .head {
    font-size: 7px;
    line-height: 10px;
  }

  .recruiting-resume__top
    .recruiting-resume__calendar
    .calendar-table
    .short-month {
    padding-left: 2px;
  }

  .recruiting-resume__top
    .recruiting-resume__calendar
    .calendar-table
    > *:not(.head):not(.line) {
    width: 14px;
    height: 14px;
    font-size: 7px;
    line-height: 10px;
  }

  .recruiting-resume__body {
    grid-gap: 5px 4px;
  }

  .recruiting-resume__body .recruiting-resume__type {
    border-radius: 10px;
    height: 24px;
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 6px;
  }

  .recruiting-resume__body .recruiting-resume__type .count {
    top: -4px;
    right: 7px;
    min-width: 8px;
    height: 8px;
    padding: 0 2px;
    font-size: 5px;
    line-height: 7px;
  }

  .recruiting-resume-item {
    border-radius: 11px;
    padding: 11px 61px 7px 13px;
    font-size: 10px;
    line-height: 11px;
  }

  .recruiting-resume-item:hover {
    box-shadow: 0 2.04px 7.62px 0 #000000;
  }

  .recruiting-resume-item:not(:last-child) {
    margin-bottom: 6px;
  }

  .recruiting-resume-item .recruiting-resume-item__image-block {
    top: 7px;
    right: 8px;
    font-size: 6px;
    line-height: 7px;
  }

  .recruiting-resume-item.with-test .recruiting-resume-item__image-block {
    top: 7px;
    right: 13px;
  }

  .recruiting-resume-item .recruiting-resume-item__image {
    width: 45px;
    height: 45px;
    margin-bottom: 1px;
  }

  .recruiting-resume-item .recruiting-resume-item__title {
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 10px;
  }

  .recruiting-resume-item .recruiting-resume-item__test-info {
    margin-top: 5px;
    font-size: 15px;
    line-height: 18px;
  }

  .recruiting-resume-item .recruiting-resume-item__test-info label {
    font-size: 7px;
    line-height: 10px;
    margin-bottom: -1px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__link {
    margin: 7px -16px 2px auto;
  }

  .recruiting-resume-item .recruiting-resume-item__interview-date {
    right: 11px;
    bottom: 7px;
    font-size: 10px;
    line-height: 11px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    + .recruiting-resume-item__interview-date {
    top: 66px;
    right: 12px;
  }

  .recruiting-resume-item .recruiting-resume-item__overdue-text {
    left: 13px;
    border-radius: 11px;
    padding: 2px 8px;
  }

  .recruiting-resume-item .recruiting-resume-item__link {
    margin-top: 11px;
    margin-bottom: 10px;
    border-radius: 18px;
    max-width: 100px;
    box-shadow: 0 1.38px 1.38px 0 #00000040;
    padding: 4px;
    font-size: 5px;
    line-height: 7px;
  }

  .recruiting-resume-item .recruiting-resume-item__link span .vacancy-arrow {
    top: -2px;
    right: -7px;
    width: 5px;
    height: 5px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__link
    span
    .vacancy-arrow
    img {
    width: 3px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__contacts {
    right: 13px;
    bottom: 10px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__contacts
    > *:not(:last-child) {
    margin-bottom: 4px;
  }

  .recruiting-resume-item .recruiting-resume-item__contacts > * {
    width: 15px;
    height: 15px;
  }

  .recruiting-resume-item .recruiting-resume-item__contacts > *:first-child {
    width: 13px;
    height: 13px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__contacts
    > *:not(:last-child) {
    margin-right: 7px;
  }

  .recruiting-resume-item .recruiting-resume-item__contacts .chat-button span {
    width: 6px;
    height: 6px;
    font-size: 4px;
    line-height: 5px;
  }

  .resume-modal.modal-dialog {
    max-width: 567px;
  }

  .resume-modal .modal-content {
    border-radius: 16px;
  }

  .resume-modal .modal-content .btn-close {
    top: 10px;
    right: 10px;
    width: 8px;
    height: 7px;
  }

  .resume-modal .modal-body {
    padding: 21px 28px 21px 27px;
  }

  .resume-modal .modal-top {
    margin-bottom: 18px;
  }

  .resume-modal.with-test .modal-top {
    margin-bottom: 9px;
  }

  .resume-modal .modal-top .modal-top-left {
    width: 94px;
    margin-right: 15px;
  }

  .resume-modal .modal-top .modal-resume-image {
    width: 94px;
    height: 94px;
    margin-bottom: 12px;
  }

  .resume-modal .modal-resume-title {
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 11px;
  }

  .resume-modal .modal-top .modal-top-left label {
    font-size: 8px;
    line-height: 10px;
  }

  .resume-modal .modal-top .modal-top-left .birthday {
    font-size: 10px;
    line-height: 11px;
  }

  .resume-modal .modal-resume-answer {
    margin-bottom: 5px;
    border-radius: 10px;
    padding: 4px 8px;
    font-size: 8px;
    line-height: 10px;
    height: 45px;
  }

  .resume-modal .modal-resume-vacancy {
    margin: 11px 0;
    border-radius: 10px;
    padding: 7px 8px;
    font-size: 8px;
    line-height: 10px;
  }

  .resume-modal .modal-resume-contacts > * {
    width: 14px;
    height: 14px;
  }

  .resume-modal .modal-resume-contacts > *:first-child {
    width: 12px;
    height: 12px;
    margin-left: 1px;
  }

  .resume-modal .modal-resume-contacts > *:not(:last-child) {
    margin-right: 7px;
  }

  .resume-modal .modal-resume-contacts .chat-button span {
    width: 6px;
    height: 6px;
    font-size: 4px;
    line-height: 5px;
  }

  .resume-modal .modal-resume-data-line {
    margin-bottom: 10px;
  }

  .resume-modal .modal-resume-data {
    width: 94px;
    border-radius: 10px;
    padding: 5px 5px 6px;
    font-size: 10px;
    line-height: 11px;
  }

  .resume-modal .modal-resume-data.interview-data {
    padding-right: 18px;
    padding-left: 18px;
  }

  .resume-modal:not(.with-test) .modal-resume-data.interview-data {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 11px;
    line-height: 14px;
  }

  .resume-modal.with-test .modal-resume-data.interview-data {
    padding-right: 14px;
    padding-left: 13px;
  }

  .resume-modal .modal-resume-data:not(:last-child) {
    margin-right: 5px;
  }

  .resume-modal .modal-resume-data label {
    margin-bottom: 5px;
    font-size: 8px;
    line-height: 10px;
  }

  .resume-modal:not(.with-test) .modal-resume-data.interview-data label {
    margin-bottom: 6px;
    font-size: 10px;
    line-height: 12px;
  }

  .resume-modal .modal-resume-data .show-resume {
    box-shadow: 0px 2.25px 2.25px 0px #00000040;
    border-radius: 10px;
    margin-bottom: 4px;
    padding: 5px;
    font-size: 8px;
    line-height: 10px;
  }

  .resume-modal .modal-resume-data a {
    font-size: 8px;
    line-height: 10px;
  }

  .resume-modal .modal-resume-data a img {
    width: 7px;
    margin-right: 3px;
  }

  .resume-modal .modal-resume-data span img {
    width: 14px;
    height: 14px;
    margin-left: 10px;
  }

  .resume-modal.with-test .modal-resume-data span img {
    width: 11px;
    height: 11px;
    margin-left: 8px;
  }

  .resume-modal .modal-resume-data .modal-resume-data__interview-time {
    margin-left: 16px;
  }

  .resume-modal.with-test
    .modal-resume-data
    .modal-resume-data__interview-time {
    margin-left: 13px;
  }

  .resume-modal .modal-resume-notes {
    margin-bottom: 10px;
  }

  .resume-modal .modal-resume-notes label {
    margin-left: 5px;
    margin-bottom: 6px;
    font-size: 8px;
    line-height: 10px;
  }

  .resume-modal .modal-resume-notes textarea {
    border-radius: 10px;
    height: 39px;
    font-size: 10px;
    line-height: 12px;
  }

  .resume-modal .modal-resume-buttons.finish {
    margin-bottom: -5px;
  }

  .resume-modal .modal-resume-buttons .modal-resume-button {
    min-width: 79px;
    box-shadow: 0 1.8px 1.8px 0 #00000040;
    padding: 5px 9px;
    border-radius: 24px;
    font-size: 7px;
    line-height: 9px;
  }

  .resume-modal .modal-resume-buttons.finish .modal-resume-button {
    width: 99px;
    box-shadow: 0 2.23px 2.23px 0 #00000040;
    padding: 7px;
    border-radius: 30px;
    font-size: 9px;
    line-height: 10px;
  }

  .resume-modal
    .modal-resume-buttons.finish
    .modal-resume-button:not(:last-child) {
    margin-right: 16px;
  }

  .resume-modal .modal-resume-buttons .modal-resume-button .vacancy-arrow {
    margin-top: -3px;
    margin-left: 3px;
    width: 6px;
    height: 6px;
  }

  .resume-modal
    .modal-resume-buttons.finish
    .modal-resume-button
    .vacancy-arrow {
    width: 7px;
    height: 7px;
  }

  .resume-modal .modal-resume-buttons .modal-resume-button span .vacancy-arrow {
    top: -3px;
    right: -9px;
  }

  .resume-modal
    .modal-resume-buttons.finish
    .modal-resume-button
    span
    .vacancy-arrow {
    right: -13px;
  }

  .resume-modal .modal-resume-buttons .modal-resume-button .vacancy-arrow img {
    width: 3px;
  }

  .resume-modal
    .modal-resume-buttons.finish
    .modal-resume-button
    .vacancy-arrow
    img {
    width: 4px;
  }

  .resume-modal .test-choice {
    padding: 21px 25px 12px 14px;
    min-height: 63px;
    box-shadow: 0 2.25px 2.25px 0 #00000040;
    border-radius: 12px;
    width: 256px;
  }

  .resume-modal .test-choice .test-close {
    top: 7px;
    right: 7px;
    width: 7px;
    height: 7px;
  }

  .resume-modal .test-choice .checkbox-group:not(:last-child) {
    margin-bottom: 5px;
  }

  .resume-modal .test-choice .checkbox-group input[type="checkbox"] + label {
    font-size: 9px;
    line-height: 10px;
    text-shadow: 0 2.25px 2.25px #00000040;
    padding-left: 22px;
  }

  .resume-modal
    .test-choice
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 12px;
    height: 12px;
    border-radius: 3px;
  }

  .resume-modal
    .test-choice
    .checkbox-group
    input[type="checkbox"]
    + label:after {
    width: 11px;
    height: 11px;
  }

  .resume-modal .test-choice .add-test {
    margin-top: 7px;
    border-radius: 22px;
    box-shadow: 0 1.72px 1.72px 0 #00000040;
    padding: 5px 40px;
  }

  .resume-modal .test-choice .add-test .vacancy-arrow {
    top: -2px;
    right: -8px;
    width: 6px;
    height: 6px;
  }

  .resume-modal .test-choice .add-test .vacancy-arrow img {
    width: 4px;
  }

  .resume-modal .recruiting-vacancy-interview {
    box-shadow: 0 2.25px 2.25px 0 #00000040;
    width: 486px;
  }

  .resume-modal .recruiting-vacancy-interview .form-group {
    margin-bottom: 10px;
  }

  .resume-modal .recruiting-vacancy-interview .interview-info {
    font-size: 10px;
    line-height: 12px;
  }

  .resume-modal .recruiting-vacancy-interview .form-row {
    margin-top: 7px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--online
    .form-row
    > div:first-child {
    margin-right: 15px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--video
    .form-row
    > div:first-child {
    margin-right: 11px;
  }

  .resume-modal .recruiting-vacancy-interview .form-row label {
    margin-left: 10px;
  }

  .resume-modal .recruiting-vacancy-interview .interview-date-input {
    width: 153px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--offline
    .interview-date-input {
    margin-top: 3px;
    margin-left: -10px;
    width: 165px;
  }

  .resume-modal .recruiting-vacancy-interview .interview-date-input:after {
    right: 10px;
    width: 12px;
    height: 12px;
  }

  .resume-modal .recruiting-vacancy-interview .interview-date-input input,
  .resume-modal .recruiting-vacancy-interview .interview-text-input {
    border-radius: 11px;
    padding: 4px 10px;
    font-size: 11px;
    line-height: 13px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--offline
    .interview-block__body {
    padding-left: 22px;
    padding-bottom: 18px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--online
    .interview-block__body {
    padding-bottom: 15px;
  }

  .recruiting-page .resume-modal .interview-block--online .button-color {
    margin-top: 13px;
  }

  .resume-modal .recruiting-vacancy-interview .video-link-input {
    padding: 6px;
  }

  .interview-date-modal.modal-dialog {
    max-width: 963px;
  }

  .interview-date-modal .modal-content {
    box-shadow: 0 2.25px 2.25px 0 #00000040;
    border-radius: 16px;
  }

  .interview-date-modal .modal-content .btn-close {
    top: 25px;
    right: 22px;
    width: 19px;
    height: 18px;
  }

  .interview-date-modal .modal-body {
    padding: 15px 72px;
  }

  .interview-date-modal .modal-top {
    margin-bottom: 19px;
  }

  .interview-date-modal .free-time-button {
    margin-right: 3px;
    border-radius: 42px;
    padding: 9px 14px 10px 18px;
    font-size: 12px;
    line-height: 14px;
    box-shadow: 0 3.15px 3.15px 0 #00000040;
  }

  .interview-date-modal .free-time-button .vacancy-arrow {
    margin-top: -4px;
    margin-left: 7px;
    width: 10px;
    height: 10px;
  }

  .interview-date-modal .free-time-button .vacancy-arrow img {
    width: 7px;
  }

  .interview-date-modal .choose-month {
    width: 414px;
  }

  .interview-date-modal .choose-month button {
    width: 36px;
  }

  .interview-date-modal .choose-month .current-month {
    margin-top: 1px;
    font-size: 22px;
    line-height: 27px;
  }

  .interview-date-modal .calendar {
    border-radius: 22px;
    padding: 11px 15px 15px;
  }

  .interview-date-modal .calendar .calendar-table {
    grid-gap: 7px 13px;
  }

  .interview-date-modal .calendar .calendar-table .head {
    font-size: 10px;
    line-height: 11px;
  }

  .interview-date-modal .calendar .calendar-table > *:not(.head) {
    height: 93px;
    padding: 2px 8px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 11px;
  }

  .interview-info-modal.modal-dialog {
    max-width: 558px;
  }

  .interview-info-modal .modal-content {
    border-radius: 27px;
  }

  .interview-info-modal .modal-content .btn-close {
    top: 15px;
    right: 14px;
    width: 11px;
    height: 10px;
  }

  .interview-info-modal .modal-body {
    padding: 36px 25px 18px 19px;
    font-size: 10px;
    line-height: 12px;
  }

  .interview-info-modal .form-group {
    margin-bottom: 13px;
  }

  .interview-info-modal label {
    font-size: 10px;
    line-height: 12px;
  }

  .interview-info-modal .form-group label {
    margin-left: 12px;
    margin-bottom: 6px;
  }

  .interview-info-modal .form-control {
    border-radius: 11px;
    padding: 8px 19px;
    font-size: 10px;
    line-height: 12px;
  }

  .interview-info-modal .time-row {
    margin-bottom: 16px;
  }

  .interview-info-modal .time-row .time-title {
    margin-bottom: 8px;
    margin-right: 16px;
  }

  .interview-info-modal .time-delimiter {
    border-width: 1px;
    margin-bottom: 15px;
    width: 8px;
  }

  .interview-info-modal .time-block label {
    margin-bottom: 3px;
  }

  .interview-info-modal .time-block .time-field--calendar {
    border-radius: 12px;
    padding: 7px 39px 7px 16px;
    font-size: 13px;
    line-height: 16px;
    margin-right: 4px;
  }

  .interview-info-modal .time-block .time-field--calendar:after {
    right: 14px;
    bottom: 1px;
    width: 15px;
    height: 15px;
  }

  .interview-info-modal .time-block .select2-selection {
    border-radius: 12px;
    width: 81px;
  }

  .interview-info-modal[data-date] .time-block .select2-selection {
    width: 121px;
  }

  .interview-info-modal .time-block .select2-selection__rendered,
  .interview-time-dropdown .select2-results__option {
    padding: 7px 16px 7px 0;
    font-size: 13px;
    line-height: 16px;
  }

  .interview-info-modal .time-block .select2-selection__arrow {
    right: 11px;
    width: 10px;
    height: 10px;
  }

  .interview-info-modal .reminder-row {
    height: 12px;
    margin-bottom: 13px;
  }

  .interview-info-modal .reminder-title {
    margin-right: 5px;
  }

  .interview-info-modal .reminder-add,
  .interview-info-modal .time-add {
    margin-left: 7px;
    font-size: 10px;
    line-height: 12px;
  }

  .interview-info-modal .reminder-possible-variants {
    border-radius: 8px;
  }

  .interview-info-modal .reminder-item {
    padding: 4px 16px 4px 12px;
  }

  .interview-info-modal .reminder-list > .reminder-item {
    margin-left: 4px;
    border-radius: 8px;
  }

  .interview-info-modal .reminder-item .delete-reminder {
    top: 1px;
    right: 8px;
    width: 4px;
    height: 4px;
  }

  .interview-info-modal .save-interview,
  .interview-info-modal .save-free-time {
    box-shadow: 0 2.08px 2.08px 0 #00000040;
    border-radius: 27px;
    padding: 6px 12px;
    font-size: 8px;
    line-height: 10px;
  }
}

@media (max-width: 991.5px) {
  .page-top-image .top-back {
    bottom: 19px;
    left: 30px;
    width: 28px;
    height: 28px;
    box-shadow: 0 1.6px 1.6px 0 #00000040;
  }

  .page-top-image .edit-link {
    right: 31px;
    bottom: 21px;
  }

  .page-top-image .edit-link > img {
    margin-right: 4px;
  }

  .recruiting-menu {
    margin: 12px 8px 8px -10px;
    padding: 10px 25px 10px 85px;
    max-width: 765px;
  }

  .recruiting-menu .top-back {
    top: 10px;
    left: 46px;
    width: 22px;
    height: 22px;
    box-shadow: 0px 1.35px 1.35px 0px #00000040;
  }

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

  .recruiting-menu__title {
    width: 106px;
  }

  .recruiting-menu__row.hiring-row .recruiting-menu__title {
    margin-top: 3px;
  }

  .recruiting-menu__row .vacancy-button,
  .recruiting-vacancy-info .vacancy-info-button {
    border-radius: 25px;
    padding: 5px;
  }

  .recruiting-vacancy-info .vacancy-info-button {
    max-width: 184px;
  }

  .recruiting-menu__row .vacancy-button:nth-child(2) {
    max-width: 100px;
  }

  .recruiting-menu__row .vacancy-button:not(:last-child) {
    margin-right: 3px;
  }

  .recruiting-vacancy-info .vacancy-info-button:not(:last-child) {
    margin-right: 14px;
  }

  .recruiting-menu__row .vacancy-button .vacancy-arrow,
  .recruiting-vacancy-info .vacancy-info-button .vacancy-arrow {
    top: -2px;
  }

  .recruiting-menu__row .vacancy-line:not(:last-child) {
    margin-bottom: 7px;
  }

  .recruiting-menu__row .vacancy-item {
    border-radius: 7px;
    padding: 3px 16px;
  }

  .recruiting-menu__row .vacancy-line > span {
    margin-left: 8px;
    margin-right: 10px;
  }

  .recruiting-menu__row .vacancy-line .vacancy-count--new {
    margin-left: 5px;
  }

  .recruiting-company-info {
    margin: 4px 54px 21px 75px;
    border-radius: 19px;
    padding: 14px 16px 14px 13px;
  }

  .recruiting-company-info .btn-edit {
    top: 15px;
    right: 16px;
  }

  .recruiting-company-info .btn-edit img {
    margin-right: 5px;
  }

  .recruiting-company-info .title {
    margin-bottom: 7px;
  }

  .recruiting-page form label {
    margin-bottom: 3px;
    padding: 0 6px;
  }

  .recruiting-company-info .logo-block {
    margin-right: 19px;
  }

  .recruiting-company-info .logo-block > div {
    margin-bottom: 13px;
  }

  .recruiting-company-info .logo-block .loaded-logo {
    border-radius: 10px;
    margin-bottom: 5px;
    padding: 4px;
  }

  .recruiting-company-info .logo-block .dropzone img {
    margin-bottom: 3px;
  }

  .recruiting-company-info .logo-block .open-gallery {
    margin-top: 4px;
    padding: 3px;
  }

  #galleryModal .modal-dialog {
    max-width: 783px;
  }

  #galleryModal .modal-content {
    border-radius: 10px;
  }

  #galleryModal .modal-content .btn-close {
    top: 7px;
    right: 7px;
    width: 8px;
    height: 7px;
  }

  #galleryModal .modal-body {
    padding: 8px 22px 12px;
  }

  #galleryModal .modal-title {
    margin-bottom: 8px;
  }

  #galleryModal .gallery-grid {
    grid-gap: 7px;
  }

  #galleryModal .gallery-grid > div > img {
    height: 72px;
  }

  #galleryModal .gallery-grid .delete-button {
    top: 4px;
    right: 2px;
    border-radius: 6px;
    padding: 1px 3px;
  }

  .recruiting-company-info .logo-block .delete-button img {
    width: 8px;
  }

  .recruiting-page form .form-group,
  .recruiting-page form .about-text {
    margin-bottom: 3px;
  }

  .recruiting-page form .about-text .about-field-button {
    top: 5px;
    left: 4px;
    width: 11px;
  }

  .recruiting-company-info .form-row > .form-group:not(:last-child) {
    margin-right: 9px;
  }

  .recruiting-company-info .form-row > .form-group:last-child {
    width: 154px;
  }

  .recruiting-page form .form-control {
    padding: 4px 7px;
    border-radius: 7px;
  }

  .recruiting-page form div.mce-edit-area iframe {
    min-height: 54px;
    border-radius: 8px;
  }

  .recruiting-page form .about-file {
    padding: 0 3px 3px;
    border-radius: 7px;
  }

  .recruiting-page form .about-file .back-image {
    border-radius: 7px;
  }

  .recruiting-page form .about-file .choose-about-text img {
    width: 13px;
    margin-bottom: 3px;
  }

  .recruiting-company-info button[type="submit"] {
    padding: 4px;
    margin-top: 11px;
    width: 289px;
    border-radius: 24px;
    box-shadow: 0px 1.8px 1.8px 0px #00000040;
  }

  .recruiting-vacancy-info {
    margin: 0 16px 13px 30px;
  }

  .recruiting-vacancy-info .vacancy-buttons {
    margin-bottom: 11px;
  }

  .recruiting-vacancy-info .vacancy-item {
    margin-bottom: 5px;
  }

  .recruiting-vacancy-info .vacancy-item .vacancy-name {
    padding: 4px 16px;
    border-radius: 7px;
  }

  .recruiting-vacancy-info .vacancy-item > button:not(.vacancy-name) {
    margin-left: 16px;
  }

  .recruiting-vacancy-info .vacancy-item > button:not(.vacancy-name) img {
    margin-bottom: -3px;
    margin-left: 3px;
    width: 27px;
  }

  .create-vacancy-block {
    margin-top: 12px;
    border-radius: 19px;
    max-width: 379px;
    padding: 11px 12px 13px;
  }

  .create-vacancy-block .title {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 11px;
  }

  .create-vacancy-block button {
    border-radius: 8px;
    width: 130px;
    height: 57px;
    font-size: 55px;
    line-height: 67px;
    margin-bottom: 3px;
  }

  .recruiting-vacancy-data {
    border-radius: 16px;
    padding: 10px 13px 11px;
  }

  .recruiting-vacancy-data .title {
    margin-bottom: -3px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-vacancy-data .form-row .form-group:not(:last-child) {
    margin-right: 14px;
  }

  .recruiting-vacancy-data .small-control {
    width: 201px;
  }

  .recruiting-vacancy-data .question-row + .question-row {
    margin-top: 6px;
  }

  .recruiting-vacancy-data .question-row button {
    border-radius: 13px;
    margin-left: 6px;
    box-shadow: 0px 0.96px 0.96px 0px #00000040;
  }

  .recruiting-vacancy-data .question-row button:not(:last-child) {
    margin-left: 15px;
  }

  .recruiting-vacancy-data .add-question {
    margin-top: 2px;
    margin-left: 6px;
    margin-bottom: -3px;
  }

  .recruiting-vacancy-data .buttons {
    margin-top: 15px;
  }

  .recruiting-vacancy-data .button-row button:not([type="submit"]) {
    box-shadow: 0 1.89px 1.89px 0 #00000040;
    border-radius: 25px;
    max-width: 157px;
    padding: 5px;
  }

  .recruiting-vacancy-data .button-row button:not(:first-child) {
    margin-left: 15px;
  }

  .recruiting-vacancy-data .button-row button[type="submit"] {
    padding: 5px 10px 5px 11px;
    border-radius: 25px;
    margin-left: 27px;
  }

  .recruiting-vacancy-access {
    border-radius: 24px;
    padding: 15px;
    max-width: 391px;
  }

  .recruiting-vacancy-access .btn-close {
    top: 15px;
    right: 13px;
    width: 10px;
    height: 10px;
  }

  .recruiting-page .recruiting-vacancy-access .form-group {
    max-width: 262px;
    margin-bottom: 7px;
  }

  .recruiting-page .recruiting-vacancy-access .form-control {
    padding: 4px 4px 3px;
  }

  .recruiting-vacancy-access .generate {
    padding: 4px;
    box-shadow: 0 1.39px 1.39px 0 #00000040;
    border-radius: 24px;
  }

  .recruiting-vacancy-test {
    margin-top: 10px;
    border-radius: 16px;
    padding: 10px 13px;
  }

  .recruiting-vacancy-test.creating {
    max-width: 379px;
    margin-top: 12px;
    padding-top: 11px;
    padding-bottom: 13px;
  }

  #test.recruiting-vacancy-info .recruiting-vacancy-test.creating {
    margin-bottom: 114px;
  }

  #test.recruiting-vacancy-info .test-list {
    padding: 4px 27px 7px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__title {
    margin-bottom: 4px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__arrow.left {
    left: 4px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__arrow.right {
    right: 4px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__arrow button {
    width: 11px;
    height: 11px;
  }

  #test.recruiting-vacancy-info .test-list .test-item {
    border-radius: 5px;
    box-shadow: 0px 1px 1px 0px #00000040;
    height: 72px;
    margin: 0 4px;
    padding: 7px 4px;
  }

  #test.recruiting-vacancy-info .test-item .test-item__buttons {
    top: 4px;
    right: 6px;
    border-radius: 10px;
    padding: 1px 6px;
  }

  #test.recruiting-vacancy-info .test-item .test-item__buttons .btn {
    width: 8px;
    height: 8px;
  }

  #test.recruiting-vacancy-info
    .test-item
    .test-item__buttons
    .btn:first-child {
    width: 7px;
    height: 7px;
    margin-right: 5px;
  }

  .recruiting-vacancy-test .btn-close {
    top: 13px;
    right: 22px;
  }

  .recruiting-vacancy-test .title {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: -3px;
  }

  .recruiting-vacancy-test .title .vacancy-arrow {
    margin-top: -1px;
    margin-left: 3px;
  }

  .recruiting-vacancy-test .create-test {
    border-radius: 8px;
    width: 130px;
    height: 57px;
    font-size: 55px;
    line-height: 67px;
    margin: 13px auto 3px;
  }

  .recruiting-vacancy-test .test-form .test-top-field {
    border-radius: 7px;
    padding: 4px 10px 6px;
  }

  .recruiting-vacancy-test .test-form .test-top-field input:first-child {
    margin-bottom: 1px;
  }

  .recruiting-vacancy-test .test-form .question-block {
    margin-top: 8px;
  }

  .recruiting-vacancy-test .test-form .chapter {
    margin-bottom: 12px;
  }

  .recruiting-vacancy-test .test-form .question-title {
    border-radius: 7px;
    padding: 3px 138px;
  }

  .recruiting-vacancy-test .test-form .question-title textarea {
    border-radius: 6px;
  }

  .recruiting-vacancy-test .test-form .question-title .question-buttons {
    top: 2px;
    right: 25px;
  }

  .recruiting-vacancy-test .test-form .question-buttons button {
    width: 11px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-buttons
    button:not(:last-child) {
    margin-right: 12px;
  }

  .recruiting-vacancy-test .test-form .question-buttons button:nth-child(3) {
    width: 13px;
  }

  .recruiting-vacancy-test .test-form .question-title .toggle-question {
    top: 4px;
    right: 5px;
    width: 10px;
    height: 10px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title.collapsed
    .toggle-question {
    box-shadow: 0 1.68px 6.31px 0 #00000040;
  }

  .recruiting-vacancy-test .test-form .question-title .question-type {
    right: 18px;
    height: 50px;
    border-radius: 13px;
    padding: 5px 13px 5px 9px;
    box-shadow: 0 1.68px 6.31px 0 #00000040;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title
    .question-type
    button:not(:last-child) {
    margin-right: 5px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title
    .question-type
    button
    img {
    margin-bottom: 2px;
  }

  .recruiting-vacancy-test .test-form .answers-block {
    margin-top: 6px;
    min-height: 66px;
    border-radius: 9px;
    padding: 10px 24px 9px 12px;
  }

  .recruiting-vacancy-test
    .test-form
    .answers-block
    .form-group:not(:last-child) {
    margin-bottom: 4px;
  }

  .recruiting-vacancy-test .test-form .answers-block .form-group label {
    margin-right: 6px;
    border-radius: 1px;
  }

  .recruiting-vacancy-test .test-form .answers-block .add-answer {
    margin-top: -6px;
    margin-left: 16px;
  }

  .recruiting-vacancy-test .test-form .answers-buttons {
    top: 2px;
    right: 3px;
    width: 13px;
    padding: 5px 0 6px;
    border-radius: 10px;
  }

  .recruiting-vacancy-test .test-form .answers-buttons button:not(:last-child) {
    margin-bottom: 4px;
  }

  .recruiting-vacancy-test .test-form .test-buttons {
    top: 5px;
    right: 13px;
    padding: 4px 8px 4px 10px;
    border-radius: 10px;
  }

  .recruiting-vacancy-test .test-form .test-buttons button:not(:last-child) {
    margin-right: 10px;
  }

  .recruiting-vacancy-test .save-test {
    margin-top: 7px;
    padding: 5px;
    border-radius: 24px;
  }

  .recruiting-vacancy-interview {
    margin: 54px 48px 94px 61px;
    border-radius: 22px;
    padding: 13px 33px;
    max-width: 391px;
  }

  .recruiting-vacancy-interview .btn-close {
    top: 14px !important;
    right: 13px !important;
    width: 9px !important;
    height: 9px !important;
  }

  .recruiting-vacancy-interview .title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 10px;
  }

  .recruiting-vacancy-interview .title span .vacancy-arrow {
    top: -1px;
    right: -13px;
    width: 7px;
    height: 7px;
  }

  .recruiting-vacancy-interview .title .vacancy-arrow img {
    width: 5px;
  }

  .recruiting-vacancy-interview .buttons .interview-button {
    padding: 5px;
    border-radius: 9px;
    margin-bottom: 5px;
  }

  .vacancy-interview-block .interview-block--offline {
    max-width: 324px;
    margin: 33px auto;
    padding-right: 7px;
  }

  .vacancy-interview-block .interview-block--online {
    max-width: 316px;
    margin: 33px auto;
  }

  .vacancy-interview-block .interview-block--video {
    max-width: 552px;
    margin: 12px auto;
  }

  .recruiting-page .interview-block .interview-block__body {
    border-radius: 10px;
  }

  .recruiting-page .interview-block--offline .interview-block__body {
    padding: 9px 10px 11px;
  }

  .recruiting-page .interview-block--online .interview-block__body {
    padding: 7px 27px;
  }

  .recruiting-page .interview-block--video .interview-block__body {
    padding: 9px 22px 11px 27px;
  }

  .recruiting-page .interview-block .interview-close {
    top: 7px;
    right: 7px;
  }

  .recruiting-page .interview-block--offline .interview-close {
    top: 6px;
    right: 6px;
  }

  .recruiting-page .interview-block--video .interview-close {
    right: 10px;
  }

  .recruiting-page .interview-block .interview-offline-grid {
    grid-gap: 0 5px;
  }

  .recruiting-page .interview-block--offline .button-color {
    margin-top: 8px;
    margin-left: 7px;
    padding: 4px 8px 5px 9px;
    border-radius: 19px;
  }

  .recruiting-page .interview-block--online input[type="text"],
  .recruiting-page .resume-modal .interview-block--video input[type="text"] {
    border-radius: 10px;
    padding: 5px 10px 5px 6px;
  }

  .recruiting-page .interview-block--online .button-color {
    margin-top: 5px;
    padding: 5px 10px 5px 11px;
    border-radius: 24px;
  }

  .recruiting-page .interview-block--video .form-control {
    padding-right: 9px;
    padding-left: 9px;
  }

  .recruiting-page .interview-block--video .add-question {
    margin-top: -2px;
    margin-left: 7px;
  }

  .recruiting-page
    .interview-block--video
    input[type="text"]:not(.form-control) {
    max-width: 262px;
    border-radius: 10px;
    padding: 5px;
    margin-top: 9px;
  }

  .recruiting-page .interview-block--video .button-color {
    margin-top: 5px;
    padding: 5px 9px 5px 11px;
    border-radius: 24px;
  }

  .recruiting-resume {
    margin-top: -2px;
    padding: 0 30px 19px;
  }

  .recruiting-resume__top {
    margin-bottom: 5px;
  }

  .recruiting-resume__top .recruiting-resume__back {
    width: 16px;
    height: 16px;
    margin-right: 11px;
  }

  .recruiting-resume__top .recruiting-resume__vacancy {
    padding: 0 16px;
    border-radius: 7px;
    box-shadow: 0 1.62px 1.62px 0 #00000040;
    font-size: 7px;
    line-height: 8px;
  }

  .recruiting-resume__top .recruiting-resume__calendar-button {
    width: 16px;
    height: 16px;
    margin-left: 7px;
  }

  .recruiting-resume__top .recruiting-resume__calendar {
    margin-top: 10px;
    border-radius: 6px;
    padding: 7px 0 4px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .choose-month {
    margin-bottom: 8px;
    padding: 0 5px 0 9px;
  }

  .recruiting-resume__top
    .recruiting-resume__calendar
    .choose-month
    button:not(:last-child) {
    margin-right: 5px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .calendar-table {
    grid-gap: 5px;
    margin-right: 4px;
    margin-left: 7px;
  }

  .recruiting-resume__top .recruiting-resume__calendar .calendar-table .line {
    right: -4px;
    left: -7px;
  }

  .recruiting-resume__top
    .recruiting-resume__calendar
    .calendar-table
    .short-month {
    padding-left: 1px;
  }

  .recruiting-resume__body {
    grid-gap: 4px 3px;
  }

  .recruiting-resume__body .recruiting-resume__type {
    border-radius: 7px;
    height: 20px;
    font-size: 7px;
    line-height: 9px;
    margin-bottom: 5px;
  }

  .recruiting-resume__body .recruiting-resume__type .count {
    top: -3px;
    right: 5px;
    min-width: 6px;
    height: 6px;
    padding: 0 1px;
    font-size: 4px;
    line-height: 5px;
  }

  .recruiting-resume-item {
    border-radius: 8px;
    padding: 8px 45px 5px 10px;
    font-size: 7px;
    line-height: 8px;
  }

  .recruiting-resume-item:hover {
    box-shadow: 0 1.53px 5.71px 0 #000000;
  }

  .recruiting-resume-item:not(:last-child) {
    margin-bottom: 5px;
  }

  .recruiting-resume-item .recruiting-resume-item__image-block {
    top: 5px;
    right: 6px;
  }

  .recruiting-resume-item.with-test .recruiting-resume-item__image-block {
    top: 5px;
    right: 10px;
  }

  .recruiting-resume-item .recruiting-resume-item__image {
    width: 33px;
    height: 33px;
  }

  .recruiting-resume-item .recruiting-resume-item__title {
    font-size: 8px;
    line-height: 10px;
    margin-bottom: 7px;
  }

  .recruiting-resume-item .recruiting-resume-item__test-info {
    margin-top: 4px;
    font-size: 11px;
    line-height: 13px;
  }

  .recruiting-resume-item .recruiting-resume-item__test-info label {
    margin-bottom: 0;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__link {
    margin: 5px -12px 1px auto;
  }

  .recruiting-resume-item .recruiting-resume-item__interview-date {
    right: 8px;
    bottom: 5px;
    font-size: 7px;
    line-height: 8px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    + .recruiting-resume-item__interview-date {
    top: 49px;
    right: 9px;
  }

  .recruiting-resume-item .recruiting-resume-item__overdue-text {
    left: 13px;
    border-radius: 11px;
    padding: 1px 8px;
  }

  .recruiting-resume-item .recruiting-resume-item__link {
    margin-top: 8px;
    margin-bottom: 7px;
    border-radius: 13px;
    max-width: 75px;
    box-shadow: 0 1.03px 1.03px 0 #00000040;
    padding: 3px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__contacts {
    right: 10px;
    bottom: 7px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__contacts
    > *:not(:last-child) {
    margin-bottom: 3px;
  }

  .recruiting-resume-item .recruiting-resume-item__contacts > * {
    width: 11px;
    height: 11px;
  }

  .recruiting-resume-item .recruiting-resume-item__contacts > *:first-child {
    width: 10px;
    height: 10px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__contacts
    > *:not(:last-child) {
    margin-right: 5px;
  }

  .recruiting-resume-item .recruiting-resume-item__contacts .chat-button span {
    top: -1px;
    right: -1px;
  }

  .resume-modal.modal-dialog {
    max-width: 424px;
  }

  .resume-modal .modal-content {
    border-radius: 12px;
  }

  .resume-modal .modal-content .btn-close {
    top: 7px;
    right: 7px;
  }

  .resume-modal .modal-body {
    padding: 15px 21px 15px 19px;
  }

  .resume-modal .modal-top {
    margin-bottom: 13px;
  }

  .resume-modal.with-test .modal-top {
    margin-bottom: 7px;
  }

  .resume-modal .modal-top .modal-top-left {
    width: 70px;
    margin-right: 11px;
  }

  .resume-modal .modal-top .modal-resume-image {
    width: 70px;
    height: 70px;
    margin-bottom: 9px;
  }

  .resume-modal .modal-resume-title {
    margin-bottom: 7px;
    font-size: 7px;
    line-height: 8px;
  }

  .resume-modal .modal-top .modal-top-left label {
    font-size: 6px;
    line-height: 7px;
  }

  .resume-modal .modal-top .modal-top-left .birthday {
    font-size: 7px;
    line-height: 8px;
  }

  .resume-modal .modal-resume-answer {
    margin-bottom: 4px;
    border-radius: 7px;
    padding: 3px 6px;
    font-size: 6px;
    line-height: 7px;
    height: 33px;
  }

  .resume-modal .modal-resume-vacancy {
    margin: 8px 0;
    border-radius: 7px;
    padding: 5px 6px;
    font-size: 6px;
    line-height: 7px;
  }

  .resume-modal .modal-resume-contacts > * {
    width: 10px;
    height: 10px;
  }

  .resume-modal .modal-resume-contacts > *:first-child {
    width: 9px;
    height: 9px;
    margin-left: 0;
  }

  .resume-modal .modal-resume-contacts > *:not(:last-child) {
    margin-right: 5px;
  }

  .resume-modal .modal-resume-contacts .chat-button span {
    top: -1px;
    right: -1px;
  }

  .resume-modal .modal-resume-data-line {
    margin-bottom: 7px;
  }

  .resume-modal .modal-resume-data {
    width: 70px;
    border-radius: 7px;
    padding: 4px;
    font-size: 7px;
    line-height: 8px;
  }

  .resume-modal .modal-resume-data.interview-data {
    padding-right: 13px;
    padding-left: 13px;
  }

  .resume-modal:not(.with-test) .modal-resume-data.interview-data {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 8px;
    line-height: 10px;
  }

  .resume-modal.with-test .modal-resume-data.interview-data {
    padding-right: 10px;
    padding-left: 10px;
  }

  .resume-modal .modal-resume-data:not(:last-child) {
    margin-right: 4px;
  }

  .resume-modal .modal-resume-data label {
    margin-bottom: 4px;
    font-size: 6px;
    line-height: 7px;
  }

  .resume-modal:not(.with-test) .modal-resume-data.interview-data label {
    margin-bottom: 4px;
    font-size: 7px;
    line-height: 9px;
  }

  .resume-modal .modal-resume-data .show-resume {
    box-shadow: 0px 1.68px 1.68px 0px #00000040;
    border-radius: 7px;
    margin-bottom: 3px;
    padding: 4px;
    font-size: 6px;
    line-height: 7px;
  }

  .resume-modal .modal-resume-data a {
    font-size: 6px;
    line-height: 7px;
  }

  .resume-modal .modal-resume-data a img {
    width: 5px;
    margin-right: 2px;
  }

  .resume-modal .modal-resume-data span img {
    width: 10px;
    height: 10px;
    margin-left: 7px;
  }

  .resume-modal.with-test .modal-resume-data span img {
    width: 8px;
    height: 8px;
    margin-left: 6px;
  }

  .resume-modal .modal-resume-data .modal-resume-data__interview-time {
    margin-left: 12px;
  }

  .resume-modal.with-test
    .modal-resume-data
    .modal-resume-data__interview-time {
    margin-left: 10px;
  }

  .resume-modal .modal-resume-notes {
    margin-bottom: 7px;
  }

  .resume-modal .modal-resume-notes label {
    margin-left: 4px;
    margin-bottom: 4px;
    font-size: 6px;
    line-height: 7px;
  }

  .resume-modal .modal-resume-notes textarea {
    border-radius: 7px;
    height: 28px;
    font-size: 7px;
    line-height: 9px;
  }

  .resume-modal .modal-resume-buttons.finish {
    margin-bottom: -4px;
  }

  .resume-modal .modal-resume-buttons .modal-resume-button {
    min-width: 58px;
    box-shadow: 0 1.35px 1.35px 0 #00000040;
    padding: 4px 7px;
    border-radius: 18px;
    font-size: 5px;
    line-height: 7px;
  }

  .resume-modal .modal-resume-buttons.finish .modal-resume-button {
    width: 73px;
    box-shadow: 0 1.66px 1.66px 0 #00000040;
    padding: 5px;
    border-radius: 22px;
    font-size: 7px;
    line-height: 7px;
  }

  .resume-modal
    .modal-resume-buttons.finish
    .modal-resume-button:not(:last-child) {
    margin-right: 12px;
  }

  .resume-modal .modal-resume-buttons .modal-resume-button .vacancy-arrow {
    margin-top: -2px;
    margin-left: 2px;
  }

  .resume-modal .modal-resume-buttons .modal-resume-button span .vacancy-arrow {
    top: -2px;
  }

  .resume-modal .test-choice {
    padding: 15px 18px 9px 10px;
    min-height: 54px;
    box-shadow: 0 1.68px 1.68px 0 #00000040;
    border-radius: 9px;
    width: 192px;
  }

  .resume-modal .test-choice .test-close {
    top: 5px;
    right: 5px;
  }

  .resume-modal .test-choice .checkbox-group:not(:last-child) {
    margin-bottom: 4px;
  }

  .resume-modal .test-choice .checkbox-group input[type="checkbox"] + label {
    padding-left: 16px;
  }

  .resume-modal
    .test-choice
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 9px;
    height: 9px;
    border-radius: 2px;
  }

  .resume-modal
    .test-choice
    .checkbox-group
    input[type="checkbox"]
    + label:after {
    width: 8px;
    height: 8px;
  }

  .resume-modal .test-choice .add-test {
    margin-top: 5px;
    border-radius: 16px;
    box-shadow: 0 1.29px 1.29px 0 #00000040;
    padding: 4px 30px;
  }

  .resume-modal .test-choice .add-test .vacancy-arrow {
    top: -1px;
  }

  .resume-modal .recruiting-vacancy-interview {
    box-shadow: 0 1.68px 1.68px 0 #00000040;
    width: 364px;
  }

  .resume-modal .recruiting-vacancy-interview .form-group {
    margin-bottom: 7px;
  }

  .resume-modal .recruiting-vacancy-interview .form-row {
    margin-top: 5px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--online
    .form-row
    > div:first-child {
    margin-right: 11px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--video
    .form-row
    > div:first-child {
    margin-right: 8px;
  }

  .resume-modal .recruiting-vacancy-interview .form-row label {
    margin-left: 7px;
  }

  .resume-modal .recruiting-vacancy-interview .interview-date-input {
    width: 114px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--offline
    .interview-date-input {
    margin-top: 2px;
    margin-left: -7px;
    width: 123px;
  }

  .resume-modal .recruiting-vacancy-interview .interview-date-input:after {
    right: 7px;
    width: 9px;
    height: 9px;
  }

  .resume-modal .recruiting-vacancy-interview .interview-date-input input,
  .resume-modal .recruiting-vacancy-interview .interview-text-input {
    border-radius: 8px;
    padding: 3px 7px;
    font-size: 8px;
    line-height: 10px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--offline
    .interview-block__body {
    padding-left: 16px;
    padding-bottom: 13px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--online
    .interview-block__body {
    padding-bottom: 11px;
  }

  .recruiting-page .resume-modal .interview-block--online .button-color {
    margin-top: 10px;
  }

  .resume-modal .recruiting-vacancy-interview .video-link-input {
    padding: 4px;
  }

  .interview-date-modal.modal-dialog {
    max-width: 721px;
  }

  .interview-date-modal .modal-content {
    box-shadow: 0 1.68px 1.68px 0 #00000040;
    border-radius: 12px;
  }

  .interview-date-modal .modal-content .btn-close {
    top: 18px;
    right: 16px;
    width: 14px;
    height: 13px;
  }

  .interview-date-modal .modal-body {
    padding: 11px 54px;
  }

  .interview-date-modal .modal-top {
    margin-bottom: 14px;
  }

  .interview-date-modal .free-time-button {
    margin-right: 2px;
    border-radius: 31px;
    padding: 7px 10px 7px 13px;
    font-size: 9px;
    line-height: 10px;
    box-shadow: 0 2.35px 2.35px 0 #00000040;
  }

  .interview-date-modal .free-time-button .vacancy-arrow {
    margin-top: -3px;
    margin-left: 5px;
    width: 7px;
    height: 7px;
  }

  .interview-date-modal .free-time-button .vacancy-arrow img {
    width: 5px;
  }

  .interview-date-modal .choose-month {
    width: 310px;
  }

  .interview-date-modal .choose-month button {
    width: 27px;
  }

  .interview-date-modal .choose-month .current-month {
    margin-top: 0;
    font-size: 16px;
    line-height: 19px;
  }

  .interview-date-modal .calendar {
    border-radius: 16px;
    padding: 8px 11px 11px;
  }

  .interview-date-modal .calendar .calendar-table {
    grid-gap: 5px 9px;
  }

  .interview-date-modal .calendar .calendar-table .head {
    font-size: 7px;
    line-height: 8px;
  }

  .interview-date-modal .calendar .calendar-table > *:not(.head) {
    height: 69px;
    padding: 2px 6px;
    font-size: 10px;
    line-height: 13px;
    border-radius: 8px;
  }

  .interview-info-modal.modal-dialog {
    max-width: 418px;
  }

  .interview-info-modal .modal-content {
    border-radius: 19px;
  }

  .interview-info-modal .modal-content .btn-close {
    top: 11px;
    right: 10px;
    width: 8px;
    height: 7px;
  }

  .interview-info-modal .modal-body {
    padding: 27px 18px 13px 14px;
    font-size: 7px;
    line-height: 9px;
  }

  .interview-info-modal .form-group {
    margin-bottom: 10px;
  }

  .interview-info-modal label {
    font-size: 7px;
    line-height: 9px;
  }

  .interview-info-modal .form-group label {
    margin-left: 9px;
    margin-bottom: 4px;
  }

  .interview-info-modal .form-control {
    border-radius: 8px;
    padding: 6px 14px;
    font-size: 7px;
    line-height: 9px;
  }

  .interview-info-modal .time-row {
    margin-bottom: 12px;
  }

  .interview-info-modal .time-row .time-title {
    margin-bottom: 6px;
    margin-right: 12px;
  }

  .interview-info-modal .time-delimiter {
    margin-bottom: 11px;
    width: 6px;
  }

  .interview-info-modal .time-block label {
    margin-bottom: 2px;
  }

  .interview-info-modal .time-block .time-field--calendar {
    border-radius: 9px;
    padding: 5px 28px 5px 12px;
    font-size: 10px;
    line-height: 12px;
    margin-right: 3px;
  }

  .interview-info-modal .time-block .time-field--calendar:after {
    right: 10px;
    bottom: 0;
    width: 11px;
    height: 11px;
  }

  .interview-info-modal .time-block .select2-selection {
    border-radius: 9px;
    width: 60px;
  }

  .interview-info-modal[data-date] .time-block .select2-selection {
    width: 90px;
  }

  .interview-info-modal .time-block .select2-selection__rendered,
  .interview-time-dropdown .select2-results__option {
    padding: 5px 12px 5px 0;
    font-size: 10px;
    line-height: 12px;
  }

  .interview-info-modal .time-block .select2-selection__arrow {
    right: 8px;
    width: 7px;
    height: 7px;
  }

  .interview-info-modal .reminder-row {
    height: 9px;
    margin-bottom: 10px;
  }

  .interview-info-modal .reminder-title {
    margin-right: 4px;
  }

  .interview-info-modal .reminder-add,
  .interview-info-modal .time-add {
    margin-left: 5px;
    font-size: 7px;
    line-height: 9px;
  }

  .interview-info-modal .reminder-possible-variants {
    border-radius: 6px;
  }

  .interview-info-modal .reminder-item {
    padding: 3px 12px 3px 9px;
  }

  .interview-info-modal .reminder-list > .reminder-item {
    margin-left: 3px;
    border-radius: 6px;
  }

  .interview-info-modal .reminder-item .delete-reminder {
    top: 0;
    right: 6px;
  }

  .interview-info-modal .save-interview,
  .interview-info-modal .save-free-time {
    box-shadow: 0 1.56px 1.56px 0 #00000040;
    border-radius: 19px;
    padding: 4px 9px;
  }
}

@media (max-width: 767.5px) {
  .page-top-image .top-back {
    bottom: 13px;
    left: 22px;
    width: 21px;
    height: 21px;
    box-shadow: 0 1.2px 1.2px 0 #00000040;
  }

  .page-top-image .edit-link {
    right: 22px;
    bottom: 15px;
  }

  .recruiting-menu {
    margin: 9px 6px 6px -7px;
    padding: 7px 18px 7px 63px;
    background: none;
    border: 2px solid #5367bb;
    border-radius: 13px;
    max-width: 573px;
  }

  .recruiting-menu .top-back {
    top: 7px;
    left: 34px;
    width: 16px;
    height: 16px;
    box-shadow: 0px 1px 1px 0px #00000040;
  }

  .recruiting-menu__row {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .recruiting-menu__buttons {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .recruiting-menu__row:not(:last-child) {
    margin-bottom: 3px !important;
  }

  .recruiting-menu__title {
    width: auto;
    margin-bottom: 3px !important;
    margin-left: 6px !important;
    text-transform: none;
  }

  .recruiting-menu__row.hiring-row .recruiting-menu__title {
    margin-top: 0;
  }

  .recruiting-menu__row .vacancy-button,
  .recruiting-vacancy-info .vacancy-info-button {
    border-radius: 18px;
    padding: 4px;
    margin-top: 6px;
  }

  .recruiting-menu__row .vacancy-button {
    max-width: none !important;
  }

  .recruiting-vacancy-info .vacancy-info-button:first-child {
    max-width: 104px;
  }

  .recruiting-menu__row .vacancy-button:not(:last-child) {
    margin-right: 0;
    margin-bottom: 4px !important;
  }

  .recruiting-vacancy-info .vacancy-info-button:not(:last-child) {
    margin-right: 10px;
  }

  .recruiting-menu__row .vacancy-button .vacancy-arrow,
  .recruiting-vacancy-info .vacancy-info-button .vacancy-arrow {
    top: -1px;
  }

  .recruiting-menu__row .vacancy-line:not(:last-child) {
    margin-bottom: 5px !important;
  }

  .recruiting-menu__row .vacancy-item {
    border-radius: 5px;
    padding: 2px 12px;
  }

  .recruiting-menu__row .vacancy-line > span {
    margin-left: 6px;
    margin-right: 7px;
  }

  .recruiting-menu__row .vacancy-line .vacancy-count--new {
    margin-left: 4px;
  }

  .recruiting-company-info {
    margin: 3px 40px 15px 55px;
    border-radius: 14px;
    padding: 10px 12px 10px 10px;
  }

  .recruiting-company-info .btn-edit {
    top: 11px;
    right: 12px;
  }

  .recruiting-company-info .btn-edit img {
    margin-right: 4px;
  }

  .recruiting-company-info .title {
    margin-bottom: 5px;
  }

  .recruiting-page form label {
    margin-bottom: 2px;
    padding: 0 4px;
  }

  .recruiting-company-info .logo-block {
    margin-right: 14px;
  }

  .recruiting-company-info .logo-block > div {
    margin-bottom: 10px;
  }

  .recruiting-company-info .logo-block .loaded-logo {
    border-radius: 7px;
    margin-bottom: 4px;
    padding: 3px;
  }

  .recruiting-company-info .logo-block .dropzone img {
    margin-bottom: 2px;
  }

  .recruiting-company-info .logo-block .open-gallery {
    margin-top: 3px;
    padding: 2px;
  }

  #galleryModal .modal-dialog {
    max-width: 586px;
  }

  #galleryModal .modal-content {
    border-radius: 7px;
  }

  #galleryModal .modal-content .btn-close {
    top: 5px;
    right: 5px;
  }

  #galleryModal .modal-body {
    padding: 6px 16px 9px;
  }

  #galleryModal .modal-title {
    margin-bottom: 6px;
  }

  #galleryModal .gallery-grid {
    grid-gap: 5px;
  }

  #galleryModal .gallery-grid > div > img {
    height: 54px;
  }

  #galleryModal .gallery-grid .delete-button {
    top: 3px;
    right: 1px;
    border-radius: 4px;
    padding: 1px 2px;
  }

  .recruiting-company-info .logo-block .delete-button img {
    width: 6px;
  }

  .recruiting-page form .form-group,
  .recruiting-page form .about-text {
    margin-bottom: 2px;
  }

  .recruiting-page form .about-text .about-field-button {
    top: 4px;
    left: 3px;
  }

  .recruiting-company-info .form-row > .form-group:not(:last-child) {
    margin-right: 6px;
  }

  .recruiting-company-info .form-row > .form-group:last-child {
    width: 115px;
  }

  .recruiting-page form .form-control {
    padding: 3px 5px;
    border-radius: 4px;
  }

  .recruiting-page form div.mce-edit-area iframe {
    min-height: 40px;
    border-radius: 6px;
  }

  .recruiting-page form .about-file {
    padding: 0 2px 2px;
    border-radius: 4px;
  }

  .recruiting-page form .about-file .back-image {
    border-radius: 4px;
  }

  .recruiting-page form .about-file .choose-about-text img {
    margin-bottom: 2px;
  }

  .recruiting-company-info button[type="submit"] {
    padding: 3px;
    margin-top: 8px;
    border-radius: 18px;
    box-shadow: 0px 1.25px 1.25px 0px #00000040;
  }

  .recruiting-vacancy-info {
    margin: 0 12px 10px 22px;
  }

  .recruiting-vacancy-info .vacancy-buttons {
    margin-bottom: 8px;
  }

  .recruiting-vacancy-info .vacancy-item {
    margin-bottom: 4px;
  }

  .recruiting-vacancy-info .vacancy-item .vacancy-name {
    padding: 3px 12px;
    border-radius: 5px;
  }

  .recruiting-vacancy-info .vacancy-item > button:not(.vacancy-name) {
    margin-left: 12px;
  }

  .create-vacancy-block {
    margin-top: 9px;
    border-radius: 14px;
    max-width: 283px;
    padding: 8px 9px 10px;
  }

  .create-vacancy-block .title {
    margin-bottom: 8px;
  }

  .create-vacancy-block button {
    border-radius: 6px;
    width: 97px;
    height: 42px;
    font-size: 40px;
    line-height: 49px;
    margin-bottom: 2px;
  }

  .recruiting-vacancy-creating-block > form {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .recruiting-vacancy-data {
    border-radius: 12px;
    padding: 7px 10px 8px;
  }

  .recruiting-vacancy-data .form-row {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .recruiting-vacancy-data .form-row .form-group:not(:last-child) {
    margin-right: 10px;
  }

  .recruiting-vacancy-data .small-control {
    width: 150px;
  }

  .recruiting-vacancy-data .question-row + .question-row {
    margin-top: 4px;
  }

  .recruiting-vacancy-data .question-row button {
    border-radius: 9px;
    margin-left: 4px;
    box-shadow: 0px 0.72px 0.72px 0px #00000040;
  }

  .recruiting-vacancy-data .question-row button:not(:last-child) {
    margin-left: 11px;
  }

  .recruiting-vacancy-data .add-question {
    margin-top: 1px;
    margin-left: 6px;
    margin-bottom: -2px;
  }

  .recruiting-vacancy-data .buttons {
    margin-top: 10px;
  }

  .recruiting-vacancy-data .button-row {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .recruiting-vacancy-data .button-row button {
    max-width: none !important;
  }

  .recruiting-vacancy-data .button-row button:not([type="submit"]) {
    box-shadow: 0 1.41px 1.41px 0 #00000040;
    border-radius: 18px;
    padding: 4px;
  }

  .recruiting-vacancy-data .button-row button:not(:first-child) {
    margin-left: 0;
    margin-top: 6px;
  }

  .recruiting-vacancy-data .button-row button[type="submit"] {
    padding: 4px 7px 4px 8px;
    border-radius: 18px;
    margin-left: 0;
    margin-top: 6px;
  }

  .recruiting-vacancy-access {
    border-radius: 18px;
    padding: 11px;
    max-width: 292px;
  }

  .recruiting-vacancy-access .btn-close {
    top: 10px;
    right: 9px;
  }

  .recruiting-page .recruiting-vacancy-access .form-group {
    max-width: 229px;
    margin-bottom: 5px;
  }

  .recruiting-page .recruiting-vacancy-access .form-control {
    padding: 3px 3px 2px;
  }

  .recruiting-vacancy-access .generate {
    padding: 3px;
    box-shadow: 0 1.03px 1.03px 0 #00000040;
    border-radius: 18px;
  }

  .recruiting-vacancy-test {
    margin-top: 7px;
    border-radius: 12px;
    padding: 7px 10px;
  }

  .recruiting-vacancy-test.creating {
    max-width: 283px;
    margin-top: 9px;
    padding-top: 8px;
    padding-bottom: 10px;
  }

  #test.recruiting-vacancy-info .recruiting-vacancy-test.creating {
    margin-bottom: 85px;
  }

  #test.recruiting-vacancy-info .test-list {
    padding: 3px 19px 5px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__title {
    margin-bottom: 3px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__arrow.left {
    left: 3px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__arrow.right {
    right: 3px;
  }

  #test.recruiting-vacancy-info .test-list .test-list__arrow button {
    width: 8px;
    height: 8px;
  }

  #test.recruiting-vacancy-info .test-list .test-item {
    border-radius: 4px;
    box-shadow: 0px 0.75px 0.75px 0px #00000040;
    height: 54px;
    margin: 0 3px;
    padding: 5px 3px;
  }

  #test.recruiting-vacancy-info .test-item .test-item__buttons {
    top: 3px;
    right: 4px;
    border-radius: 7px;
    padding: 1px 4px;
  }

  #test.recruiting-vacancy-info
    .test-item
    .test-item__buttons
    .btn:first-child {
    margin-right: 4px;
  }

  .recruiting-vacancy-test .btn-close {
    top: 9px;
    right: 16px;
  }

  .recruiting-vacancy-test .title {
    margin-bottom: -2px;
  }

  .recruiting-vacancy-test .create-test {
    border-radius: 6px;
    width: 97px;
    height: 42px;
    font-size: 40px;
    line-height: 49px;
    margin: 10px auto 2px;
  }

  .recruiting-vacancy-test .test-form .test-top-field {
    border-radius: 4px;
    padding: 3px 7px 4px;
  }

  .recruiting-vacancy-test .test-form .question-block {
    margin-top: 6px;
  }

  .recruiting-vacancy-test .test-form .chapter {
    margin-bottom: 9px;
  }

  .recruiting-vacancy-test .test-form .question-title {
    border-radius: 4px;
    padding: 2px 120px;
  }

  .recruiting-vacancy-test .test-form .question-title textarea {
    border-radius: 4px;
  }

  .recruiting-vacancy-test .test-form .question-title .question-buttons {
    right: 18px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-buttons
    button:not(:last-child) {
    margin-right: 9px;
  }

  .recruiting-vacancy-test .test-form .question-title .toggle-question {
    right: 4px;
  }

  .recruiting-vacancy-test .test-form .question-title .question-type {
    right: 13px;
    height: 47px;
    border-radius: 10px;
    padding: 4px 10px 4px 7px;
    box-shadow: 0 1.26px 4.72px 0 #00000040;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title
    .question-type
    button:not(:last-child) {
    margin-right: 4px;
  }

  .recruiting-vacancy-test
    .test-form
    .question-title
    .question-type
    button
    img {
    margin-bottom: 1px;
  }

  .recruiting-vacancy-test .test-form .answers-block {
    margin-top: 4px;
    min-height: 57px;
    border-radius: 6px;
    padding: 7px 18px 6px 9px;
  }

  .recruiting-vacancy-test
    .test-form
    .answers-block
    .form-group:not(:last-child) {
    margin-bottom: 3px;
  }

  .recruiting-vacancy-test .test-form .answers-block .form-group label {
    margin-right: 4px;
  }

  .recruiting-vacancy-test .test-form .answers-block .add-answer {
    margin-top: -4px;
    margin-left: 12px;
  }

  .recruiting-vacancy-test .test-form .answers-buttons {
    top: 1px;
    right: 2px;
    padding: 4px 0;
    border-radius: 7px;
  }

  .recruiting-vacancy-test .test-form .answers-buttons button:not(:last-child) {
    margin-bottom: 3px;
  }

  .recruiting-vacancy-test .test-form .test-buttons {
    top: 4px;
    right: 10px;
    padding: 3px 6px 3px 7px;
    border-radius: 7px;
  }

  .recruiting-vacancy-test .test-form .test-buttons button:not(:last-child) {
    margin-right: 7px;
  }

  .recruiting-vacancy-test .save-test {
    margin-top: 5px;
    padding: 4px;
    border-radius: 18px;
  }

  .vacancy-interview-block .buttons {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .vacancy-interview-block .buttons > button {
    max-width: none !important;
    margin-right: 0 !important;
  }

  .recruiting-vacancy-interview {
    margin: 40px 36px 70px 45px;
    border-radius: 16px;
    padding: 10px 24px;
  }

  .recruiting-vacancy-interview .title {
    margin-bottom: 7px;
  }

  .recruiting-vacancy-interview .buttons .interview-button {
    padding: 4px;
    border-radius: 7px;
    margin-bottom: 4px;
  }

  .vacancy-interview-block .interview-block--offline {
    max-width: 243px;
    margin: 24px auto;
    padding-right: 5px;
  }

  .vacancy-interview-block .interview-block--online {
    max-width: 237px;
    margin: 24px auto;
  }

  .vacancy-interview-block .interview-block--video {
    max-width: 414px;
    margin: 9px auto;
  }

  .recruiting-page .interview-block .interview-block__body {
    border-radius: 7px;
  }

  .recruiting-page .interview-block--offline .interview-block__body {
    padding: 7px 7px 8px;
  }

  .recruiting-page .interview-block--online .interview-block__body {
    padding: 5px 19px;
  }

  .recruiting-page .interview-block--video .interview-block__body {
    padding: 7px 16px 8px 19px;
  }

  .recruiting-page .interview-block .interview-close {
    top: 5px;
    right: 5px;
  }

  .recruiting-page .interview-block--offline .interview-close {
    top: 4px;
    right: 4px;
  }

  .recruiting-page .interview-block--video .interview-close {
    right: 7px;
  }

  .recruiting-page .interview-block .interview-offline-grid {
    grid-gap: 0 4px;
  }

  .recruiting-page .interview-block--offline .button-color {
    margin-top: 6px;
    margin-left: 5px;
    padding: 3px 6px 4px 7px;
    border-radius: 14px;
  }

  .recruiting-page .interview-block--online input[type="text"],
  .recruiting-page .resume-modal .interview-block--video input[type="text"] {
    border-radius: 7px;
    padding: 4px 7px 4px 4px;
  }

  .recruiting-page .interview-block--online .button-color {
    margin-top: 4px;
    padding: 4px 7px 4px 8px;
    border-radius: 18px;
  }

  .recruiting-page .interview-block--video .form-control {
    padding-right: 7px;
    padding-left: 7px;
  }

  .recruiting-page .interview-block--video .add-question {
    margin-top: -1px;
    margin-left: 5px;
  }

  .recruiting-page
    .interview-block--video
    input[type="text"]:not(.form-control) {
    max-width: 196px;
    border-radius: 7px;
    padding: 4px;
    margin-top: 7px;
  }

  .recruiting-page .interview-block--video .button-color {
    margin-top: 4px;
    padding: 4px 7px 4px 8px;
    border-radius: 18px;
  }

  .recruiting-resume {
    margin-top: -1px;
    padding: 0 22px 14px;
  }

  .recruiting-resume__top {
    margin-bottom: 4px;
  }

  .recruiting-resume__top .recruiting-resume__back {
    width: 12px;
    height: 12px;
    margin-right: 8px;
  }

  .recruiting-resume__top .recruiting-resume__vacancy {
    padding: 0 12px;
    border-radius: 5px;
    box-shadow: 0 1.21px 1.21px 0 #00000040;
  }

  .recruiting-resume__top .recruiting-resume__calendar-button {
    width: 12px;
    height: 12px;
    margin-left: 5px;
  }

  .recruiting-resume__body {
    grid-gap: 3px 2px;
  }

  .recruiting-resume__body .recruiting-resume__type {
    border-radius: 5px;
  }

  .recruiting-resume-item {
    border-radius: 6px;
    padding: 6px 33px 4px 7px;
  }

  .recruiting-resume-item:hover {
    box-shadow: 0 1.14px 4.27px 0 #000000;
  }

  .recruiting-resume-item:not(:last-child) {
    margin-bottom: 4px;
  }

  .recruiting-resume-item .recruiting-resume-item__image-block {
    top: 4px;
    right: 4px;
  }

  .recruiting-resume-item.with-test .recruiting-resume-item__image-block {
    top: 4px;
    right: 7px;
  }

  .recruiting-resume-item .recruiting-resume-item__image {
    width: 24px;
    height: 24px;
  }

  .recruiting-resume-item .recruiting-resume-item__title {
    margin-bottom: 5px;
  }

  .recruiting-resume-item .recruiting-resume-item__test-info {
    margin-top: 3px;
    font-size: 8px;
    line-height: 10px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__link {
    margin: 4px -9px 0 auto;
  }

  .recruiting-resume-item .recruiting-resume-item__interview-date {
    right: 6px;
    bottom: 4px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    + .recruiting-resume-item__interview-date {
    top: 36px;
    right: 2px;
  }

  .recruiting-resume-item .recruiting-resume-item__overdue-text {
    left: 10px;
    border-radius: 8px;
    padding: 1px 6px;
  }

  .recruiting-resume-item .recruiting-resume-item__link {
    margin-top: 6px;
    margin-bottom: 5px;
    border-radius: 10px;
    max-width: 55px;
    box-shadow: 0 0.76px 0.76px 0 #00000040;
    padding: 2px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__contacts {
    right: 7px;
    bottom: 5px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__contacts
    > *:not(:last-child) {
    margin-bottom: 2px;
  }

  .recruiting-resume-item .recruiting-resume-item__contacts > * {
    width: 8px;
    height: 8px;
  }

  .recruiting-resume-item .recruiting-resume-item__contacts > *:first-child {
    width: 7px;
    height: 7px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__contacts
    > *:not(:last-child) {
    margin-right: 4px;
  }

  .recruiting-resume-item .recruiting-resume-item__contacts .chat-button span {
    top: -2px;
    right: -2px;
  }

  .resume-modal.modal-dialog {
    max-width: 318px;
  }

  .resume-modal .modal-content {
    border-radius: 9px;
  }

  .resume-modal .modal-content .btn-close {
    top: 5px;
    right: 5px;
  }

  .resume-modal .modal-body {
    padding: 11px 15px 11px 14px;
  }

  .resume-modal .modal-top {
    margin-bottom: 10px;
  }

  .resume-modal.with-test .modal-top {
    margin-bottom: 5px;
  }

  .resume-modal .modal-top .modal-top-left {
    width: 52px;
    margin-right: 8px;
  }

  .resume-modal .modal-top .modal-resume-image {
    width: 52px;
    height: 52px;
    margin-bottom: 7px;
  }

  .resume-modal .modal-resume-title {
    margin-bottom: 5px;
  }

  .resume-modal .modal-resume-answer {
    margin-bottom: 3px;
    border-radius: 5px;
    padding: 2px 4px;
    height: 24px;
  }

  .resume-modal .modal-resume-vacancy {
    margin: 6px 0;
    border-radius: 5px;
    padding: 4px;
  }

  .resume-modal .modal-resume-contacts > *:not(:last-child) {
    margin-right: 4px;
  }

  .resume-modal .modal-resume-contacts .chat-button span {
    top: -2px;
    right: -2px;
  }

  .resume-modal .modal-resume-data-line {
    margin-bottom: 5px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .resume-modal .modal-resume-data {
    width: 52px;
    border-radius: 5px;
    padding: 3px;
    margin-bottom: 3px;
  }

  .resume-modal .modal-resume-data.interview-data {
    padding-right: 10px;
    padding-left: 10px;
  }

  .resume-modal:not(.with-test) .modal-resume-data.interview-data {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .resume-modal.with-test .modal-resume-data.interview-data {
    padding-right: 7px;
    padding-left: 7px;
  }

  .resume-modal .modal-resume-data:not(:last-child) {
    margin-right: 0;
  }

  .resume-modal .modal-resume-data label {
    margin-bottom: 3px;
  }

  .resume-modal:not(.with-test) .modal-resume-data.interview-data label {
    margin-bottom: 3px;
  }

  .resume-modal .modal-resume-data .show-resume {
    box-shadow: 0px 1.26px 1.26px 0px #00000040;
    border-radius: 5px;
    margin-bottom: 2px;
    padding: 3px;
  }

  .resume-modal .modal-resume-data span img {
    margin-left: 4px;
  }

  .resume-modal.with-test .modal-resume-data span img {
    margin-left: 5px;
  }

  .resume-modal .modal-resume-data .modal-resume-data__interview-time {
    margin-left: 9px;
  }

  .resume-modal.with-test
    .modal-resume-data
    .modal-resume-data__interview-time {
    margin-left: 7px;
  }

  .resume-modal .modal-resume-notes {
    margin-bottom: 5px;
  }

  .resume-modal .modal-resume-notes label {
    margin-left: 3px;
    margin-bottom: 3px;
  }

  .resume-modal .modal-resume-notes textarea {
    border-radius: 5px;
    height: 21px;
  }

  .resume-modal .modal-resume-buttons.finish {
    margin-bottom: -3px;
  }

  .resume-modal .modal-resume-buttons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .resume-modal .modal-resume-buttons .modal-resume-button {
    box-shadow: 0 1px 1px 0 #00000040;
    padding: 3px 5px;
    border-radius: 13px;
    margin-bottom: 5px;
  }

  .resume-modal .modal-resume-buttons.finish .modal-resume-button {
    box-shadow: 0 1.24px 1.24px 0 #00000040;
    padding: 4px;
    border-radius: 16px;
  }

  .resume-modal
    .modal-resume-buttons.finish
    .modal-resume-button:not(:last-child) {
    margin-right: 9px;
  }

  .resume-modal .test-choice {
    padding: 11px 13px 7px 7px;
    box-shadow: 0 1.26px 1.26px 0 #00000040;
    border-radius: 7px;
    right: 0;
  }

  .resume-modal .test-choice .test-close {
    top: 4px;
    right: 4px;
  }

  .resume-modal .test-choice .checkbox-group:not(:last-child) {
    margin-bottom: 3px;
  }

  .resume-modal .test-choice .add-test {
    margin-top: 4px;
    border-radius: 12px;
    box-shadow: 0 0.96px 0.96px 0 #00000040;
    padding: 3px 22px;
  }

  .resume-modal .recruiting-vacancy-interview {
    box-shadow: 0 1.26px 1.26px 0 #00000040;
    width: 273px;
    max-width: none;
    left: -25%;
  }

  .resume-modal .recruiting-vacancy-interview .form-group {
    margin-bottom: 4px;
  }

  .resume-modal .recruiting-vacancy-interview .form-row {
    margin-top: 4px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--online
    .form-row
    > div:first-child {
    margin-right: 8px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--video
    .form-row
    > div:first-child {
    margin-right: 6px;
  }

  .resume-modal .recruiting-vacancy-interview .form-row label {
    margin-left: 5px;
    word-break: break-all;
    word-break: break-word;
  }

  .resume-modal .recruiting-vacancy-interview .interview-date-input {
    width: 85px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--offline
    .interview-date-input {
    margin-top: 1px;
    margin-left: -5px;
    width: 91px;
  }

  .resume-modal .recruiting-vacancy-interview .interview-date-input input,
  .resume-modal .recruiting-vacancy-interview .interview-text-input {
    border-radius: 6px;
    padding: 2px 5px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--offline
    .interview-block__body {
    padding-left: 12px;
    padding-bottom: 10px;
  }

  .recruiting-page
    .resume-modal
    .interview-block--online
    .interview-block__body {
    padding-bottom: 8px;
  }

  .recruiting-page .resume-modal .interview-block--online .button-color {
    margin-top: 7px;
  }

  .resume-modal .recruiting-vacancy-interview .video-link-input {
    padding: 3px;
  }

  .interview-date-modal.modal-dialog {
    max-width: 540px;
  }

  .interview-date-modal .modal-content {
    box-shadow: 0 1.26px 1.26px 0 #00000040;
    border-radius: 9px;
  }

  .interview-date-modal .modal-content .btn-close {
    top: 13px;
    right: 12px;
    width: 10px;
    height: 9px;
  }

  .interview-date-modal .modal-body {
    padding: 8px 40px;
  }

  .interview-date-modal .modal-top {
    margin-bottom: 10px;
  }

  .interview-date-modal .free-time-button {
    margin-right: 1px;
    border-radius: 22px;
    padding: 5px 7px 5px 10px;
    font-size: 7px;
    line-height: 7px;
    box-shadow: 0 1.75px 1.75px 0 #00000040;
  }

  .interview-date-modal .free-time-button .vacancy-arrow {
    margin-top: -2px;
    margin-left: 4px;
  }

  .interview-date-modal .choose-month {
    width: 232px;
  }

  .interview-date-modal .choose-month button {
    width: 19px;
  }

  .interview-date-modal .choose-month .current-month {
    font-size: 12px;
    line-height: 13px;
  }

  .interview-date-modal .calendar {
    border-radius: 12px;
    padding: 6px 8px 8px;
  }

  .interview-date-modal .calendar .calendar-table {
    grid-gap: 4px 7px;
  }

  .interview-date-modal .calendar .calendar-table > *:not(.head) {
    height: 51px;
    padding: 2px 4px;
    font-size: 7px;
    line-height: 10px;
    border-radius: 6px;
  }

  .interview-info-modal.modal-dialog {
    max-width: 313px;
  }

  .interview-info-modal .modal-content {
    border-radius: 14px;
  }

  .interview-info-modal .modal-content .btn-close {
    top: 8px;
    right: 7px;
  }

  .interview-info-modal .modal-body {
    padding: 19px 13px 10px 10px;
  }

  .interview-info-modal .form-group {
    margin-bottom: 7px;
  }

  .interview-info-modal .form-group label {
    margin-left: 7px;
    margin-bottom: 3px;
  }

  .interview-info-modal .form-control {
    border-radius: 6px;
    padding: 4px 10px;
  }

  .interview-info-modal .time-row {
    margin-bottom: 9px;
  }

  .interview-info-modal .time-row .time-title {
    margin-bottom: 4px;
    margin-right: 9px;
  }

  .interview-info-modal .time-delimiter {
    margin-bottom: 8px;
    width: 4px;
  }

  .interview-info-modal .time-block .time-field--calendar {
    border-radius: 7px;
    padding: 4px 21px 4px 9px;
    margin-right: 2px;
    font-size: 7px;
    line-height: 9px;
  }

  .interview-info-modal .time-block .time-field--calendar:after {
    right: 7px;
    width: 8px;
    height: 8px;
  }

  .interview-info-modal .time-block .select2-selection {
    border-radius: 7px;
    width: 45px;
  }

  .interview-info-modal[data-date] .time-block .select2-selection {
    width: 67px;
  }

  .interview-info-modal .time-block .select2-selection__rendered,
  .interview-time-dropdown .select2-results__option {
    padding: 4px 9px 4px 0;
    font-size: 7px;
    line-height: 9px;
  }

  .interview-info-modal .time-block .select2-selection__arrow {
    right: 6px;
  }

  .interview-info-modal .reminder-row {
    margin-bottom: 7px;
  }

  .interview-info-modal .reminder-title {
    margin-right: 3px;
  }

  .interview-info-modal .reminder-add,
  .interview-info-modal .time-add {
    margin-left: 4px;
  }

  .interview-info-modal .reminder-possible-variants {
    border-radius: 4px;
  }

  .interview-info-modal .reminder-item {
    padding: 2px 9px 2px 7px;
  }

  .interview-info-modal .reminder-list > .reminder-item {
    margin-left: 2px;
    border-radius: 4px;
  }

  .interview-info-modal .reminder-item .delete-reminder {
    right: 4px;
  }

  .interview-info-modal .save-interview,
  .interview-info-modal .save-free-time {
    box-shadow: 0 1.17px 1.17px 0 #00000040;
    border-radius: 14px;
    padding: 3px 7px;
  }
}

@media (max-width: 575.5px) {
  .recruiting-menu {
    margin: 7px 4px 4px -5px;
    padding: 5px 13px 5px 46px;
    border-width: 1px;
    border-radius: 10px;
    max-width: 429px;
  }

  .recruiting-menu .top-back {
    top: 5px;
    left: 25px;
    width: 12px;
    height: 12px;
    box-shadow: 0px 0.75px 0.75px 0px #00000040;
  }

  .recruiting-company-info {
    margin: 2px 20px 11px 27px;
    border-radius: 10px;
    padding: 29px 9px 7px 7px;
  }

  .recruiting-company-info .btn-edit {
    top: 8px;
    right: 9px;
  }

  #galleryModal .gallery-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .recruiting-company-info form > .form-row {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0;
  }

  .recruiting-vacancy-data label {
    white-space: normal !important;
  }

  .recruiting-vacancy-data .question-row {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .recruiting-vacancy-data .question-row button {
    margin-left: 0;
    margin-top: 4px;
    width: 100%;
    height: 22px;
  }

  .recruiting-vacancy-test .test-form .test-buttons {
    margin-top: -20px;
  }

  .recruiting-vacancy-test .test-form .question-title {
    padding-left: 8px;
  }

  .recruiting-vacancy-test .test-form .question-title .question-type {
    width: 277px;
    height: 57px;
  }

  .recruiting-vacancy-interview {
    margin: 30px 27px 52px 33px;
    border-radius: 12px;
    padding: 7px 18px;
  }

  .recruiting-resume {
    margin-top: 0;
    padding: 0 16px 10px;
  }

  .recruiting-resume__body {
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto);
    grid-template-columns: 100px 1fr;
  }

  .recruiting-resume__column {
    display: -ms-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .recruiting-resume-item {
    margin-right: 2px;
    margin-bottom: 2px;
    display: -ms-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 4px;
    padding: 4px 24px 3px 5px;
    width: 86px;
  }

  .recruiting-resume-item:hover {
    box-shadow: 0 0.85px 3.19px 0 #000000;
  }

  .recruiting-resume-item .recruiting-resume-item__image-block {
    top: 3px;
    right: 3px;
  }

  .recruiting-resume-item.with-test .recruiting-resume-item__image-block {
    top: 3px;
    right: 5px;
  }

  .recruiting-resume-item .recruiting-resume-item__image {
    width: 18px;
    height: 18px;
  }

  .recruiting-resume-item .recruiting-resume-item__title {
    margin-bottom: 4px;
  }

  .recruiting-resume-item .recruiting-resume-item__test-info {
    margin-top: 2px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__link {
    margin: 3px -6px 0 auto;
  }

  .recruiting-resume-item .button-text-color {
    margin-top: auto;
  }

  .recruiting-resume-item .recruiting-resume-item__link {
    margin-top: 4px;
    margin-bottom: 4px;
    border-radius: 7px;
    max-width: 45px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__contacts {
    right: 5px;
    bottom: 4px;
  }

  .recruiting-resume-item
    .recruiting-resume-item__test-info
    ~ .recruiting-resume-item__contacts
    > *:not(:last-child) {
    margin-bottom: 1px;
  }

  .resume-modal.modal-dialog {
    max-width: 238px;
  }

  .interview-date-modal .modal-content .btn-close {
    top: 10px;
    right: 9px;
  }

  .interview-date-modal .modal-body {
    padding: 6px 20px;
  }

  .interview-date-modal .choose-month {
    width: 174px;
  }

  .interview-date-modal .choose-month button {
    width: 14px;
  }

  .interview-date-modal .calendar {
    border-radius: 9px;
    padding: 4px 6px 6px;
  }

  .interview-date-modal .calendar .calendar-table {
    grid-gap: 3px 5px;
  }
}

.page-top-video {
  position: relative;
  width: 100%;
  top: -8px;
}

.page-top-video video {
  width: 100%;
  height: 800px;
  object-fit: cover;
}

#aboutHeader {
  padding: 26vw 5.21vw 3.91vw;
  position: relative;
  background: url(../images/professional/target-bg.png) center center no-repeat;
  background-size: 100% 100%;
}

#aboutHeader > div:first-of-type {
  display: flex;
  flex-direction: row;
  column-gap: 7.24vw;
  margin-bottom: 1.98vw;
  justify-content: space-between;
  align-items: flex-end;
}

#aboutHeader .title {
  font-family: Century Gothic;
  font-size: 2.24vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: left;
  margin-top: 1.67vw;
  white-space: nowrap;
}

#aboutHeader .header-button {
  display: flex;
  flex-direction: column;
  row-gap: 0.86vw;
}

#aboutHeader .subtitle {
  font-family: Century Gothic;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-align: left;
  color: #78b519;
}

#aboutHeader .text {
  font-family: Montserrat;
  font-size: 1.04vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-align: left;
}

#aboutHeader .text p {
  margin: 0;
}

#aboutHeader .slider.ui-slider {
  width: 28.5vw;
  border: 0.26vw solid #ffffff;
  border-right-width: 0.47vw;
  border-bottom-width: 0.31vw;
  border-left-width: 0.63vw;
  background: #99e721;
  border-radius: 7.34vw;
  box-shadow: 0px -0.07vw 0px 0px #ffffff33 inset,
    0px -2.95vw 6.14vw 0px #8cde014d,
    0px 0.37vw 1.72vw 0.37vw rgba(52, 79, 22, 0.8) inset;
  height: 3.45vw;
  transition: all 0.5s;
}

#aboutHeader .slider.ui-slider .ui-slider-handle {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0 !important;
  margin-left: -0.5vw;
  margin-top: -0.1vw;
  margin-bottom: -0.05vw;
  width: auto;
  height: auto;
  padding: 1.04vw 1.7vw 0.99vw;
  background: #ffffff;
  border-radius: 7.21vw;
  font-family: Century Gothic;
  font-weight: 400;
  font-size: 1.1vw;
  line-height: normal;
  letter-spacing: -0.02em;
  color: #7fa248;
  outline: none !important;
  box-shadow: -0.48vw 0px 0.24vw -0.36vw rgba(153, 231, 33, 1) inset,
    0px 0.07vw 0px 0px rgba(207, 207, 207, 0.2) inset,
    0.24vw 1.2vw 1.68vw -0.48vw rgba(0, 0, 0, 1);
}

#aboutHeader .slider.ui-slider.active .ui-slider-handle {
  left: auto !important;
  right: 0;
}

#aboutHeader-mobile {
  display: none;
}

@media (max-width: 575.5px) {
  .page-top-video {
    display: none;
  }

  #aboutHeader {
    display: none;
  }

  #aboutHeader-mobile {
    display: unset;
    position: relative;
    width: 100%;
    height: 160vw;
    background: url(../images/professional/target-bg-mobile.png?ver=2) center
      center / 100% 100% no-repeat;
  }

  #aboutHeader-mobile video {
    width: 100%;
    height: 160vw;
    object-fit: cover;
  }

  #aboutHeader-mobile .main-block {
    bottom: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 106.56vw 6.25vw 7.46vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }

  #aboutHeader-mobile .title {
    font-size: 5.75vw;
    line-height: 7.05vw;
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    letter-spacing: -0.2px;
    text-align: center;
  }

  #aboutHeader-mobile .subtitle {
    font-size: 4.93vw;
    line-height: 6.04vw;
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    letter-spacing: -0.2px;
    color: rgba(153, 231, 33, 1);
    opacity: 0;
  }

  #aboutHeader-mobile .text {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 2.8vw;
    line-height: 3.44vw;
    letter-spacing: -0.2px;
    text-align: center;
    color: white;
    max-width: 79.69vw;
  }

  #aboutHeader-mobile .slider.ui-slider {
    width: 61.89vw;
    border: 1.2px solid #ffffff;
    border-right-width: 2.4px;
    border-bottom-width: 2.4px;
    border-left-width: 2.4px;
    border-radius: 12.5vw;
    box-shadow: 0px 0.4px 0px 0px rgba(0, 0, 0, 0.3) inset,
      0px -0.4px 0px 0px rgba(255, 255, 255, 0.2) inset,
      0px -16.17px 33.69px 0px rgba(140, 222, 1, 0.21),
      0px 2.02px 9.43px 2.02px rgba(52, 79, 22, 0.8) inset;
    height: 9.49vw;
    background: #99e721;
    transition: all 0.5s;
    margin-top: 1.56vw;
  }

  #aboutHeader-mobile .slider.ui-slider .ui-slider-handle {
    margin-left: -1px;
    margin-top: -0.9px;
    margin-bottom: -0.4px;
    padding: 2.19vw 3.75vw 1.88vw 2.5vw;
    border-radius: 12.34vw;
    font-size: 2.672vw;
    line-height: 3.256vw;
    box-shadow: -2.64px 0px 1.32px -1.98px rgba(153, 231, 33, 1) inset,
      0px 0.4px 0px 0px rgba(207, 207, 207, 0.2) inset,
      1.32px 6.6px 9.23px -2.64px rgba(0, 0, 0, 1);
    display: -ms-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0 !important;
    width: auto;
    height: auto;
    background: #ffffff;
    font-family: Montserrat;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #7fa248;
    outline: none !important;
  }
}

#videoModal .modal-dialog {
  max-width: 683px;
}

#videoModal .modal-content {
  background: none;
  padding-top: 243px;
}

#videoModal .modal-content .btn-close {
  right: -28px;
  background: url("../images/professional/modal-green-close.svg") center center
    no-repeat;
  background-size: contain;
  width: 28px;
  height: 27px;
}

#videoModal .modal-content .image-top {
  position: absolute;
  top: 0px;
  left: 158px;
  bottom: 27px;
  z-index: 0;
  pointer-events: none;
}

#videoModal .modal-content .image-top img {
  height: 347px;
}

#videoModal .modal-body {
  background: url("../images/professional/modal-video.png") center center
    no-repeat;
  background-size: 100% 100%;
  padding: 108px 68px 0 54px;
}

#videoModal .modal-body form input[type="text"] {
  width: 100%;
  margin-bottom: 12px;
  background: #ffffff40;
  border: 2.23px solid #ffffff80;
  box-shadow: 0px 4.46px 4.46px 0px #00000040;
  padding: 11px 39px 10px;
  border-radius: 22px;
  color: white;
  font-size: 22px;
  line-height: 27px;
}

#videoModal .modal-body form input[name="email"] {
  margin-bottom: 1.25vw;
}

#videoModal .modal-body form input[type="text"]::placeholder {
  color: white;
  opacity: 0.6;
}

.choice-group {
  background: #ffffffcc;
  box-shadow: 0px 4.47px 4.47px 0px #00000040;
  backdrop-filter: blur(25px);
  margin-bottom: 5px;
  padding: 8px 41px 9px;
  border-radius: 15px;
}

.choice-group input[type="checkbox"] {
  display: none;
}

.choice-group input[type="checkbox"] + label {
  position: relative;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: #362d2d;
  padding-left: 34px;
  margin: 0;
}

.choice-group input[type="checkbox"] + label:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  margin: auto;
  width: 23px;
  height: 23px;
  border: 1.21px solid #81868b;
  border-radius: 6px;
}

.choice-group input[type="checkbox"]:checked + label:after {
  content: "";
  display: block;
  background: url("../images/professional/check-gray.png") center center
    no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  top: 1px;
  left: -1px;
  margin: auto;
  width: 22px;
  height: 22px;
}

.agree-group {
  margin-bottom: 17px;
}

.agree-group + .agree-group {
  margin-bottom: 6px;
}

.agree-group input[type="checkbox"] {
  display: none;
}

.agree-group input[type="checkbox"] + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 11px;
  color: white;
  margin-left: 78px;
}

.agree-group input[type="checkbox"] + label:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: -37px;
  margin: auto;
  width: 23px;
  height: 23px;
  border: 1.21px solid #ffffff;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 6px;
}

.agree-group input[type="checkbox"]:checked + label:after {
  content: "";
  display: block;
  background: url("../images/professional/check.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  top: 1px;
  margin: auto;
  left: -36px;
  width: 22px;
  height: 22px;
}

.agree-group input[type="checkbox"] + label.with-message {
  max-width: 413px;
}

.agree-group input[type="checkbox"] + label .show-message {
  position: relative;
  margin-left: 5px;
  padding: 0;
  border: none;
  background: transparent;
  outline: none !important;
  line-height: 14px;
  border-radius: 50%;
  box-shadow: 0 4px 4px 0 #00000040;
}

.agree-group input[type="checkbox"] + label .show-message img {
  height: 14px;
  width: 14px;
  object-fit: contain;
}

.agree-group
  input[type="checkbox"]
  + label
  .show-message:not(:hover)
  .hidden-message {
  display: none;
}

.agree-group
  input[type="checkbox"]
  + label
  .show-message:hover
  .hidden-message {
  display: block;
  position: absolute;
  top: -13px;
  right: -228px;
  width: 216px;
  border-radius: 13px;
  background: #000000;
  box-shadow: 0px 4px 4px 0px #00000040;
  padding: 7px 7px 7px 11px;
  font-size: 10.5px;
  line-height: 13px;
  z-index: 1;
  text-align: left;
  color: white;
  letter-spacing: 0;
}

#videoModal .modal-body .submit-button {
  background: #000000;
  border: 1px solid #ffffff;
  box-shadow: 3.95px -3.95px 19.55px 0px #0000001a,
    0px 4px 8px 0px #75b219 inset;
  padding: 19px 23px;
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: -0.02em;
  border-radius: 119px;
  text-transform: uppercase;
  margin-bottom: -6px;
  margin-top: 6px;
}

@media (max-width: 1599.5px) {
  #videoModal .modal-dialog {
    max-width: 580px;
  }

  #videoModal .modal-content {
    padding-top: 200px;
  }

  #videoModal .modal-content .btn-close {
    right: -24px;
    width: 24px;
    height: 23px;
  }

  #videoModal .modal-content .image-top {
    top: -10px;
    left: 130px;
    bottom: 0px;
  }

  #videoModal .modal-content .image-top img {
    height: 300px;
  }

  #videoModal .modal-body {
    padding: 100px 60px 0 50px;
  }

  #videoModal .modal-body form input[type="text"] {
    margin-bottom: 10px;
    border-width: 2px;
    padding: 10px 35px 9px;
    border-radius: 20px;
    font-size: 18px;
    line-height: 22px;
  }

  #videoModal .modal-body .submit-button {
    padding: 17px 20px;
    font-size: 22px;
    line-height: 27px;
    border-radius: 110px;
  }

  .choice-group {
    margin-bottom: 4px;
    padding: 7px 35px 8px;
    border-radius: 14px;
  }

  .choice-group input[type="checkbox"] + label {
    font-size: 16px;
    line-height: 20px;
    padding-left: 30px;
  }

  .choice-group input[type="checkbox"] + label:before {
    width: 20px;
    height: 20px;
  }

  .choice-group input[type="checkbox"]:checked + label:after {
    width: 19px;
    height: 19px;
    left: 0px;
    margin: 0;
  }

  .agree-group {
    margin-bottom: 13px;
  }

  .agree-group input[type="checkbox"] + label {
    font-size: 10px;
    line-height: 9px;
    margin-left: 65px;
  }

  .agree-group input[type="checkbox"] + label:before {
    width: 20px;
    height: 20px;
    left: -32px;
  }

  .agree-group input[type="checkbox"]:checked + label:after {
    width: 21px;
    height: 21px;
    top: 4px;
    left: -32px;
  }

  .agree-group input[type="checkbox"] + label.with-message {
    max-width: 360px;
  }

  .agree-group input[type="checkbox"] + label .show-message img {
    height: 12px;
    width: 12px;
  }

  .agree-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: -5px;
    right: -210px;
    width: 200px;
    padding: 5px 5px 5px 10px;
    font-size: 9px;
    line-height: 10px;
    border-radius: 10px;
  }
}

@media (max-width: 1199.5px) {
  #videoModal .modal-dialog {
    max-width: 490px;
  }

  #videoModal .modal-content {
    padding-top: 150px;
  }

  #videoModal .modal-content .btn-close {
    right: -20px;
    width: 20px;
    height: 19px;
  }

  #videoModal .modal-content .image-top {
    top: 0px;
    left: 100px;
    bottom: 15px;
  }

  #videoModal .modal-content .image-top img {
    height: 250px;
  }

  #videoModal .modal-body {
    padding: 95px 50px 0 40px;
  }

  #videoModal .modal-body form input[type="text"] {
    margin-bottom: 8px;
    border-width: 1.8px;
    padding: 8px 30px 7px;
    border-radius: 18px;
    font-size: 16px;
    line-height: 20px;
  }

  #videoModal .modal-body .submit-button {
    padding: 15px 18px;
    font-size: 20px;
    line-height: 25px;
    border-radius: 100px;
  }

  .choice-group {
    margin-bottom: 3px;
    padding: 6px 30px 7px;
    border-radius: 12px;
  }

  .choice-group input[type="checkbox"] + label {
    font-size: 14px;
    line-height: 18px;
    padding-left: 25px;
  }

  .choice-group input[type="checkbox"] + label:before {
    width: 17px;
    height: 17px;
  }

  .choice-group input[type="checkbox"]:checked + label:after {
    width: 16px;
    height: 16px;
  }

  .agree-group input[type="checkbox"] + label {
    font-size: 8.5px;
    line-height: 8px;
    margin-left: 60px;
  }

  .agree-group input[type="checkbox"] + label:before {
    width: 17px;
    height: 17px;
  }

  .agree-group input[type="checkbox"]:checked + label:after {
    width: 18px;
    height: 18px;
    top: 4px;
  }

  .agree-group input[type="checkbox"] + label.with-message {
    max-width: 310px;
  }

  .agree-group input[type="checkbox"] + label .show-message img {
    height: 10px;
    width: 10px;
  }

  .agree-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: -4px;
    right: -190px;
    width: 180px;
    padding: 4px 4px 4px 8px;
    font-size: 8px;
    line-height: 9px;
  }

  .agree-group input[type="checkbox"] + label .show-message {
    margin-top: -5px;
    box-shadow: 0 2px 4px 0 #00000040;
  }
}

@media (max-width: 991.5px) {
  #videoModal .modal-dialog {
    max-width: 425px;
  }

  #videoModal .modal-content {
    padding-top: 125px;
  }

  #videoModal .modal-content .btn-close {
    right: -15px;
    width: 15px;
    height: 14px;
  }

  #videoModal .modal-content .image-top {
    top: -15px;
    left: 92px;
    bottom: 0px;
  }

  #videoModal .modal-content .image-top img {
    height: 200px;
  }

  #videoModal .modal-body {
    padding: 75px 40px 0 30px;
  }

  #videoModal .modal-body form input[type="text"] {
    margin-bottom: 6px;
    border-width: 1.5px;
    padding: 7px 25px 6px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 16px;
  }

  #videoModal .modal-body .submit-button {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 18px;
    border-radius: 90px;
    margin-top: 0px;
  }

  .choice-group {
    margin-bottom: 3px;
    padding: 5px 25px 6px;
    border-radius: 10px;
  }

  .choice-group input[type="checkbox"] + label {
    font-size: 12px;
    line-height: 16px;
    padding-left: 20px;
  }

  .choice-group input[type="checkbox"] + label:before {
    width: 15px;
    height: 15px;
    border-radius: 4px;
  }

  .choice-group input[type="checkbox"]:checked + label:after {
    width: 14px;
    height: 14px;
  }

  .agree-group {
    margin-bottom: 8px;
  }

  .agree-group input[type="checkbox"] + label {
    font-size: 7.5px;
    line-height: 7px;
    margin-left: 50px;
  }

  .agree-group input[type="checkbox"] + label:before {
    width: 15px;
    height: 15px;
    left: -25px;
    border-radius: 4px;
  }

  .agree-group input[type="checkbox"]:checked + label:after {
    width: 14px;
    height: 14px;
    left: -24px;
  }

  .agree-group input[type="checkbox"] + label.with-message {
    max-width: 265px;
  }

  .agree-group input[type="checkbox"] + label .show-message img {
    height: 8px;
    width: 8px;
  }

  .agree-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: -6px;
    right: -150px;
    width: 120px;
    padding: 4px 4px 4px 7px;
    font-size: 7px;
    line-height: 8px;
    border-radius: 8px;
  }

  .agree-group input[type="checkbox"] + label .show-message {
    margin-top: -5px;
    box-shadow: none;
  }
}

@media (max-width: 767.5px) {
  #videoModal .modal-dialog {
    max-width: 360px;
  }

  #videoModal .modal-content {
    padding-top: 130px;
  }

  #videoModal .modal-content .btn-close {
    right: -10px;
    width: 10px;
    height: 9px;
  }

  #videoModal .modal-content .image-top {
    top: 0px;
    left: 80px;
    bottom: 5px;
  }

  #videoModal .modal-content .image-top img {
    height: 180px;
  }

  #videoModal .modal-body {
    padding: 65px 35px 0 25px;
  }

  #videoModal .modal-body form input[type="text"] {
    margin-bottom: 5px;
    border-width: 1.2px;
    padding: 5px 20px 4px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 13px;
  }

  #videoModal .modal-body .submit-button {
    padding: 10px 14px;
    font-size: 12px;
    line-height: 14px;
    border-radius: 80px;
  }

  .choice-group {
    margin-bottom: 2px;
    padding: 1px 20px 3px;
    border-radius: 8px;
  }

  .choice-group input[type="checkbox"] + label {
    font-size: 10px;
    line-height: 14px;
    padding-left: 18px;
  }

  .choice-group input[type="checkbox"] + label:before {
    width: 12px;
    height: 12px;
    border-radius: 3px;
  }

  .choice-group input[type="checkbox"]:checked + label:after {
    width: 11px;
    height: 11px;
  }

  .agree-group input[type="checkbox"] + label {
    font-size: 6.5px;
    line-height: 6px;
    margin-left: 40px;
  }

  .agree-group input[type="checkbox"] + label:before {
    width: 12px;
    height: 12px;
    left: -21px;
  }

  .agree-group input[type="checkbox"]:checked + label:after {
    width: 12px;
    height: 12px;
    left: -21px;
  }

  .agree-group input[type="checkbox"] + label.with-message {
    max-width: 225px;
  }

  .agree-group input[type="checkbox"] + label .show-message img {
    height: 7px;
    width: 7px;
  }

  .agree-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: 15px;
    right: -88px;
    width: 90px;
    padding: 4px 4px 4px 5px;
    font-size: 6px;
    line-height: 7px;
  }
}

@media (max-width: 575.5px) {
  #videoModal .modal-dialog {
    max-width: 94.69vw;
    margin-top: 20vw;
  }

  #videoModal .modal-content {
    padding-top: 33.44vw;
  }

  #videoModal .modal-content .btn-close {
    right: 0vw;
    width: 3.44vw;
    height: 3.13vw;
    top: 28.13vw;
  }

  #videoModal .modal-content .image-top {
    top: 3.13vw;
    left: 21.88vw;
    bottom: 0vw;
  }

  #videoModal .modal-content .image-top img {
    height: 43.44vw;
  }

  #videoModal .modal-body {
    padding: 14.84vw 9.38vw 0 7.5vw;
  }

  #videoModal .modal-body form input[type="text"] {
    margin-bottom: 1.72vw;
    border: 0.31vw solid rgba(255, 255, 255, 0.5);
    box-shadow: 0vw 0.62vw 0.62vw 0vw rgba(0, 0, 0, 0.25);
    padding: 1.56vw 5.63vw 1.25vw;
    border-radius: 3vw;
    color: white;
    font-size: 3.13vw;
    line-height: 3.75vw;
  }

  #videoModal .modal-body form input[name="email"] {
    margin-bottom: 3.33vw;
  }

  #videoModal .modal-body .submit-button {
    border: 0.14vw solid #ffffff;
    box-shadow: 0.54vw -0.54vw 2.69vw 0vw rgba(0, 0, 0, 0.1),
      0vw 0.55vw 1.09vw 0vw rgba(117, 178, 25, 1) inset;
    padding: 2.81vw 3.75vw;
    font-size: 3.13vw;
    line-height: 4.06vw;
    border-radius: 16.25vw;
    margin-bottom: -1.88vw;
    margin-top: 0.63vw;
  }

  .choice-group {
    box-shadow: 0vw 0.62vw 0.62vw 0vw rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6.88vw);
    margin-bottom: 0.63vw;
    padding: 1.09vw 5.63vw;
    line-height: 0.31vw;
    border-radius: 1.88vw;
  }

  .choice-group input[type="checkbox"] + label {
    font-size: 2.5vw;
    line-height: 3.13vw;
    padding-left: 4.69vw;
  }

  .choice-group input[type="checkbox"] + label:before {
    width: 2.81vw;
    height: 2.81vw;
    border: 0.16vw solid #81868b;
    border-radius: 0.78vw;
  }

  .choice-group input[type="checkbox"]:checked + label:after {
    top: 0vw;
    left: 0vw;
    width: 2.81vw;
    height: 2.81vw;
  }

  .agree-group {
    margin-bottom: 2.19vw;
  }

  .agree-group + .agree-group {
    margin-bottom: 0vw;
  }

  .agree-group input[type="checkbox"] + label {
    font-weight: 400;
    font-size: 1.56vw;
    line-height: 1.56vw;
    margin-left: 10.31vw;
    margin-bottom: 0vw;
  }

  .agree-group input[type="checkbox"] + label:before {
    left: -4.69vw;
    width: 2.81vw;
    height: 2.81vw;
    border: 0.17vw solid rgba(255, 255, 255, 1);
    box-shadow: 0vw 0.55vw 0.55vw 0vw rgba(0, 0, 0, 0.25);
    border-radius: 0.78vw;
    margin: 0;
  }

  .agree-group input[type="checkbox"]:checked + label:after {
    left: -4.69vw;
    width: 2.81vw;
    height: 2.81vw;
    margin: 0;
    margin-top: -0.94vw;
  }

  .agree-group input[type="checkbox"] + label.with-message {
    max-width: 55vw;
  }

  .agree-group input[type="checkbox"] + label .show-message {
    position: relative;
    margin-left: -0.63vw;
    bottom: -0.63vw;
    line-height: 1.72vw;
    border-radius: 1.88vw;
    box-shadow: 0vw 0.55vw 0.55vw 0vw rgba(0, 0, 0, 0.25);
  }

  .agree-group input[type="checkbox"] + label .show-message img {
    height: 1.88vw;
    width: 1.88vw;
  }

  .agree-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: 2.81vw;
    right: -18.75vw;
    width: 25.63vw;
    border-radius: 1.88vw;
    box-shadow: 0vw 0.55vw 0.55vw 0vw rgba(0, 0, 0, 0.25);
    padding: 0.63vw 0.31vw 0.94vw 1.56vw;
    font-size: 1.56vw;
    line-height: 1.88vw;
  }
}

.marquee-1 {
  position: relative;
  background: #777777;
  font-weight: 600;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: 0.06em;
  color: black;
  overflow: hidden;
  white-space: nowrap;
  padding: 12px 0 11px;
}

.marquee-1 div {
  display: -webkit-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  animation: reload-marquee-1 20s linear infinite;
}

@keyframes reload-marquee-1 {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-50%, 0);
  }
}

.marquee span {
  position: relative;
  margin-right: 75px;
  text-transform: uppercase;
}

.marquee span:after {
  content: "";
  position: absolute;
  top: 0;
  right: -45px;
  bottom: 0;
  margin: auto;
  background: url("../images/professional/marquee-image.png") center center
    no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
}

/*.marquee-top span:after {*/
/*    display: none;*/
/*}*/

@media (max-width: 1599.5px) {
  .marquee-1 {
    font-size: 18px;
    line-height: 20px;
    padding: 10px 0;
  }

  .marquee span {
    margin-right: 38px;
  }

  .marquee span:after {
    right: -23px;
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 1199.5px) {
  .marquee-1 {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 0;
  }

  .marquee span {
    margin-right: 30px;
  }

  .marquee span:after {
    right: -19px;
    width: 8px;
    height: 8px;
  }
}

@media (max-width: 991.5px) {
  .marquee-1 {
    font-size: 12px;
    line-height: 14px;
    padding: 6px 0;
  }

  .marquee span {
    margin-right: 25px;
  }

  .marquee span:after {
    right: -15px;
    width: 7px;
    height: 7px;
  }
}

@media (max-width: 767.5px) {
  .marquee-1 {
    font-size: 9px;
    line-height: 12px;
    padding: 4px 0;
    white-space: nowrap;
    text-align: left;
  }

  .marquee span {
    margin-right: 20px;
  }

  .marquee span:after {
    right: -13px;
    width: 6px;
    height: 6px;
  }
}

@media (max-width: 575.5px) {
  .marquee-1 {
    font-size: 6px;
    line-height: 7px;
    padding: 4px 25px;
  }

  .marquee-top {
    font-size: 1.875vw;
    line-height: 2.18vw;
    padding: 1.25vw 7.81vw;
    white-space: normal;
    text-align: center;
    letter-spacing: 0.06em;
  }

  .marquee-top span {
    margin-right: 0;
  }

  .marquee span:after {
    display: none;
  }

  .marquee span:nth-child(2) {
    display: none;
  }

  .marquee span:nth-child(3) {
    display: none;
  }

  .marquee-top div {
    animation: none;
  }
}

#aboutAudience {
  position: relative;
  padding: 3.1vw 0 4.44vw;
}

#aboutAudience .title {
  font-family: Century Gothic;
  font-size: 1.98vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-align: center;
}

#aboutAudience .list {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  padding: 3.36vw 2.6vw 1.15vw;
  column-gap: 5.21vw;
}

#aboutAudience .list .item {
  display: flex;
  flex-direction: column;
  row-gap: 1.77vw;
  align-items: center;
  width: 11.46vw;
}

#aboutAudience .list .item img {
  height: 4.32vw;
  width: auto;
}

#aboutAudience .list .item__head {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.99vw;
  line-height: 1.04vw;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
}

#aboutAudience > img {
  width: 21.72vw;
  height: auto;
  position: absolute;
  left: 0;
  top: -3vw;
}

#aboutAudience .rows {
  display: flex;
  flex-direction: column;
  row-gap: 17px;
}

#aboutAudience .top-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  max-height: 310px;
}

#aboutAudience .top-row .item:nth-child(2) {
  background: #373737;
}

#aboutAudience .top-row .item:nth-child(3) {
  background: #5f5f5f;
}

#aboutAudience .top-row .item-content {
  padding-top: 46px;
  padding-bottom: 74px;
  border-radius: 150px 0px 0px 150px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 39px;
  height: 100%;
}

#aboutAudience .top-row .item-content img {
  height: 98px;
  width: auto;
}

#aboutAudience .top-row .item:nth-child(1) .item-content {
  background: rgba(217, 217, 217, 0.25);
  padding-right: 38px;
  padding-left: 161px;
  width: 27vw;
}

#aboutAudience .top-row .item:nth-child(2) .item-content {
  background: #5f5f5f;
  padding-right: 35px;
  padding-left: 116px;
  width: 24vw;
}

#aboutAudience .top-row .item:nth-child(3) .item-content {
  background: #757575;
  padding-right: 74px;
  padding-left: 95px;
  width: 31vw;
}

#aboutAudience .rows .item-content__head {
  font-family: Montserrat;
  font-size: 22px;
  font-weight: 500;
  line-height: 27px;
  text-align: center;
}

#aboutAudience .top-row .item:nth-child(1) .item-content__head {
  max-width: 327px;
}

#aboutAudience .top-row .item:nth-child(2) .item-content__head {
  max-width: 305px;
}

#aboutAudience .top-row .item:nth-child(3) .item-content__head {
  max-width: 421px;
}

#aboutAudience .bottom-row {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  max-height: 243px;
}

#aboutAudience .bottom-row .item:nth-child(1) {
  background: rgba(83, 126, 18, 1);
}

#aboutAudience .bottom-row .item:nth-child(2) {
  background: rgba(51, 77, 12, 1);
}

#aboutAudience .bottom-row .item-content {
  padding-top: 35px;
  padding-bottom: 39px;
  border-radius: 0px 150px 150px 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 40px;
  height: 100%;
}

#aboutAudience .bottom-row .item-content img {
  height: 103px;
  width: auto;
}

#aboutAudience .bottom-row .item:nth-child(1) .item-content {
  background: rgba(101, 155, 13, 1);
  padding-right: 156px;
  padding-left: 573px;
  width: 48vw;
}

#aboutAudience .bottom-row .item:nth-child(2) .item-content {
  background: rgba(83, 126, 18, 1);
  padding-right: 162px;
  padding-left: 104px;
  width: 24vw;
}

#aboutAudience .bottom-row .item:nth-child(3) .item-content {
  background: rgba(51, 77, 12, 1);
  padding-right: 36px;
  padding-left: 41px;
  width: 27vw;
}

#aboutAudience .bottom-row .item:nth-child(1) .item-content__head {
  max-width: 199px;
}

#aboutAudience .bottom-row .item:nth-child(2) .item-content__head {
  max-width: 189px;
}

#aboutAudience .bottom-row .item:nth-child(3) .item-content__head {
  max-width: 423px;
}

#aboutAudience .bg-image {
  position: absolute;
  bottom: 15px;
  left: 0;
  text-align: start;
}

#aboutAudience .bg-image img {
  width: 100%;
}

#aboutAudience .rows-mobile {
  display: none;
}

#aboutAudience .bg-image-mobile-1,
#aboutAudience .bg-image-mobile-2 {
  display: none;
}

@media (max-width: 576.5px) {
  #aboutAudience > img {
    display: none;
  }

  #aboutAudience .list {
    display: none;
  }

  #aboutAudience {
    overflow: visible;
    padding: 5vw 0 6.875vw;
  }

  #aboutAudience .title {
    font-size: 4.797vw;
    line-height: 5.88vw;
    margin-right: 5.31vw;
    margin-bottom: 5.625vw;
  }

  #aboutAudience .rows {
    display: none;
  }

  #aboutAudience .rows-mobile {
    display: flex;
    flex-direction: column;
    row-gap: 1.25vw;
    position: relative;
    z-index: 2;
  }

  #aboutAudience .rows-mobile .item-content__head {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 2.5vw;
    line-height: 3.047vw;
    letter-spacing: 0;
    text-align: center;
  }

  #aboutAudience .top-row,
  #aboutAudience .middle-row,
  #aboutAudience .bottom-row {
    max-height: 28.44vw;
    display: flex;
    flex-direction: row;
  }

  #aboutAudience .top-row .item-content {
    padding-top: 4.69vw;
    padding-bottom: 6.25vw;
    border-radius: 15.912vw 0 0 15.912vw;
    row-gap: 2.26vw;
  }

  #aboutAudience .top-row .item-content img {
    height: 8.75vw;
    width: auto;
  }

  #aboutAudience .top-row .item:nth-child(1) .item-content {
    padding-right: 8.472vw;
    padding-left: 5.938vw;
    width: 41.9vw;
    backdrop-filter: blur(16.973188400268555px);
    background: rgba(217, 217, 217, 0.25);
  }

  #aboutAudience .top-row .item:nth-child(2) {
    background: rgba(217, 217, 217, 0.25);
  }

  #aboutAudience .top-row .item:nth-child(2) .item-content {
    padding-right: 8.438vw;
    padding-left: 9.028vw;
    width: 51.875vw;
    background: rgba(217, 217, 217, 0.25);
  }

  #aboutAudience .middle-row .item-content {
    padding-top: 4.375vw;
    padding-bottom: 6.75vw;
    border-radius: 0 15.912vw 15.912vw 0;
    row-gap: 2.18vw;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
  }

  #aboutAudience .middle-row .item-content img {
    height: 8.75vw;
    width: auto;
  }

  #aboutAudience .middle-row .item:nth-child(1) .item-content {
    padding-right: 8.472vw;
    padding-left: 13.125vw;
    width: 50.625vw;
    backdrop-filter: blur(11.7506685256958px);
    background: rgba(207, 207, 207, 0.2);
  }

  #aboutAudience .middle-row .item:nth-child(1) {
    background: rgba(140, 222, 1, 0.3);
  }

  #aboutAudience .middle-row .item:nth-child(2) .item-content {
    padding-right: 6.875vw;
    padding-left: 6.25vw;
    width: 48.438vw;
    background: rgba(140, 222, 1, 0.3);
  }

  #aboutAudience .bottom-row {
    justify-content: flex-end;
  }

  #aboutAudience .bottom-row .item-content {
    padding-top: 5vw;
    padding-bottom: 6.56vw;
    border-radius: 15.912vw 0 0 15.912vw;
    row-gap: 2.26vw;
  }

  #aboutAudience .bottom-row .item-content img {
    height: 8.75vw;
    width: auto;
  }

  #aboutAudience .bottom-row .item:nth-child(1) .item-content {
    padding-right: 8.472vw;
    padding-left: 5.938vw;
    width: 41.9vw;
    backdrop-filter: blur(16.973188400268555px);
    background: rgba(84, 127, 18, 1);
  }

  #aboutAudience .bottom-row .item:nth-child(1) {
    background: transparent;
  }

  #aboutAudience .bottom-row .item:nth-child(2) {
    background: rgba(84, 127, 18, 1);
  }

  #aboutAudience .bottom-row .item:nth-child(2) .item-content {
    padding-right: 8.438vw;
    padding-left: 9.028vw;
    width: 51.875vw;
    background: rgba(217, 217, 217, 0.25);
  }

  #aboutAudience .bg-image {
    display: none;
  }

  #aboutAudience .bg-image-mobile-1 {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: start;
    z-index: 2;
  }

  #aboutAudience .bg-image-mobile-1 img {
    width: 17.188vw;
  }

  #aboutAudience .bg-image-mobile-2 {
    display: block;
    position: absolute;
    bottom: -10.934vw;
    left: 0;
    text-align: start;
  }

  #aboutAudience .bg-image-mobile-2 img {
    width: 41.25vw;
  }
}

#aboutBenefits {
  padding: 0 4.53vw 2.71vw 5.26vw;
  color: black;
  position: relative;
}

#aboutBenefits .title {
  font-family: Century Gothic;
  font-size: 2.5vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 2.45vw;
  color: white;
}

#aboutBenefits .benefits {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto) 1fr;
  gap: 0.94vw;
  margin-bottom: 3.96vw;
  position: relative;
}

#aboutBenefits .benefit-item {
  background: white;
  padding: 2.08vw 2.6vw;
  text-align: center;
  position: relative;
  z-index: 2;
  border-radius: 1.82vw;
  min-height: 9.9vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

#aboutBenefits .benefit-item::after {
  content: "";
  position: absolute;
  left: 99.5%;
  top: 0;
  bottom: 0;
  height: auto;
  width: 1.35vw;
  background: url(../images/professional/about-vertical-connector-image.svg)
    center center no-repeat;
  background-size: contain;
}

#aboutBenefits .benefit-item::before {
  content: "";
  position: absolute;
  top: 99.5%;
  right: 0;
  left: 0;
  height: 1.04vw;
  width: auto;
  background: url(../images/professional/about-horizontal-connector-image.svg)
    center center no-repeat;
  background-size: contain;
}

#aboutBenefits .benefit-item:nth-child(2n)::after,
#aboutBenefits .benefit-item:nth-child(5)::after {
  display: none;
}

#aboutBenefits .benefit-item:nth-child(3)::before,
#aboutBenefits .benefit-item:nth-child(4)::before,
#aboutBenefits .benefit-item:nth-child(5)::before,
#aboutBenefits .benefit-item:nth-child(6)::before {
  display: none;
}

#aboutBenefits .benefit-item:last-child {
  background: none;
  padding: 0;
  padding-left: 0.83vw;
  font-family: Century Gothic;
  font-size: 1.15vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-align: left;
  color: white;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 28.4vw;
  right: 1vw;
}

#aboutBenefits .benefit-item__title {
  font-family: Century Gothic;
  font-size: 1.05vw;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}

#aboutBenefits .benefit-item__text {
  font-family: Montserrat Alternates;
  font-size: 0.94vw;
  font-weight: 200;
  line-height: normal;
  text-align: center;
}

#aboutBenefits .benefit-item_combined {
  grid-column: span 2;
  padding-right: 22.71vw;
  padding-left: 5.73vw;
  row-gap: 0.94vw;
  position: relative;
  width: 59.9vw;
}

#aboutBenefits .benefit-item_combined img {
  position: absolute;
  padding-right: 1.41vw;
  right: 0px;
  bottom: -0.05vw;
  height: 14.58vw;
}

#aboutBenefits .slider.ui-slider {
  width: 32.4vw;
  border: 0.26vw solid #ffffff;
  border-right-width: 0.47vw;
  border-bottom-width: 0.31vw;
  border-left-width: 0.63vw;
  background: #99e721;
  border-radius: 7.34vw;
  box-shadow: 0px -0.07vw 0px 0px #ffffff33 inset,
    0px -2.95vw 6.14vw 0px #8cde014d,
    0px 0.37vw 1.72vw 0.37vw rgba(52, 79, 22, 0.8) inset;
  height: 4.53vw;
  transition: all 0.5s;
  margin: auto;
}

#aboutBenefits .slider.ui-slider .ui-slider-handle {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0 !important;
  margin-left: -0.36vw;
  margin-top: -0.1vw;
  margin-bottom: -0.05vw;
  width: auto;
  height: auto;
  padding: 1.3vw 4.34vw 1.25vw 3.46vw;
  background: #ffffff;
  border-radius: 7.21vw;
  font-family: Century Gothic;
  font-weight: 700;
  font-size: 1.3vw;
  line-height: 1.56vw;
  letter-spacing: -0.02em;
  color: #7fa248;
  outline: none !important;
  box-shadow: -0.48vw 0px 0.24vw -0.36vw rgba(153, 231, 33, 1) inset,
    0px 0.07vw 0px 0px rgba(207, 207, 207, 0.2) inset,
    0.24vw 1.2vw 1.68vw -0.48vw rgba(0, 0, 0, 1);
}

#aboutBenefits .slider.ui-slider.active .ui-slider-handle {
  left: auto !important;
  right: 0;
}

#aboutBenefits .circle-image-1 img {
  width: 10.68vw;
  height: auto;
  position: absolute;
  left: 0;
  bottom: -5.21vw;
}

#aboutBenefits .circle-image-2 img {
  width: 21.46vw;
  height: auto;
  position: absolute;
  right: 0;
  bottom: -9.9vw;
}

#aboutOverview-mobile {
  display: none;
}

@media (max-width: 575.5px) {
  #aboutBenefits {
    display: none;
  }

  #aboutOverview-mobile {
    display: unset;
    padding: 4.66vw 6.563vw 6.372vw;
    position: relative;
  }

  #aboutOverview-mobile .title {
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    font-size: 4.634vw;
    line-height: 5.684vw;
    letter-spacing: -0.02em;
    margin-bottom: 4.716vw;
    text-align: center;
  }

  #aboutOverview-mobile .overview-items {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
  }

  #aboutOverview-mobile .overview-items__connector {
    height: 1.5625vw;
    width: auto;
  }

  #aboutOverview-mobile .overview-item {
    width: 100%;
    padding: 2.188vw 6.25vw;
    background: rgba(255, 255, 255, 1);
    border-radius: 4.56vw;
    position: relative;
    margin-bottom: 1.5625vw;
  }

  #aboutOverview-mobile .overview-item:before {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    height: 1.875vw;
    width: auto;
    background: url(../images/professional/overview-items-connector.svg) center
      center no-repeat;
    background-size: contain;
  }

  #aboutOverview-mobile .overview-item:nth-child(4) {
    margin-bottom: 2.8125vw;
  }

  #aboutOverview-mobile .overview-item:nth-child(4):before {
    display: none;
  }

  #aboutOverview-mobile .overview-item__title {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 2.5vw;
    line-height: 3.047vw;
    letter-spacing: 0;
    color: rgba(127, 162, 72, 1);
    margin-bottom: 0.625vw;
    text-transform: uppercase;
  }

  #aboutOverview-mobile .overview-item__details ul {
    list-style: none;
    font-family: Montserrat;
    font-weight: 300;
    font-size: 2.5vw;
    line-height: 3.047vw;
    letter-spacing: 0;
    color: rgba(0, 0, 0, 1);
    padding: 0;
    margin: 0;
  }

  #aboutOverview-mobile .overview-item__details ul li {
    position: relative;
  }

  #aboutOverview-mobile .overview-item__details ul li:before {
    content: "";
    position: absolute;
    top: 0.9vw;
    left: -1.875vw;
    width: 0.9375vw;
    height: 0.9375vw;
    background: url(../images/professional/overview-item-green.svg) center
      center no-repeat;
    background-size: contain;
  }

  #aboutOverview-mobile .overview-bg-image-1 {
    position: absolute;
    right: 0;
    top: -15.3125vw;
    height: 67.5vw;
    z-index: 0;
  }

  #aboutOverview-mobile .overview-bg-image-2 {
    position: absolute;
    right: 0;
    top: 9.0625vw;
    height: 20.625vw;
    z-index: 2;
  }

  #aboutOverview-mobile .slider.ui-slider {
    width: 55.34vw;
    border: 1.75px solid #ffffff;
    border-right-width: 2.1px;
    border-bottom-width: 2.1px;
    border-left-width: 2px;
    border-radius: 15.52vw;
    box-shadow: 0px 0.5px 0px 0px rgba(0, 0, 0, 0.3) inset,
      0px -0.5px 0px 0px rgba(255, 255, 255, 0.2) inset,
      0px -3.51px 17.55px 0px rgba(140, 222, 1, 0.3),
      0px 2.48px 11.59px 2.48px rgba(52, 79, 22, 0.8) inset;
    height: 9.55vw;
    background: #99e721;
    transition: all 0.5s;
    margin: auto;
    margin-top: 5.647vw;
  }

  #aboutOverview-mobile .slider.ui-slider .ui-slider-handle {
    margin-left: -0.75px;
    margin-top: -0.9px;
    margin-bottom: -0.4px;
    padding: 2.787vw 3.7vw 2.44vw 3.05vw;
    border-radius: 15.19vw;
    font-size: 2.7vw;
    line-height: 3.29vw;
    box-shadow: -3.24px 0px 1.62px -2.43px rgba(153, 231, 33, 1) inset,
      0px 0.49px 0px 0px rgba(207, 207, 207, 0.2) inset,
      1.62px 8.1px 11.34px -3.24px rgba(0, 0, 0, 1);
    display: -ms-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    bottom: 0;
    left: 0 !important;
    width: auto;
    height: auto;
    background: #ffffff;
    font-family: Montserrat;
    font-weight: 500;
    letter-spacing: -0.02em;
    color: #7fa248;
    outline: none !important;
  }
}

#joinModal .modal-dialog {
  max-width: 683px;
}

#joinModal .modal-content {
  background: none;
  padding-top: 243px;
}

#joinModal .modal-content .btn-close {
  right: -28px;
  background: url("../images/professional/modal-green-close.svg") center center
    no-repeat;
  background-size: contain;
  width: 28px;
  height: 27px;
}

#joinModal .modal-content .image-top {
  position: absolute;
  top: 0px;
  left: 158px;
  bottom: 27px;
  z-index: 0;
  pointer-events: none;
}

#joinModal .modal-content .image-top img {
  height: 347px;
}

#joinModal .modal-body {
  background: url("../images/professional/modal-video.png") center center
    no-repeat;
  background-size: 100% 100%;
  padding: 108px 68px 0 54px;
}

#joinModal .modal-body form input[type="text"] {
  width: 100%;
  margin-bottom: 12px;
  background: #ffffff40;
  border: 2.23px solid #ffffff80;
  box-shadow: 0px 4.46px 4.46px 0px #00000040;
  padding: 11px 39px 10px;
  border-radius: 22px;
  color: white;
  font-size: 22px;
  line-height: 27px;
}

#joinModal .modal-body form input[name="email"] {
  margin-bottom: 1.25vw;
}

#joinModal .modal-body form input[type="text"]::placeholder {
  color: white;
  opacity: 0.6;
}

#joinModal .modal-body .submit-button {
  background: #000000;
  border: 1px solid #ffffff;
  box-shadow: 3.95px -3.95px 19.55px 0px #0000001a,
    0px 4px 8px 0px #75b219 inset;
  padding: 19px 42px;
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: -0.02em;
  border-radius: 119px;
  text-transform: uppercase;
  margin-bottom: -6px;
  margin-top: 13px;
}

@media (max-width: 1599.5px) {
  #joinModal .modal-dialog {
    max-width: 580px;
  }

  #joinModal .modal-content {
    padding-top: 200px;
  }

  #joinModal .modal-content .btn-close {
    right: -24px;
    width: 24px;
    height: 23px;
  }

  #joinModal .modal-content .image-top {
    top: -10px;
    left: 130px;
    bottom: 0px;
  }

  #joinModal .modal-content .image-top img {
    height: 300px;
  }

  #joinModal .modal-body {
    padding: 100px 60px 0 50px;
  }

  #joinModal .modal-body form input[type="text"] {
    margin-bottom: 10px;
    border-width: 2px;
    padding: 10px 35px 9px;
    border-radius: 20px;
    font-size: 18px;
    line-height: 22px;
  }

  #joinModal .modal-body .submit-button {
    padding: 17px 20px;
    font-size: 22px;
    line-height: 27px;
    border-radius: 110px;
  }
}

@media (max-width: 1199.5px) {
  #joinModal .modal-dialog {
    max-width: 490px;
  }

  #joinModal .modal-content {
    padding-top: 155px;
  }

  #joinModal .modal-content .btn-close {
    right: -20px;
    width: 20px;
    height: 19px;
  }

  #joinModal .modal-content .image-top {
    top: -15px;
    left: 100px;
    bottom: 15px;
  }

  #joinModal .modal-content .image-top img {
    height: 250px;
  }

  #joinModal .modal-body {
    padding: 95px 50px 0 40px;
  }

  #joinModal .modal-body form input[type="text"] {
    margin-bottom: 8px;
    border-width: 1.8px;
    padding: 8px 30px 7px;
    border-radius: 18px;
    font-size: 16px;
    line-height: 20px;
  }

  #joinModal .modal-body .submit-button {
    padding: 15px 18px;
    font-size: 18px;
    line-height: 24px;
    border-radius: 100px;
  }
}

@media (max-width: 991.5px) {
  #joinModal .modal-dialog {
    max-width: 425px;
  }

  #joinModal .modal-content {
    padding-top: 125px;
  }

  #joinModal .modal-content .btn-close {
    right: -15px;
    width: 15px;
    height: 14px;
  }

  #joinModal .modal-content .image-top {
    top: -15px;
    left: 92px;
    bottom: 0px;
  }

  #joinModal .modal-content .image-top img {
    height: 200px;
  }

  #joinModal .modal-body {
    padding: 75px 40px 0 30px;
  }

  #joinModal .modal-body form input[type="text"] {
    margin-bottom: 6px;
    border-width: 1.5px;
    padding: 7px 25px 6px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 16px;
  }

  #joinModal .modal-body .submit-button {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 90px;
    margin-top: 0px;
  }
}

@media (max-width: 767.5px) {
  #joinModal .modal-dialog {
    max-width: 360px;
  }

  #joinModal .modal-content {
    padding-top: 130px;
  }

  #joinModal .modal-content .btn-close {
    right: -10px;
    width: 10px;
    height: 9px;
  }

  #joinModal .modal-content .image-top {
    top: 0px;
    left: 80px;
    bottom: 5px;
  }

  #joinModal .modal-content .image-top img {
    height: 180px;
  }

  #joinModal .modal-body {
    padding: 65px 35px 0 25px;
  }

  #joinModal .modal-body form input[type="text"] {
    margin-bottom: 5px;
    border-width: 1.2px;
    padding: 5px 20px 4px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 13px;
  }

  #joinModal .modal-body .submit-button {
    padding: 10px 14px;
    font-size: 11px;
    line-height: 14px;
    border-radius: 80px;
  }
}

@media (max-width: 575.5px) {
  #joinModal .modal-dialog {
    max-width: 94.69vw;
    margin-top: 20vw;
  }

  #joinModal .modal-content {
    padding-top: 33.44vw;
  }

  #joinModal .modal-content .btn-close {
    right: 0vw;
    width: 3.44vw;
    height: 3.13vw;
    top: 28.13vw;
  }

  #joinModal .modal-content .image-top {
    top: 3.13vw;
    left: 21.88vw;
    bottom: 0vw;
  }

  #joinModal .modal-content .image-top img {
    height: 43.44vw;
  }

  #joinModal .modal-body {
    padding: 14.84vw 9.38vw 0 7.5vw;
  }

  #joinModal .modal-body form input[type="text"] {
    margin-bottom: 1.72vw;
    border: 0.31vw solid rgba(255, 255, 255, 0.5);
    box-shadow: 0vw 0.62vw 0.62vw 0vw rgba(0, 0, 0, 0.25);
    padding: 1.56vw 5.63vw 1.25vw;
    border-radius: 3vw;
    color: white;
    font-size: 3.13vw;
    line-height: 3.75vw;
  }

  #joinModal .modal-body form input[name="email"] {
    margin-bottom: 3.33vw;
  }

  #joinModal .modal-body .submit-button {
    border: 0.14vw solid #ffffff;
    box-shadow: 0.54vw -0.54vw 2.69vw 0vw rgba(0, 0, 0, 0.1),
      0vw 0.55vw 1.1vw 0vw rgba(117, 178, 25, 1) inset;
    padding: 2.81vw 3.75vw;
    font-size: 3.13vw;
    line-height: 4.06vw;
    border-radius: 52vw;
    margin-bottom: -1.88vw;
    margin-top: 0.63vw;
  }
}

#aboutModules {
  padding: 2.66vw 5.47vw 2.66vw 0;
  position: relative;
}

#aboutModules hr {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: none;
  border-top: 0.052vw solid rgba(255, 255, 255, 1);
  margin: 0 5.36vw;
}

#aboutModules .title {
  font-family: Century Gothic;
  font-size: 2.5vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 2.34vw;
}

#aboutModules .modules-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.94vw;
  position: relative;
  z-index: 2;
}

#aboutModules .module-item {
  display: flex;
  flex-direction: row;
  padding: 0.83vw 2.3vw 0.78vw 5.21vw;
  width: 100%;
  align-items: flex-start;
  border: 0.052vw solid rgba(153, 231, 33, 1);
  border-left: 0;
  border-radius: 0 2.34vw 2.34vw 0;
}

#aboutModules .module-item.active {
  background-color: rgba(140, 222, 1, 0.3);
}

#aboutModules .module-item.active .module-item__details {
  display: block;
}

#aboutModules .module-item > div {
  margin-left: 1.56vw;
}

#aboutModules .module-item__title {
  display: flex;
  flex-direction: row;
  font-family: Century Gothic;
  font-size: 1.3vw;
  font-weight: 700;
  line-height: normal;
  text-align: start;
  margin: auto 0;
}

#aboutModules .module-item__title span {
  font-family: Montserrat;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: normal;
  text-align: start;
}

#aboutModules .module-item__details {
  font-family: Montserrat;
  font-size: 1.04vw;
  font-weight: 300;
  line-height: normal;
  text-align: start;
  margin-top: 0.57vw;
  display: none;
  opacity: 0;
  transition: opacity 1.1s ease;
}

#aboutModules .module-item__details ul {
  padding-left: 2.45vw;
  margin-bottom: 0.94vw;
  list-style: none;
}

#aboutModules .module-item__details ul li {
  position: relative;
  margin-bottom: 0.26vw;
}

#aboutModules .module-item__details ul li:before {
  content: "";
  position: absolute;
  top: 0.31vw;
  left: -1.35vw;
  width: 0.94vw;
  height: 0.83vw;
  background: url(../images/professional/modules-arrow-image.svg) center center
    no-repeat;
  background-size: contain;
}

#aboutModules .module-item > span {
  width: 2.97vw;
  height: 2.86vw;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#aboutModules .module-item > span img {
  height: inherit;
}

#aboutModules .button {
  margin: 0.73vw 0 auto auto;
  width: 1.56vw;
  height: 1.56vw;
}

#aboutModules .circle-mobile-image {
  display: none;
}

@media (max-width: 575.5px) {
  #aboutModules {
    padding: 5vw 4.04vw 3.44vw 0;
    position: relative;
  }

  #aboutModules hr {
    border-top: 0.2px solid rgba(255, 255, 255, 1);
    margin: 0px;
  }

  #aboutModules .title {
    font-size: 4.44vw;
    line-height: 5.44vw;
    margin-bottom: 3.93vw;
  }

  #aboutModules .modules-list {
    row-gap: 2.219vw;
    width: 100%;
    max-width: unset;
  }

  #aboutModules .module-item {
    padding: 1.68vw 0 1.42vw;
    width: 100%;
    padding-left: 5.644vw;
    padding-right: 4.038vw;
    border: 0.3px solid rgba(153, 231, 33, 1);
    border-radius: 0px 5.853vw 5.853vw 0px;
    border-left: 0px;
  }

  #aboutModules .module-item span img {
    height: 7.63vw;
    width: auto;
  }

  #aboutModules .module-item.active {
    background-color: rgba(140, 222, 1, 0.3);
  }

  #aboutModules .module-item > div {
    margin-left: 3.75vw;
  }

  #aboutModules .module-item__title {
    font-size: 3.29vw;
    line-height: 3.99vw;
    row-gap: 0.497vw;
    width: 67.8vw;
  }

  #aboutModules .module-item__title span {
    font-size: 2.978vw;
    line-height: 3.63vw;
  }

  #aboutModules .module-item__details {
    font-size: 2.37vw;
    line-height: 2.894vw;
    margin-top: 1.98vw;
  }

  #aboutModules .module-item__details ul {
    padding-left: 5.475vw;
    margin-bottom: 0.625vw;
    position: relative;
  }

  #aboutModules .module-item__details ul li:before {
    position: absolute;
    top: 30%;
    left: -2.397vw;
    height: 5px;
    width: 4px;
  }

  #aboutModules .module-item > span {
    width: 6.7vw;
    height: unset;
  }

  #aboutModules .button {
    margin-top: 2.071vw;
    height: 4.053vw;
    width: auto;
  }

  #aboutModules .circle-image {
    display: none;
  }

  #aboutModules .circle-mobile-image {
    display: unset;
    height: 33.75vw;
    left: 0;
    top: -15.93vw;
    position: absolute;
    z-index: 2;
  }

  #aboutModules .bg-image {
    display: none;
  }

  #aboutModules .main-image {
    display: none;
  }
}

#aboutCapabilities {
  padding-top: 1.77vw;
  padding-bottom: 2.19vw;
  position: relative;
}

#aboutCapabilities .title {
  font-family: Century Gothic;
  font-size: 2.5vw;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.02em;
  text-align: center;
  margin-bottom: 2.81vw;
}

#aboutCapabilities .columns {
  display: flex;
  flex-direction: row;
  column-gap: 2.55vw;
  margin-bottom: 0.94vw;
  position: relative;
  z-index: 4;
}

#aboutCapabilities .column {
  display: flex;
  flex-direction: column;
  row-gap: 0.94vw;
  width: 100%;
}

#aboutCapabilities .capability-item {
  font-family: Century Gothic;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  height: 5.99vw;
  background: white;
  color: black;
  display: flex;
  justify-content: center;
  border-radius: 1.3vw;
  flex-direction: column;
  align-items: center;
  position: relative;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out,
    border-radius 0.25s ease;
}

#aboutCapabilities .capability-item span {
  margin: auto;
  max-width: 36.3vw;
  padding: 0 0.42vw;
}

#aboutCapabilities .capability-item .capability-content {
  font-family: Montserrat;
  font-weight: 300;
  font-size: 1.15vw;
  line-height: 1.41vw;
  text-align: center;
  position: absolute;
  background: white;
  padding: 0 1.3vw 1.56vw 1.3vw;
  border-radius: 0 0 1.3vw 1.3vw;
  top: 50%;
  z-index: 4;
  box-shadow: 0 0.26vw 0.21vw 0 rgba(0, 0, 0, 0.2);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out,
    border-radius 0.25s ease;
}

#aboutCapabilities .capability-item:hover {
  border-radius: 1.3vw 1.3vw 0 0;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out,
    border-radius 0.25s ease;
}

#aboutCapabilities .capability-item:hover .capability-content {
  top: 90%;
  opacity: 1;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out,
    border-radius 0.25s ease;
}

#aboutCapabilities .left-column .capability-item {
  margin-left: 7.19vw;
}

#aboutCapabilities .left-column .capability-item:hover {
  border-radius: 1.3vw 1.3vw 0 0;
}

#aboutCapabilities .right-column .capability-item {
  margin-right: 7.19vw;
}

#aboutCapabilities .left-column .capability-item:hover {
  border-radius: 1.3vw 1.3vw 0 0;
}

#aboutCapabilities .bottom-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.42vw;
  margin-left: 7.19vw;
  margin-right: 7.19vw;
  margin-bottom: 2.55vw;
  position: relative;
  z-index: 3;
}

#aboutCapabilities .bottom-row-item {
  background: white;
  padding: 1.51vw 1.67vw;
  text-align: center;
  border-radius: 1.3vw;
  min-height: 5.99vw;
  color: black;
  font-family: Century Gothic;
  font-size: 1.25vw;
  font-weight: 400;
  line-height: normal;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: center;
}

#aboutCapabilities .bottom-row-item:hover {
  border-radius: 1.3vw 1.3vw 0 0;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out,
    border-radius 0.25s ease;
}

#aboutCapabilities .bottom-row-item span {
  padding: 0 0.83vw 1.67vw 0.89vw;
  font-family: Montserrat;
  font-weight: 300;
  font-size: 1.09vw;
  line-height: 1.3vw;
  text-align: center;
  position: absolute;
  background: white;
  border-radius: 0 0 1.3vw 1.3vw;
  top: 50%;
  pointer-events: none;
  opacity: 0;
  width: 100%;
  left: 0;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out,
    border-radius 0.25s ease;
}

#aboutCapabilities .bottom-row-item:hover span {
  opacity: 1;
  top: 90%;
  transition: opacity 0.3s ease-in-out, top 0.3s ease-in-out,
    border-radius 0.25s ease;
}

#aboutCapabilities .bottom-row-item::after {
  content: "";
  position: absolute;
  left: 99.8%;
  bottom: 0;
  height: 100%;
  width: 0.6vw;
  background: url(../images/professional/about-capabilities-vertical-connector-image.svg)
    center center no-repeat;
  background-size: contain;
}

#aboutCapabilities .bottom-row-item:last-child::after {
  content: none;
}

#aboutCapabilities .slider.ui-slider {
  width: 27.4vw;
  border: 0.26vw solid #ffffff;
  border-right-width: 0.47vw;
  border-bottom-width: 0.31vw;
  border-left-width: 0.63vw;
  background: #99e721;
  border-radius: 7.34vw;
  box-shadow: 0 -0.07vw 0 0 #ffffff33 inset, 0 -2.95vw 6.14vw 0 #8cde014d,
    0 0.37vw 1.72vw 0.37vw rgba(52, 79, 22, 0.8) inset;
  height: 4.53vw;
  transition: all 0.5s;
  margin: auto;
  position: relative;
  z-index: 2;
}

#aboutCapabilities .slider.ui-slider .ui-slider-handle {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0 !important;
  margin-left: -0.36vw;
  margin-top: -0.1vw;
  margin-bottom: -0.05vw;
  width: auto;
  height: auto;
  padding: 1.3vw 2.34vw 1.25vw 2.34vw;
  background: #ffffff;
  border-radius: 7.21vw;
  font-family: Century Gothic;
  font-weight: 700;
  font-size: 1.3vw;
  line-height: normal;
  letter-spacing: -0.02em;
  color: #7fa248;
  outline: none !important;
  box-shadow: -0.48vw 0 0.24vw -0.36vw rgba(153, 231, 33, 1) inset,
    0 0.07vw 0 0 rgba(207, 207, 207, 0.2) inset,
    0.24vw 1.2vw 1.68vw -0.48vw rgba(0, 0, 0, 1);
}

#aboutCapabilities .slider.ui-slider.active .ui-slider-handle {
  left: auto !important;
  right: 0;
}

#aboutCapabilities .bg-image img {
  width: 39.85vw;
  position: absolute;
  left: 0;
  top: -6vw;
}

#aboutCapabilities .bg-image-1 {
  position: absolute;
  top: -30%;
  left: 0;
  z-index: 1;
  display: none;
}

#aboutCapabilities .bg-image-1 img {
  height: 100%;
}

#aboutCapabilities .bg-image-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: none;
}

#aboutCapabilities .bg-image-2 img {
  width: 100%;
}

#aboutCapabilities .bg-image-3 {
  position: absolute;
  bottom: 3%;
  left: 0;
  z-index: 1;
  display: none;
}

#aboutCapabilities .bg-image-3 img {
  width: 100%;
}

#aboutCapabilities .circle-image img {
  position: absolute;
  width: 8.07vw;
  top: 9.63vw;
  right: 50%;
  transform: translateX(50%);
  z-index: 5;
}

#aboutCapabilities .black-circle-image {
  position: absolute;
  right: 0;
  z-index: 5;
  display: none;
}

#accessModal .modal-dialog {
  max-width: 683px;
}

#accessModal .modal-content {
  background: none;
  padding-top: 294px;
}

#accessModal .modal-content .btn-close {
  right: -28px;
  background: url("../images/professional/modal-green-close.svg") center center
    no-repeat;
  background-size: contain;
  width: 28px;
  height: 27px;
}

#accessModal .modal-content .image-top {
  position: absolute;
  top: 0px;
  left: 158px;
  bottom: 27px;
  z-index: 0;
  pointer-events: none;
}

#accessModal .modal-content .image-top img {
  height: 347px;
}

#accessModal .modal-body {
  background: url("../images/professional/access-modal-image.png") center center
    no-repeat;
  background-size: 100% 100%;
  padding: 91px 67px 0 56px;
}

#accessModal .modal-body form input[type="text"] {
  width: 100%;
  margin-bottom: 12px;
  background: #ffffff40;
  border: 2.23px solid #ffffff80;
  box-shadow: 0px 4.46px 4.46px 0px #00000040;
  padding: 11px 39px 10px;
  border-radius: 22px;
  color: white;
  font-size: 22px;
  line-height: 27px;
}

#accessModal .modal-body form input[name="email"] {
  margin-bottom: 1.25vw;
}

#accessModal .modal-body form input[type="text"]::placeholder {
  color: white;
  opacity: 0.6;
}

#accessModal .modal-body .submit-button {
  background: #000000;
  border: 1px solid #ffffff;
  box-shadow: 3.95px -3.95px 19.55px 0px #0000001a,
    0px 4px 8px 0px #75b219 inset;
  padding: 19px 59px;
  font-weight: 500;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: -0.02em;
  border-radius: 119px;
  text-transform: uppercase;
  margin-bottom: -26px;
  margin-top: 4px;
}

@media (max-width: 1599.5px) {
  #accessModal .modal-dialog {
    max-width: 580px;
  }

  #accessModal .modal-content {
    padding-top: 200px;
  }

  #accessModal .modal-content .btn-close {
    right: -24px;
    width: 24px;
    height: 23px;
  }

  #accessModal .modal-content .image-top {
    top: -10px;
    left: 130px;
    bottom: 0px;
  }

  #accessModal .modal-content .image-top img {
    height: 300px;
  }

  #accessModal .modal-body {
    padding: 100px 60px 0 50px;
  }

  #accessModal .modal-body form input[type="text"] {
    margin-bottom: 10px;
    border-width: 2px;
    padding: 10px 35px 9px;
    border-radius: 20px;
    font-size: 18px;
    line-height: 22px;
  }

  #accessModal .modal-body .submit-button {
    padding: 17px 20px;
    font-size: 22px;
    line-height: 27px;
    border-radius: 110px;
  }
}

@media (max-width: 1199.5px) {
  #accessModal .modal-dialog {
    max-width: 490px;
  }

  #accessModal .modal-content {
    padding-top: 155px;
  }

  #accessModal .modal-content .btn-close {
    right: -20px;
    width: 20px;
    height: 19px;
  }

  #accessModal .modal-content .image-top {
    top: -15px;
    left: 100px;
    bottom: 15px;
  }

  #accessModal .modal-content .image-top img {
    height: 250px;
  }

  #accessModal .modal-body {
    padding: 95px 50px 0 40px;
  }

  #accessModal .modal-body form input[type="text"] {
    margin-bottom: 8px;
    border-width: 1.8px;
    padding: 8px 30px 7px;
    border-radius: 18px;
    font-size: 16px;
    line-height: 20px;
  }

  #accessModal .modal-body .submit-button {
    padding: 15px 18px;
    font-size: 18px;
    line-height: 24px;
    border-radius: 100px;
  }
}

@media (max-width: 991.5px) {
  #accessModal .modal-dialog {
    max-width: 425px;
  }

  #accessModal .modal-content {
    padding-top: 125px;
  }

  #accessModal .modal-content .btn-close {
    right: -15px;
    width: 15px;
    height: 14px;
  }

  #accessModal .modal-content .image-top {
    top: -15px;
    left: 92px;
    bottom: 0px;
  }

  #accessModal .modal-content .image-top img {
    height: 200px;
  }

  #accessModal .modal-body {
    padding: 75px 40px 0 30px;
  }

  #accessModal .modal-body form input[type="text"] {
    margin-bottom: 6px;
    border-width: 1.5px;
    padding: 7px 25px 6px;
    border-radius: 15px;
    font-size: 14px;
    line-height: 16px;
  }

  #accessModal .modal-body .submit-button {
    padding: 10px 16px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 90px;
    margin-top: 0px;
  }
}

@media (max-width: 767.5px) {
  #accessModal .modal-dialog {
    max-width: 360px;
  }

  #accessModal .modal-content {
    padding-top: 130px;
  }

  #accessModal .modal-content .btn-close {
    right: -10px;
    width: 10px;
    height: 9px;
  }

  #accessModal .modal-content .image-top {
    top: 0px;
    left: 80px;
    bottom: 5px;
  }

  #accessModal .modal-content .image-top img {
    height: 180px;
  }

  #accessModal .modal-body {
    padding: 65px 35px 0 25px;
  }

  #accessModal .modal-body form input[type="text"] {
    margin-bottom: 5px;
    border-width: 1.2px;
    padding: 5px 20px 4px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 13px;
  }

  #accessModal .modal-body .submit-button {
    padding: 10px 14px;
    font-size: 11px;
    line-height: 14px;
    border-radius: 80px;
  }
}

@media (max-width: 575.5px) {
  #aboutCapabilities {
    padding-top: 1.88vw;
    padding-bottom: 2.65vw;
  }

  #aboutCapabilities .title {
    font-size: 3.75vw;
    line-height: 4.6vw;
    margin-bottom: 3.12vw;
  }

  #aboutCapabilities .columns {
    column-gap: 2.66vw;
    margin-bottom: 1.88vw;
  }

  #aboutCapabilities .column {
    row-gap: 1.56vw;
  }

  #aboutCapabilities .capability-item {
    font-size: 1.88vw;
    line-height: 2.28vw;
    border-radius: 2.84vw;
    min-height: 10.31vw;
  }

  #aboutCapabilities .capability-item:hover {
    border-radius: 2.84vw 2.84vw 0 0;
  }

  #aboutCapabilities .left-column .capability-item:first-child:hover {
    border-radius: 2.84vw 2.84vw 0 0;
  }

  #aboutCapabilities .capability-item span {
    max-width: 41vw;
    padding: 0 0.63vw;
  }

  #aboutCapabilities .left-column .capability-item:first-child {
    margin-left: 5vw;
  }

  #aboutCapabilities .left-column .capability-item:last-child {
    padding-left: 5vw;
    border-radius: 0 2.84vw 2.84vw 0;
    margin-left: 0;
  }

  #aboutCapabilities .right-column .capability-item:first-child {
    padding-right: 4.69vw;
    border-radius: 2.84vw 0 0 2.84vw;
    width: 100%;
    right: 0;
    margin-right: 0;
  }

  #aboutCapabilities .right-column .capability-item:last-child {
    margin-right: 4.69vw;
  }

  #aboutCapabilities .capability-item .capability-content {
    font-size: 1.41vw;
    line-height: 1.72vw;
    padding: 0 1.88vw 2.5vw 1.88vw;
    border-radius: 0 0 2.84vw 2.84vw;
    width: 100%;
    left: 0;
  }

  #aboutCapabilities .left-column .capability-item:last-child:hover {
    border-radius: 0 2.84vw 0 0;
  }

  #aboutCapabilities
    .left-column
    .capability-item:last-child:hover
    .capability-content {
    padding-left: 3vw;
    border-radius: 0 0 2.84vw 0;
  }

  #aboutCapabilities .right-column .capability-item:first-child:hover {
    border-radius: 2.84vw 0 0 0;
  }

  #aboutCapabilities
    .right-column
    .capability-item:first-child:hover
    .capability-content {
    padding-right: 2.69vw;
    border-radius: 0 0 0 2.84vw;
  }

  #aboutCapabilities .bottom-row {
    gap: 0.63vw;
    margin-left: 4.69vw;
    margin-right: 4.69vw;
    margin-bottom: 4.8vw;
  }

  #aboutCapabilities .bottom-row-item:hover {
    border-radius: 2.84vw 2.84vw 0 0;
  }

  #aboutCapabilities .bottom-row-item span {
    padding: 0 0.94vw 2.19vw 0.94vw;
    font-size: 1.41vw;
    line-height: 1.72vw;
    border-radius: 0 0 2.84vw 2.84vw;
  }

  #aboutCapabilities .bottom-row-item {
    padding: 1.56vw 1vw;
    border-radius: 2.84vw;
    min-height: 8.44vw;
    font-size: 1.56vw;
    line-height: 1.88vw;
    font-weight: 700;
  }

  #aboutCapabilities .bottom-row-item::after {
    content: "";
    position: absolute;
    left: 100%;
    bottom: 0;
    height: 100%;
    width: 0.63vw;
    background: url(../images/professional/about-capabilities-vertical-connector-image.svg)
      center center no-repeat;
    background-size: contain;
  }

  #aboutCapabilities .bottom-row-item:last-child::after {
    display: none;
  }

  #aboutCapabilities .slider.ui-slider {
    width: 47.5vw;
    border: 1px solid #ffffff;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-radius: 10.25vw;
    height: 6.87vw;
    box-shadow: 0px 2.05px 9.55px 2.05px rgba(52, 79, 22, 0.8) inset,
      0px 0.41px 0px 0px rgba(0, 0, 0, 0.3) inset,
      0px -0.41px 0px 0px rgba(255, 255, 255, 0.2) inset,
      0px -2.89px 14.47px 0px rgba(140, 222, 1, 0.3);
  }

  #aboutCapabilities .slider.ui-slider .ui-slider-handle {
    margin-left: -1px;
    margin-top: -0.9px;
    margin-bottom: -0.4px;
    padding: 2.29vw 3.619vw 2.03vw 2.519vw;
    border-radius: 12.52vw;
    font-size: 2.225vw;
    box-shadow: -2.67px 0px 1.34px -2px rgba(153, 231, 33, 1) inset,
      0px 0.4px 0px 0px rgba(207, 207, 207, 0.2) inset,
      1.34px 6.68px 9.35px -2.67px rgba(0, 0, 0, 1);
  }

  #aboutCapabilities .bg-image img {
    width: 39.85vw;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    transform: scale(-1);
    left: unset;
  }

  #aboutCapabilities .bg-image-1 {
    position: absolute;
    top: -16vw;
    left: 0;
    display: block;
  }

  #aboutCapabilities .bg-image-1 img {
    width: 60.94vw;
    height: auto;
  }

  #aboutCapabilities .bg-image-2 {
    position: absolute;
    bottom: 10.31vw;
    left: 0;
    display: block;
  }

  #aboutCapabilities .bg-image-2 img {
    height: 44.06vw;
    width: auto;
  }

  #aboutCapabilities .bg-image-3 {
    position: absolute;
    bottom: 16.4vw;
    left: 1.04vw;
    z-index: 6;
    display: block;
  }

  #aboutCapabilities .bg-image-3 img {
    height: 4.79vw;
    width: auto;
  }

  #aboutCapabilities .circle-image {
    bottom: 30.875vw;
    left: 45vw;
  }

  #aboutCapabilities .circle-image img {
    height: 10vw;
    width: auto;
    top: 15vw;
  }

  #aboutCapabilities .black-circle-image {
    top: 3vw;
    display: block;
  }

  #aboutCapabilities .black-circle-image img {
    width: 9.25vw;
  }

  #accessModal .modal-dialog {
    max-width: 94.69vw;
    margin-top: 20vw;
  }

  #accessModal .modal-content {
    padding-top: 39.06vw;
  }

  #accessModal .modal-content .btn-close {
    right: -2.5vw;
    width: 3.44vw;
    height: 3.13vw;
    top: 34vw;
  }

  #accessModal .modal-content .image-top {
    top: 3.13vw;
    left: 21.88vw;
    bottom: 0vw;
  }

  #accessModal .modal-content .image-top img {
    height: 43.44vw;
  }

  #accessModal .modal-body {
    padding: 10.94vw 9.38vw 0 7.5vw;
  }

  #accessModal .modal-body form input[type="text"] {
    margin-bottom: 1.72vw;
    border: 0.31vw solid rgba(255, 255, 255, 0.5);
    box-shadow: 0vw 0.62vw 0.62vw 0vw rgba(0, 0, 0, 0.25);
    padding: 1.56vw 5.63vw 1.25vw;
    border-radius: 3vw;
    color: white;
    font-size: 3.44vw;
    line-height: 3.75vw;
  }

  #accessModal .modal-body form input[name="email"] {
    margin-bottom: 3.33vw;
  }

  #accessModal .modal-body .submit-button {
    border: 0.14vw solid #ffffff;
    box-shadow: 0.54vw -0.54vw 2.69vw 0vw rgba(0, 0, 0, 0.1),
      0vw 0.55vw 1.1vw 0vw rgba(117, 178, 25, 1) inset;
    padding: 2.81vw 8.13vw;
    font-size: 3.44vw;
    line-height: 4.06vw;
    border-radius: 52vw;
    margin-bottom: -1.88vw;
    margin-top: 0.63vw;
  }
}

#aboutSpeakerTariff {
  position: relative;
  padding: 0 5.21vw 3.13vw;
}

#aboutSpeakerTariff > * {
  position: relative;
}

#aboutSpeakerTariff .bg-image {
  position: absolute;
  left: 0;
  bottom: -13.54vw;
  z-index: -1;
}

#aboutSpeakerTariff .bg-image img {
  width: 55.16vw;
}

#aboutSpeakerTariff .absolute-image {
  position: absolute;
}

#aboutSpeakerTariff .image-1 {
  left: 0;
  display: none;
}

#aboutSpeakerTariff .image-2 {
  right: 0;
  display: none;
}

#aboutSpeakerTariff .image-3 {
  display: none;
}

#aboutSpeakerTariff .image-4 {
  left: 0;
  display: none;
}

#aboutSpeakerTariff .absolute-image img {
  width: 100%;
}

#aboutSpeaker {
  padding: 0 0 2.86vw;
}

#aboutSpeaker .delimiter {
  margin-bottom: 2.6vw;
  border-top: 0.052vw solid #ffffff;
}

#aboutSpeaker .title {
  text-align: center;
  color: #99e721;
  font-family: Century Gothic;
  font-weight: 400;
  font-size: 2.5vw;
  line-height: normal;
  letter-spacing: -0.02em;
  margin-bottom: -1.3vw;
}

#aboutSpeaker .speaker-block {
  display: flex;
  flex-direction: row;
  column-gap: 1.35vw;
}

#aboutSpeaker .speaker-info {
  padding-top: 2.34vw;
}

#aboutSpeaker .speaker-info > div {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.2vw;
  line-height: normal;
  letter-spacing: -0.02em;
  vertical-align: middle;
  color: rgba(153, 231, 33, 1);
  margin-bottom: 2.08vw;
  position: relative;
  right: 10.16vw;
  display: flex;
  align-items: center;
  column-gap: 0.52vw;
}

#aboutSpeaker .speaker-info .name {
  font-family: Century Gothic;
  font-weight: 700;
  font-size: 2.5vw;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: white;
}

#aboutSpeaker .speaker-info p {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.2vw;
  line-height: normal;
  letter-spacing: -0.02em;
  color: white;
  margin-bottom: 0;
}

#aboutSpeaker .speaker-info p:not(:last-child) {
  margin-bottom: 1.41vw;
}

#aboutSpeaker .speaker-info p b {
  font-weight: 600;
}

#aboutSpeaker .speaker-photo img {
  width: 25.63vw;
  height: auto;
}

#aboutTariff .delimiter {
  width: 63.6%;
  border-top: 0.052vw solid white;
  margin-bottom: 2.6vw;
}

#aboutTariff .title {
  margin-bottom: 0.52vw;
  font-family: Century Gothic;
  font-size: 2.5vw;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-align: center;
}

#aboutTariff .title span:last-child {
  color: rgba(153, 231, 33, 1);
  font-size: 1.25vw;
  margin-top: 0.52vw;
  display: block;
}

#aboutTariff .tariff-list {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 3.39vw;
  justify-content: space-between;
  justify-content: center;
}

#aboutTariff .tariff {
  width: 26.56vw;
  background: white;
  border-radius: 2.34vw;
  padding: 2.34vw 1.82vw;
  color: black;
  /* filter: blur(4px); */
}

#aboutTariff .tariff:last-child {
  margin-top: 4.16vw;
}

#aboutTariff .tariff .tariff-title {
  text-align: center;
  margin-bottom: 1.3vw;
  font-family: Century Gothic;
  font-weight: 700;
  font-size: 1.46vw;
  line-height: normal;
  letter-spacing: 0;
  text-transform: uppercase;
}

#aboutTariff .tariff-text {
  margin-bottom: 0.94vw;
  font-family: Montserrat;
  font-weight: 300;
  font-size: 1.04vw;
  line-height: normal;
  letter-spacing: 0;
}

#aboutTariff .tariff-text b {
  font-weight: 500;
  color: #7fa248;
}

#aboutTariff .tariff-text.guide {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 0.94vw;
  line-height: normal;
  letter-spacing: 0;
  margin-top: 0.31vw;
  margin-bottom: 0.73vw;
}

#aboutTariff .tariff-text.guide b {
  font-weight: 700;
}

#aboutTariff .tariff-cost {
  color: #363636;
  text-shadow: 0 0.24vw 0.24vw #00000040;
  margin-bottom: 2.08vw;
  margin-top: 2.6vw;
  font-family: "Montserrat Alternates";
  font-size: 1.35vw;
  line-height: normal;
  letter-spacing: -0.02em;
  text-align: center;
}

#aboutTariff .tariff-btn {
  position: relative;
  background: white;
  border: 0.077vw solid #ffffff;
  border-radius: 6.51vw;
  box-shadow: 0 0.077vw 0 0 #00000001 inset, 0 -0.077vw 0 0 #ffffff33 inset,
    0 -3.08vw 6.41vw 0 #00000029;
  padding: 1.46vw 2.6vw;
  font-family: Century Gothic;
  font-weight: 400;
  font-size: 1.17vw;
  line-height: normal;
  letter-spacing: -0.02em;
  color: white;
  text-transform: uppercase;
}

#aboutTariff .tariff-btn:before {
  content: "";
  position: absolute;
  top: 0.42vw;
  right: 0.36vw;
  bottom: 0.36vw;
  left: 0.42vw;
  background: #000000;
  border-radius: 7.55vw;
  box-shadow: -0.5vw 0 0.25vw -0.38vw #99e721 inset,
    0 0.075vw 0 0 #cfcfcf33 inset, 0.25vw 1.26vw 1.76vw -0.5vw #000000;
}

#aboutTariff .tariff-btn > * {
  position: relative;
}

#aboutTariff .slider.ui-slider {
  width: 22.86vw;
  margin: auto;
  border: 0.052vw solid #ffffff;
  background: #ffffff;
  border-radius: 7.34vw;
  box-shadow: 0 0.073vw 0 0 #0000004d inset, 0 -0.073vw 0 0 #ffffff33 inset,
    0 -2.95vw 6.14vw 0 #8cde014d;
  height: 4.53vw;
  transition: all 0.5s;
}

#aboutTariff .slider.ui-slider:before {
  content: "";
  position: absolute;
  top: 0.26vw;
  right: 0.47vw;
  bottom: 0.31vw;
  left: 0.42vw;
  background: #99e721;
  border-radius: 7.34vw;
  box-shadow: 0 0.37vw 1.72vw 0.37vw #344f16cc inset;
}

#aboutTariff .slider.ui-slider .ui-slider-handle {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  top: 0.1vw;
  bottom: 0.21vw;
  left: 0.21vw !important;
  margin-left: 0;
  width: auto;
  height: auto;
  padding: 1.3vw 2.24vw 1.25vw;
  background: #ffffff;
  border-radius: 7.19vw;
  box-shadow: -0.48vw 0 0.24vw -0.36vw #99e721 inset,
    0 0.072vw 0 0 #cfcfcf33 inset, 0.24vw 1.2vw 1.68vw -0.48vw #000000;
  font-family: Century Gothic;
  font-weight: 700;
  font-size: 1.3vw;
  line-height: 1.56vw;
  letter-spacing: -0.02em;
  color: #7fa248;
  outline: none !important;
  text-transform: uppercase;
}

#aboutTariff .slider.ui-slider.active .ui-slider-handle {
  left: auto !important;
  right: 0.21vw;
}

#tariffModal .modal-dialog {
  max-width: 793px;
}

#tariffModal .modal-content {
  background: none;
  padding: 0 65px 1px 4px;
}

#tariffModal .modal-content .btn-close {
  top: 189px;
  right: 99px;
  background: url("../images/professional/modal-green-close.svg") center center
    no-repeat;
  background-size: contain;
  width: 28px;
  height: 27px;
}

#tariffModal .modal-body {
  background: url("../images/professional/modal-faq.png") center center
    no-repeat;
  background-size: 100% 100%;
  padding: 313px 119px 89px 53px;
}

#tariffModal .modal-body form input[type="text"] {
  width: 100%;
  margin-bottom: 12px;
  background: #00000017;
  border: 2.23px solid #00000040;
  box-shadow: 0px 4.46px 4.46px 0px #00000040;
  padding: 11px 39px 10px;
  border-radius: 22px;
  color: white;
  font-size: 22px;
  line-height: 27px;
}

#tariffModal .modal-body form input[type="text"]::placeholder {
  color: white;
  opacity: 0.6;
}

#tariffModal .modal-body form .choice-tariff__head {
  width: 100%;
  margin-bottom: 15px;
  background: #00000017;
  border: 2.23px solid #00000040;
  box-shadow: 0px 4.46px 4.46px 0px #00000040;
  padding: 11px 39px 10px;
  border-radius: 22px;
  color: white;
  font-size: 22px;
  line-height: 27px;
}

#tariffModal .modal-body form .choice-tariff__body {
  margin-left: 20px;
}

#tariffModal .modal-body form .choice-tariff__body .choice-group {
  padding: 8px 19px 9px 40px;
  background: linear-gradient(90deg, #99e721 0%, #568212 100%);
  box-shadow: 0px 4.47px 4.47px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(50px);
  margin-bottom: 9px;
  line-height: 1px;
}

#tariffModal
  .modal-body
  form
  .choice-tariff__body
  .choice-group
  input[type="radio"] {
  display: none;
}

#tariffModal
  .modal-body
  form
  .choice-tariff__body
  .choice-group
  input[type="radio"]
  + label {
  position: relative;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  color: white;
  padding-left: 34px;
  margin: 0;
}

#tariffModal
  .modal-body
  form
  .choice-tariff__body
  .choice-group
  input[type="radio"]
  + label:before {
  margin: 0;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  border: 1.21px solid white;
  border-radius: 6px;
}

#tariffModal
  .modal-body
  form
  .choice-tariff__body
  .choice-group
  input[type="radio"]:checked
  + label:after {
  content: "";
  display: block;
  background: url(../images/professional/check-white.png) center center
    no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  top: 1px;
  left: 0px;
  margin: auto;
  width: 22px;
  height: 22px;
}

#tariffModal .agree-group {
  margin-top: 17px;
}

#tariffModal .agree-group input[type="checkbox"] + label {
  color: #000000;
  text-shadow: 0px 4px 4px #00000040;
}

#tariffModal .agree-group input[type="checkbox"] + label:before {
  border-color: #81868b;
}

#tariffModal .agree-group input[type="checkbox"] + label:after {
  background-image: url("../images/professional/modal-check-gray.png");
}

#tariffModal .submit-button {
  border: 1px solid #ffffff;
  border-radius: 144px;
  background: linear-gradient(90deg, #99e721 0%, #558112 100%);
  box-shadow: 4.8px -4.8px 23.74px 0px #0000001a,
    0px 4px 4px 0px #00000040 inset;
  margin-top: 71px;
  padding: 23px 24px 24px;
  width: 468px;
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

@media (max-width: 1599.5px) {
  #tariffModal .modal-dialog {
    max-width: 640px;
  }

  #tariffModal .modal-content {
    padding: 0px;
  }

  #tariffModal .modal-content .btn-close {
    top: 195px;
    right: 27px;
    width: 23px;
    height: 22px;
  }

  #tariffModal .modal-body {
    padding: 290px 110px 86px 50px;
  }

  #tariffModal .modal-body form input[type="text"] {
    margin-bottom: 11px;
    border: 1px solid #00000040;
    box-shadow: 0px 4.25px 4.25px 0px rgba(0, 0, 0, 0.25);
    padding: 10px 29px 9px;
    font-size: 18px;
    line-height: 22px;
    border-radius: 20px;
  }

  #tariffModal .modal-body form .choice-tariff__head {
    margin-bottom: 13.5px;
    background: #00000017;
    border: 1px solid #00000040;
    box-shadow: 0px 4.25px 4.25px 0px rgba(0, 0, 0, 0.25);
    padding: 10px 29px 9px;
    font-size: 18px;
    line-height: 22px;
    border-radius: 20px;
  }

  #tariffModal .modal-body form .choice-tariff__body {
    margin-left: 18px;
  }

  #tariffModal .modal-body form .choice-tariff__body .choice-group {
    padding: 8px 40px 8px 36px;
    box-shadow: 0px 4.25px 4.25px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(45px);
    margin-bottom: 9px;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]
    + label {
    font-size: 16px;
    line-height: 20px;
    padding-left: 33px;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]
    + label:before {
    width: 18px;
    height: 18px;
    border: 0.5px solid white;
    border-radius: 5px;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]:checked
    + label:after {
    width: 18px;
    height: 18px;
  }

  #tariffModal .agree-group {
    margin-top: 16px;
    margin-bottom: 14px;
  }

  #tariffModal .agree-group + .agree-group {
    margin-top: 12px;
  }

  #tariffModal .agree-group input[type="checkbox"] + label:before {
    left: -33px;
    width: 18px;
    height: 18px;
  }

  #tariffModal .agree-group input[type="checkbox"] + label:after {
    left: -33px;
    width: 18px;
    height: 18px;
    margin-top: -4px;
  }

  #tariffModal .submit-button {
    border: 0.5px solid #ffffff;
    border-radius: 130px;
    box-shadow: 4.83px -4.83px 23.2px 0px rgba(0, 0, 0, 0.1),
      0px 4.01px 4.01px 0px rgba(0, 0, 0, 0.25) inset;
    margin-top: 42px;
    padding: 23px 83px;
    width: fit-content;
    font-size: 26px;
    line-height: 30px;
  }
}

@media (max-width: 1199.5px) {
  #tariffModal .modal-dialog {
    max-width: 524px;
  }

  #tariffModal .modal-content {
    padding: 0px;
  }

  #tariffModal .modal-content .btn-close {
    top: 158px;
    right: 22px;
    width: 19px;
    height: 18px;
  }

  #tariffModal .modal-body {
    padding: 244px 89px 66px 40px;
  }

  #tariffModal .modal-body form input[type="text"] {
    margin-bottom: 9px;
    border: 1px solid #00000040;
    box-shadow: 0px 3.4px 3.4px 0px rgba(0, 0, 0, 0.25);
    padding: 8px 25px 7px;
    font-size: 15px;
    line-height: 19px;
    border-radius: 17px;
  }

  #tariffModal .modal-body form .choice-tariff__head {
    margin-bottom: 11.5px;
    background: #00000017;
    border: 1px solid #00000040;
    box-shadow: 0px 3.4px 3.4px 0px rgba(0, 0, 0, 0.25);
    padding: 8px 25px 7px;
    font-size: 15px;
    line-height: 19px;
    border-radius: 17px;
  }

  #tariffModal .modal-body form .choice-tariff__body {
    margin-left: 15px;
  }

  #tariffModal .modal-body form .choice-tariff__body .choice-group {
    padding: 6px 34px 6px 30px;
    box-shadow: 0px 3.4px 3.4px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(36px);
    margin-bottom: 7px;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]
    + label {
    font-size: 13px;
    line-height: 15px;
    padding-left: 27px;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]
    + label:before {
    width: 15px;
    height: 15px;
    border: 0.5px solid white;
    border-radius: 5px;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]:checked
    + label:after {
    width: 15px;
    height: 15px;
  }

  #tariffModal .agree-group {
    margin-top: 12px;
    margin-bottom: 11px;
  }

  #tariffModal .agree-group + .agree-group {
    margin-top: 11px;
  }

  #tariffModal .agree-group input[type="checkbox"] + label:before {
    left: -27px;
    width: 15px;
    height: 15px;
    border-radius: 4px;
  }

  #tariffModal .agree-group input[type="checkbox"] + label:after {
    left: -27px;
    width: 15px;
    height: 15px;
    margin-top: -3px;
  }

  #tariffModal .submit-button {
    border: 0.5px solid #ffffff;
    border-radius: 110px;
    box-shadow: 3.6px -3.6px 17.2px 0px rgba(0, 0, 0, 0.1),
      0px 3.02px 3.02px 0px rgba(0, 0, 0, 0.25) inset;
    margin-top: 40px;
    padding: 17px 59px;
    width: fit-content;
    font-size: 22px;
    line-height: 25px;
  }
}

@media (max-width: 991.5px) {
  #tariffModal .modal-dialog {
    max-width: 465px;
  }

  #tariffModal .modal-content {
    padding: 0px;
  }

  #tariffModal .modal-content .btn-close {
    top: 140px;
    right: 19px;
    width: 17px;
    height: 16px;
  }

  #tariffModal .modal-body {
    padding: 217px 79px 59px 36px;
  }

  #tariffModal .modal-body form input[type="text"] {
    margin-bottom: 8px;
    border: 1px solid #00000040;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
    padding: 8px 27px 7px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 18px;
  }

  #tariffModal .modal-body form .choice-tariff__head {
    margin-bottom: 10px;
    background: #00000017;
    border: 1px solid #00000040;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
    padding: 8px 27px 7px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 18px;
  }

  #tariffModal .modal-body form .choice-tariff__body {
    margin-left: 13px;
  }

  #tariffModal .modal-body form .choice-tariff__body .choice-group {
    padding: 5.4px 30px 6px 28px;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(32px);
    margin-bottom: 6px;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]
    + label {
    font-size: 12px;
    line-height: 14px;
    padding-left: 24px;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]
    + label:before {
    width: 14px;
    height: 14px;
    border: 0.5px solid white;
    border-radius: 4px;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]:checked
    + label:after {
    width: 14px;
    height: 14px;
  }

  #tariffModal .agree-group {
    margin-top: 11px;
    margin-bottom: 10px;
  }

  #tariffModal .agree-group + .agree-group {
    margin-top: 10px;
  }

  #tariffModal .agree-group input[type="checkbox"] + label:before {
    left: -24px;
    width: 14px;
    height: 14px;
  }

  #tariffModal .agree-group input[type="checkbox"] + label:after {
    left: -24px;
    width: 14px;
    height: 14px;
    margin-top: -4px;
  }

  #tariffModal .submit-button {
    border: 0.5px solid #ffffff;
    border-radius: 97px;
    box-shadow: 3.22px -3.22px 15.87px 0px rgba(0, 0, 0, 0.1),
      0px 2.69px 2.69px 0px rgba(0, 0, 0, 0.25) inset;
    margin-top: 36px;
    padding: 16px 53px;
    width: fit-content;
    font-size: 19px;
    line-height: 23px;
  }
}

@media (max-width: 767.5px) {
  #tariffModal .modal-dialog {
    max-width: 388px;
  }

  #tariffModal .modal-content {
    padding: 0px;
  }

  #tariffModal .modal-content .btn-close {
    top: 117px;
    right: 16px;
    width: 14px;
    height: 13px;
  }

  #tariffModal .modal-body {
    padding: 181px 66px 49px 30px;
  }

  #tariffModal .modal-body form input[type="text"] {
    margin-bottom: 7px;
    border: 1px solid #00000040;
    box-shadow: 0px 2.5px 2.5px 0px rgba(0, 0, 0, 0.25);
    padding: 5px 20px 4px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 13px;
  }

  #tariffModal .modal-body form .choice-tariff__head {
    margin-bottom: 8.5px;
    background: #00000017;
    border: 1px solid #00000040;
    box-shadow: 0px 2.5px 2.5px 0px rgba(0, 0, 0, 0.25);
    padding: 5px 20px 4px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 13px;
  }

  #tariffModal .modal-body form .choice-tariff__body {
    margin-left: 11px;
  }

  #tariffModal .modal-body form .choice-tariff__body .choice-group {
    padding: 4.5px 25px 5px 23px;
    box-shadow: 0px 2.5px 2.5px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(27px);
    margin-bottom: 5px;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]
    + label {
    font-size: 10px;
    line-height: 12px;
    padding-left: 20px;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]
    + label:before {
    width: 12px;
    height: 12px;
    border: 0.5px solid white;
    border-radius: 3px;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]:checked
    + label:after {
    width: 12px;
    height: 12px;
  }

  #tariffModal .agree-group {
    margin-top: 9px;
    margin-bottom: 8px;
  }

  #tariffModal .agree-group + .agree-group {
    margin-top: 8px;
  }

  #tariffModal .agree-group input[type="checkbox"] + label:before {
    left: -20px;
    width: 12px;
    height: 12px;
  }

  #tariffModal .agree-group input[type="checkbox"] + label:after {
    left: -20px;
    width: 12px;
    height: 12px;
    margin-top: -5px;
  }

  #tariffModal .submit-button {
    border: 0.5px solid #ffffff;
    border-radius: 81px;
    box-shadow: 2.68px -2.68px 13.24px 0px rgba(0, 0, 0, 0.1),
      0px 2.24px 2.24px 0px rgba(0, 0, 0, 0.25) inset;
    margin-top: 30px;
    padding: 13px 44px;
    width: fit-content;
    font-size: 16px;
    line-height: 19px;
  }
}

#aboutSpeaker-mobile {
  display: none;
}

@media (max-width: 575.5px) {
  #aboutTariff .title span:last-child {
    font-size: 3vw;
    padding: 0 10vw;
    line-height: normal;
  }
  #aboutSpeaker {
    display: none;
  }

  #aboutSpeakerTariff {
    padding: 6px 17px 21px 11px;
    overflow: hidden;
  }

  #aboutSpeakerTariff .bg-image {
    display: none;
  }

  #aboutSpeakerTariff .image-1 {
    top: 23vw;
    width: 55vw;
    display: block;
  }

  #aboutSpeakerTariff .image-2 {
    top: 38.96vw;
    width: 32.19vw;
    display: block;
  }

  #aboutSpeakerTariff .image-3 {
    transform: rotate(180deg);
    top: 72.45vw;
    right: 0;
    bottom: auto;
    left: auto;
    width: 15.94vw;
    height: auto;
    display: block;
  }

  #aboutSpeakerTariff .image-4 {
    width: 52.5vw;
    bottom: 77.88vw;
    display: block;
  }

  #aboutSpeaker-mobile {
    padding: 4vw 0 2.813vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 0.17px solid rgba(255, 255, 255, 1);
  }

  #aboutSpeaker-mobile .title {
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    font-size: 4.375vw;
    line-height: 5.366vw;
    letter-spacing: -0.02em;
    margin-bottom: 4.06vw;
    text-align: center;
    color: rgba(153, 231, 33, 1);
  }

  #aboutSpeaker-mobile img {
    margin: auto;
    width: 52.188vw;
    height: auto;
    margin-bottom: 2.813vw;
  }

  #aboutSpeaker-mobile .speaker-info {
    padding: 1.875vw 2.5vw 1.563vw 5vw;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2.6vw;
    width: 89.375vw;
  }

  #aboutSpeaker-mobile .speaker-info p {
    margin-bottom: 0;
    color: white;
    font-size: 2.813vw;
    line-height: 3.43vw;
    font-family: Montserrat;
    font-weight: 400;
    letter-spacing: -0.02em;
  }

  #aboutTariff .delimiter {
    width: 100%;
    margin-bottom: 5vw;
  }

  #aboutTariff .title {
    width: 100%;
    margin-bottom: 4.38vw;
    font-size: 3.75vw;
    line-height: 4.69vw;
    display: -ms-flex;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  #aboutTariff .title br {
    display: none;
  }

  #aboutTariff .title:after {
    content: "";
    margin-top: 3.75vw;
    width: 9.69vw;
    height: 9.69vw;
    background: url("../images/professional/tariff-arrow.png") center center
      no-repeat;
    background-size: contain;
  }

  #aboutTariff .tariff-list {
    -ms-flex-pack: center;
    justify-content: center;
  }

  #aboutTariff .tariff {
    width: 71.88vw;
    transition: all 0.5s;
    padding: 6.25vw 5.13vw;
    border-radius: 8.75vw;
  }

  #aboutTariff .tariff:not(:last-child) {
    margin-right: 0;
  }

  #aboutTariff .tariff:last-child {
    margin-top: 0;
  }

  #aboutTariff .tariff.active {
    position: relative;
    z-index: 5;
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.5);
  }

  #aboutTariff .tariff:not(.active) {
    position: absolute;
  }

  #aboutTariff .tariff.active + .tariff,
  #aboutTariff .tariff:first-child:not(.active):not(.preactive) {
    transform: rotate(5.04deg);
  }

  #aboutTariff .tariff.active:first-child + .tariff {
    margin-right: -71.25vw;
    margin-bottom: -8.75vw;
  }

  #aboutTariff .tariff.active:nth-child(2) + .tariff {
    margin-right: -99.38vw;
    margin-bottom: -4.38vw;
  }

  #aboutTariff .tariff:first-child:not(.active):not(.preactive) {
    margin-right: -100vw;
    margin-bottom: 38.13vw;
  }

  #aboutTariff .tariff.active + .tariff + .tariff,
  #aboutTariff .tariff.preactive:first-child,
  #aboutTariff .tariff.preactive:nth-child(2) {
    transform: rotate(-7.93deg);
  }

  #aboutTariff .tariff.active + .tariff + .tariff {
    margin-left: -108.75vw;
    margin-bottom: -20.31vw;
  }

  #aboutTariff .tariff.preactive:first-child {
    margin-left: -92.19vw;
    margin-bottom: 15.94vw;
  }

  #aboutTariff .tariff.preactive:nth-child(2) {
    margin-left: -97.19vw;
    margin-bottom: 21.56vw;
  }

  #aboutTariff .tariff-list {
    margin-bottom: 7.81vw;
  }

  #aboutTariff .tariff .tariff-title {
    font-size: 4.4vw;
  }

  #aboutTariff .tariff .tariff-title .title-text {
    font-size: 3.13vw;
    line-height: 4.06vw;
    margin-bottom: 2.19vw;
  }

  #aboutTariff .tariff-text {
    font-size: 2.81vw;
    line-height: 3.44vw;
    margin-bottom: 2.5vw;
  }

  #aboutTariff .tariff-text.guide {
    font-size: 2.35vw;
    line-height: 2.5vw;
    margin-bottom: 1.5vw;
  }

  #aboutTariff .tariff-cost {
    margin-top: 0.63vw;
    text-shadow: 0px 0.61vw 0.61vw #00000040;
    margin-bottom: 1.56vw;
    font-size: 4.06vw;
    line-height: 4.69vw;
  }

  #aboutTariff .tariff-btn {
    border-radius: 18.13vw;
    box-shadow: 0px 0.18vw 0px 0px #00000001 inset,
      0px -0.18vw 0px 0px #ffffff33 inset, 0px -7.28vw 15.15vw 0px #00000029;
    padding: 3.44vw 5.31vw 2.5vw 5vw;
    font-size: 3.13vw;
    line-height: 3.75vw;
    margin-top: 2vw;
  }

  #aboutTariff .tariff-btn:before {
    border-radius: 18.13vw;
    box-shadow: -3.8px 0px 1.9px -2.85px rgba(153, 231, 33, 1) inset,
      0px 0.57px 0px 0px rgba(207, 207, 207, 0.2) inset,
      1.9px 9.5px 13.29px -3.8px rgba(0, 0, 0, 1);

    top: 0.94vw;
    left: 0.94vw;
    right: 0.94vw;
  }

  #aboutTariff .slider.ui-slider {
    background: #99e721;
    width: 51.23vw;
    border: 1.87px solid #ffffff;
    border-right-width: 3.36px;
    border-bottom-width: 2.24px;
    border-left-width: 2.98px;
    border-radius: 16.5vw;
    height: 10.15vw;
    box-shadow: 0px 2.05px 9.55px 2.05px rgba(52, 79, 22, 0.8) inset,
      0px 0.41px 0px 0px rgba(0, 0, 0, 0.3) inset,
      0px -0.41px 0px 0px rgba(255, 255, 255, 0.2) inset,
      0px -2.89px 14.47px 0px rgba(140, 222, 1, 0.3);
  }

  #aboutTariff .slider.ui-slider .ui-slider-handle {
    margin-left: -2px;
    margin-top: -0.9px;
    margin-bottom: -1px;
    padding: 2.915vw 5.65vw 2vw 5.019vw;
    border-radius: 16.15vw;
    font-size: 2.872vw;
    line-height: normal;
    box-shadow: -2.67px 0px 1.34px -2px rgba(153, 231, 33, 1) inset,
      0px 0.4px 0px 0px rgba(207, 207, 207, 0.2) inset,
      1.34px 6.68px 9.35px -2.67px rgba(0, 0, 0, 1);
  }

  #aboutTariff .slider.ui-slider:before {
    display: none;
  }

  #tariffModal .modal-dialog {
    max-width: 94.69vw;
  }

  #tariffModal .modal-content {
    padding: 0vw;
  }

  #tariffModal .modal-content .btn-close {
    top: 28.13vw;
    right: 3.75vw;
    width: 3.44vw;
    height: 3.13vw;
  }

  #tariffModal .modal-body {
    padding: 43.44vw 15.94vw 11.88vw 7.19vw;
  }

  #tariffModal .modal-body form input[type="text"] {
    margin-bottom: 1.72vw;
    border: 0.31vw solid #00000040;
    box-shadow: 0vw 0.6vw 0.6vw 0vw rgba(0, 0, 0, 0.25);
    padding: 1.56vw 5.63vw 1.25vw;
    border-radius: 3vw;
    font-size: 2.97vw;
    line-height: 3.75vw;
  }

  #tariffModal .modal-body form .choice-tariff__head {
    margin-bottom: 2.03vw;
    background: #00000017;
    border: 0.31vw solid #00000040;
    box-shadow: 0vw 0.6vw 0.6vw 0vw rgba(0, 0, 0, 0.25);
    padding: 1.56vw 5.63vw 1.25vw;
    border-radius: 3vw;
    font-size: 2.97vw;
    line-height: 3.75vw;
  }

  #tariffModal .modal-body form .choice-tariff__body {
    margin-left: 2.66vw;
  }

  #tariffModal .modal-body form .choice-tariff__body .choice-group {
    padding: 1.09vw 5.94vw 1.25vw 5.63vw;
    box-shadow: 0vw 0.6vw 0.6vw 0vw rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6.56vw);
    margin-bottom: 1.25vw;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]
    + label {
    font-size: 2.5vw;
    line-height: 3.13vw;
    padding-left: 4.69vw;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]
    + label:before {
    width: 2.81vw;
    height: 2.81vw;
    border: 0.16vw solid white;
    border-radius: 0.63vw;
  }

  #tariffModal
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]:checked
    + label:after {
    width: 2.81vw;
    height: 2.81vw;
  }

  #tariffModal .agree-group {
    margin-top: 2.19vw;
    margin-bottom: 1.88vw;
  }

  #tariffModal .agree-group + .agree-group {
    margin-top: 1.88vw;
  }

  #tariffModal .agree-group input[type="checkbox"] + label:before {
    left: -4.69vw;
    width: 2.81vw;
    height: 2.81vw;
    border-radius: 0.63vw;
  }

  #tariffModal .agree-group input[type="checkbox"] + label:after {
    left: -4.69vw;
    width: 2.81vw;
    height: 2.81vw;
    margin-top: -1.25vw;
  }

  #tariffModal .submit-button {
    border: 0.16vw solid #ffffff;
    border-radius: 24.38vw;
    box-shadow: 0.64vw -0.64vw 3.18vw 0vw rgba(0, 0, 0, 0.1),
      0vw 0.54vw 0.54vw 0vw rgba(0, 0, 0, 0.25) inset;
    margin-top: 7.19vw;
    padding: 2.81vw 7.5vw;
    width: 62.53vw;
    font-size: 3.75vw;
    line-height: 4.69vw;
  }
}

#aboutInstallments {
  position: relative;
  background: black;
  padding: 3.17vw 5.73vw 2.5vw 5.25vw;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}

#aboutInstallments .title {
  font-family: Century Gothic;
  font-weight: 400;
  font-size: 2vw;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-bottom: 0.5vw;
  color: white;
  margin-top: 0.68vw;
}

#aboutInstallments .subtitle {
  font-family: Century Gothic;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: normal;
  letter-spacing: -0.02em;
  color: rgba(120, 181, 25, 1);
}

#aboutInstallments .buttons {
  display: flex;
  flex-direction: column;
  row-gap: 0.78vw;
}

#aboutInstallments .slider.ui-slider {
  width: 23vw;
  box-shadow: rgba(255, 255, 255, 0.2) 0px -0.07vw 0px 0px inset,
    rgba(140, 222, 1, 0.3) 0px -2.96vw 6.13vw 0px,
    rgba(52, 79, 22, 0.8) 0px 0.37vw 1.73vw 0.37vw inset;
  height: 3.23vw;
  border-width: 0.26vw 0.42vw 0.31vw 0.62vw;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  border-image: initial;
  background: rgb(153, 231, 33);
  border-radius: 7.35vw;
  transition: 0.5s;
  margin: auto;
}
.slider.ui-slider[disabled] {
  pointer-events: none;
}

#aboutInstallments .slider.ui-slider .ui-slider-handle {
  display: flex;
  align-items: center;
  top: 0;
  bottom: 0;
  margin-left: -0.37vw;
  margin-top: -0.1vw;
  margin-bottom: -0.05vw;
  width: auto;
  height: auto;
  font-family: Century Gothic;
  font-weight: 700;
  font-size: 0.94vw;
  line-height: normal;
  letter-spacing: -0.02em;
  color: rgb(127, 162, 72);
  box-shadow: rgb(153, 231, 33) -0.48vw 0px 0.24vw -0.36vw inset,
    rgba(207, 207, 207, 0.2) 0px 0.07vw 0px 0px inset,
    rgb(0, 0, 0) 0.24vw 1.2vw 1.68vw -0.48vw;
  left: 0 !important;
  padding: 1.3vw 2.34vw 1.25vw 2.34vw;
  background: rgb(255, 255, 255);
  border-radius: 7.23vw;
  outline: none !important;
  text-transform: uppercase;
}

#installmentsModal .modal-dialog {
  max-width: 45.29vw;
  padding: 0;
}

#installmentsModal .modal-content {
  background: none;
  padding: 0;
}

#installmentsModal .modal-content .btn-close {
  top: 7.76vw;
  right: 0;
  background: url(../images/professional/modal-green-close.svg) center center
    no-repeat;
  background-size: contain;
  width: 1.46vw;
  height: 1.41vw;
}

#installmentsModal .modal-body {
  background: url(../images/professional/modal-installments.png) center center
    no-repeat;
  background-size: 100% 100%;
  padding: 15.36vw 5.21vw 5.31vw 3.86vw;
}

#installmentsModal .modal-body .inputs {
  display: grid;
  grid-template-columns: repeat(2, min-content);
  column-gap: 1.3vw;
  row-gap: 0.68vw;
  margin-bottom: 1.51vw;
}

#installmentsModal .modal-body form input[type="text"] {
  width: 17.41vw;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.09);
  border: 0.12vw solid rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0.23vw 0.23vw 0px rgba(0, 0, 0, 0.25);
  padding: 0.57vw 2.14vw 0.52vw;
  border-radius: 1.15vw;
  color: white;
  font-size: 1.15vw;
  line-height: 100%;
}

#installmentsModal .modal-body form input[type="text"]::placeholder {
  color: white;
  opacity: 1;
}

#installmentsModal .choice-tariffs .choice-tariff__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 17.41vw;
  margin-bottom: 0;
  background: rgba(0, 0, 0, 0.09);
  border: 0.12vw solid rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0.23vw 0.23vw 0px rgba(0, 0, 0, 0.25);
  padding: 0.57vw 0.83vw 0.52vw 2.14vw;
  border-radius: 1.15vw;
  color: white;
  font-size: 1.15vw;
  line-height: 100%;
  position: relative;
}

#installmentsModal .choice-tariffs .choice-tariff__head button {
  display: flex;
  align-items: center;
  width: 1.36vw;
  height: 1.36vw;
}

#installmentsModal .choice-tariffs .choice-tariff__head img {
  width: 1.36vw;
  height: 1.36vw;
}

#installmentsModal
  .modal-body
  form
  .choice-tariffs:not(.active)
  .choice-tariff__body {
  display: none;
}

#installmentsModal .modal-body form .choice-tariff__body {
  display: flex;
  flex-direction: column;
  row-gap: 0.47vw;
  position: absolute;
  margin-top: 0.37vw;
}

#installmentsModal .modal-body form .choice-tariff__body .choice-group {
  padding: 0.42vw 0 0.47vw 0.89vw;
  background: linear-gradient(90deg, #99e721 0%, #568212 100%);
  box-shadow: 0px 0.21vw 0.21vw 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.21vw);
  line-height: 1px;
  width: 16.41vw;
  margin-bottom: 0;
}

#installmentsModal
  .modal-body
  form
  .choice-tariff__body
  .choice-group
  input[type="radio"] {
  display: none;
}

#installmentsModal
  .modal-body
  form
  .choice-tariff__body
  .choice-group
  input[type="radio"]
  + label {
  position: relative;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 1.03vw;
  color: white;
  padding-left: 1.83vw;
  margin: 0;
}

#installmentsModal
  .modal-body
  form
  .choice-tariff__body
  .choice-group
  input[type="radio"]
  + label:before {
  margin: 0;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  width: 1.2vw;
  height: 1.2vw;
  border: 0.06vw solid white;
  border-radius: 0.31vw;
}

#installmentsModal
  .modal-body
  form
  .choice-tariff__body
  .choice-group
  input[type="radio"]:checked
  + label:after {
  content: "";
  display: block;
  background: url(../images/professional/check-white.png) center center
    no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  top: 0.05vw;
  left: 0;
  margin: auto;
  width: 1.15vw;
  height: 1.15vw;
}

#installmentsModal .installments-info {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.04vw;
  line-height: 1.25vw;
  letter-spacing: 0;
  padding: 1.15vw 1.1vw 1.15vw 1.36vw;
  color: white;
  border-radius: 2.34vw;
  background: linear-gradient(90deg, #99e721 0%, #558112 100%);
  border: 0.06vw solid rgba(255, 255, 255, 1);
  margin-bottom: 1.77vw;
  box-shadow: 0.25vw -0.25vw 1.24vw 0px rgba(0, 0, 0, 0.1),
    0px 0.25vw 0.25vw 0px rgba(0, 0, 0, 0.25) inset;
}

#installmentsModal .installments-info a {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.04vw;
  line-height: 100%;
  letter-spacing: 0;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-offset: 0;
  text-decoration-thickness: 0;
}

#installmentsModal .agree-group {
  margin-bottom: 0.78vw;
}

#installmentsModal .agree-group + .agree-group {
  margin-bottom: 3.13vw;
}

#installmentsModal .agree-group input[type="checkbox"] + label {
  font-size: 0.63vw;
  line-height: 100%;
  color: black;
  margin-left: 2.96vw;
  max-width: 29.27vw;
}

#installmentsModal .agree-group input[type="checkbox"] + label.with-message {
  max-width: 23.97vw;
}

#installmentsModal .agree-group input[type="checkbox"] + label:before {
  left: -1.88vw;
  width: 1.15vw;
  height: 1.15vw;
  border: 0.06vw solid #ffffff;
  box-shadow: 0px 0.23vw 0.23vw 0px rgba(0, 0, 0, 0.25);
  border-radius: 0.31vw;
  border-color: #81868b;
}

#installmentsModal .agree-group input[type="checkbox"]:checked + label:after {
  top: 0.05vw;
  left: -1.88vw;
  width: 1.15vw;
  height: 1.15vw;
  background: url(../images/professional/check-gray.png) center center no-repeat;
  background-size: contain;
}

#installmentsModal .agree-group input[type="checkbox"] + label .show-message {
  margin-left: 0.52vw;
  line-height: 0.73vw;
  border-radius: 50%;
  box-shadow: 0px 0.23vw 0.23vw 0px rgba(0, 0, 0, 0.25);
}

#installmentsModal .submit-button {
  background: linear-gradient(90deg, #99e721 0%, #558112 100%);
  border: 0.06vw solid rgba(255, 255, 255, 1);
  box-shadow: 0.25vw -0.25vw 1.24vw 0px rgba(0, 0, 0, 0.1),
    0px 0.25vw 0.25vw 0px rgba(0, 0, 0, 0.25) inset;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: white;
  padding: 1.2vw 7.29vw;
  border-radius: 7.5vw;
}

@media (max-width: 575.5px) {
  #aboutInstallments {
    padding: 4.69vw 0 9.38vw 0;
    align-items: center;
    background: url(../images/professional/installments-bg-mobile.png) center
      center no-repeat;
    background-size: cover;
    flex-direction: column;
    align-items: center;
  }

  #aboutInstallments .title {
    font-size: 5vw;
    padding: 0 1vw;
    line-height: 5.63vw;
    text-align: center;
    margin-bottom: 5.31vw;
  }

  #aboutInstallments .subtitle {
    font-size: 2.81vw;
    line-height: 3.44vw;
    margin-bottom: 9.38vw;
    text-align: center;
    text-transform: uppercase;
  }

  #aboutInstallments .buttons {
    flex-direction: column;
    align-items: center;
    row-gap: 4.69vw;
  }

  #aboutInstallments .slider.ui-slider {
    width: 62.06vw;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0.16vw 0px 0px inset,
      rgba(255, 255, 255, 0.2) 0px -0.16vw 0px 0px inset,
      rgba(140, 222, 1, 0.3) 0px -1.1vw 5.48vw 0px,
      rgba(52, 79, 22, 0.8) 0px 0.77vw 3.57vw 0.77vw inset;
    height: 9.38vw;
    border-width: 0.55vw 0.66vw 0.66vw 0.63vw;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 15.31vw;
    background: rgb(153, 231, 33);
    transition: 0.5s;
  }

  #aboutInstallments .slider.ui-slider .ui-slider-handle {
    margin-left: -0.24vw;
    margin-top: -0.28vw;
    margin-bottom: -0.13vw;
    font-size: 2.81vw;
    line-height: 3.44vw;
    box-shadow: rgb(153, 231, 33) -1.01vw 0px 0.51vw -0.76vw inset,
      rgba(207, 207, 207, 0.2) 0px 0.15vw 0px 0px inset,
      rgb(0, 0, 0) 0.51vw 2.53vw 3.55vw -1.01vw;
    display: flex;
    align-items: center;
    top: 0px;
    bottom: 0px;
    width: auto;
    height: auto;
    letter-spacing: -0.02em;
    color: rgb(127, 162, 72);
    left: 0px !important;
    padding: 2.81vw 5vw 2vw 5vw;
    border-radius: 15vw;
    background: rgb(255, 255, 255);
    outline: none !important;
  }

  #installmentsModal-mobile .modal-dialog {
    max-width: 99.69vw;
  }

  #installmentsModal-mobile .modal-content {
    padding: 0vw;
    background: none;
  }

  #installmentsModal-mobile .modal-content .btn-close {
    top: 28.13vw;
    right: 3.75vw;
    width: 3.44vw;
    height: 3.13vw;
    background: url(../images/professional/modal-green-close.svg) center center
      no-repeat;
    background-size: contain;
  }

  #installmentsModal-mobile .modal-body {
    padding: 43.44vw 15.94vw 11.88vw 7.19vw;
    background: url(../images/professional/modal-installments-mobile.png) -6.25vw
      center no-repeat;
    background-size: 108% 100%;
  }

  #installmentsModal-mobile .modal-body form input[type="text"] {
    margin-bottom: 1.72vw;
    border: 0.31vw solid #00000040;
    box-shadow: 0vw 0.6vw 0.6vw 0vw rgba(0, 0, 0, 0.25);
    padding: 1.56vw 5.63vw 1.25vw;
    border-radius: 3vw;
    font-size: 2.97vw;
    line-height: 3.75vw;
    width: 100%;
    color: white;
    background: #00000017;
  }

  #installmentsModal-mobile .modal-body form input[type="text"]::placeholder {
    color: white;
    opacity: 1;
  }

  #installmentsModal-mobile .modal-body form .choice-tariff__head {
    margin-bottom: 2.03vw;
    background: #00000017;
    border: 0.31vw solid #00000040;
    box-shadow: 0vw 0.6vw 0.6vw 0vw rgba(0, 0, 0, 0.25);
    padding: 1.56vw 2.81vw 1.25vw 5.63vw;
    border-radius: 3vw;
    font-size: 2.97vw;
    line-height: 3.75vw;
    width: 100%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  #installmentsModal-mobile .modal-body form .choice-tariff__arrow {
    width: 3.44vw;
    height: 3.44vw;
  }

  #installmentsModal-mobile .modal-body form .choice-tariff__head img {
    width: 3.44vw;
    height: 3.44vw;
  }

  #installmentsModal-mobile
    .modal-body
    form
    .choice-tariffs:not(.active)
    .choice-tariff__body {
    display: none;
  }

  #installmentsModal-mobile .modal-body form .choice-tariff__body {
    display: flex;
    flex-direction: column;
    row-gap: 1.25vw;
    position: absolute;
    margin-top: 0.94vw;
  }

  #installmentsModal-mobile
    .modal-body
    form
    .choice-tariff__body
    .choice-group {
    padding: 1.56vw 0 1.88vw 5.63vw;
    background: linear-gradient(90deg, #99e721 0%, #568212 100%);
    box-shadow: 0px 1.25vw 1.25vw 0px rgba(0, 0, 0, 0.25);
    line-height: 0.31vw;
    width: 69.38vw;
    margin: auto;
    margin-bottom: 0;
    border-radius: 1.88vw;
    backdrop-filter: blur(0px);
  }

  #installmentsModal-mobile
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"] {
    display: none;
  }

  #installmentsModal-mobile
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]
    + label {
    position: relative;
    font-weight: 400;
    font-size: 2.5vw;
    line-height: 2.5vw;
    color: white;
    padding-left: 4.69vw;
    margin: 0;
  }

  #installmentsModal-mobile
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]
    + label:before {
    margin: 0;
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    width: 3.13vw;
    height: 3.13vw;
    border: 0.16vw solid white;
    border-radius: 0.8vw;
  }

  #installmentsModal-mobile
    .modal-body
    form
    .choice-tariff__body
    .choice-group
    input[type="radio"]:checked
    + label:after {
    content: "";
    display: block;
    background: url(../images/professional/check-white.png) center center
      no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    top: 0.5vw;
    left: 0;
    margin: auto;
    width: 3.13vw;
    height: 3.13vw;
  }

  #installmentsModal-mobile .agree-group {
    margin-top: 2.19vw;
    margin-bottom: 1.88vw;
  }

  #installmentsModal-mobile .agree-group + .agree-group {
    margin-top: 1.88vw;
  }

  #installmentsModal-mobile .agree-group input[type="checkbox"] + label {
    color: black;
  }

  #installmentsModal-mobile .agree-group input[type="checkbox"] + label:before {
    left: -4.69vw;
    width: 2.81vw;
    height: 2.81vw;
    border-radius: 0.63vw;
    border: 0.17vw solid rgba(129, 134, 139, 1);
  }

  #installmentsModal-mobile .agree-group input[type="checkbox"] + label:after {
    left: -4.69vw;
    width: 2.81vw;
    height: 2.81vw;
    margin-top: -1.25vw;
    background: url(../images/professional/check-gray.png) center center
      no-repeat;
    background-size: contain;
    top: 1.2vw;
  }

  #installmentsModal-mobile .submit-button {
    border: 0.16vw solid #ffffff;
    border-radius: 24.38vw;
    box-shadow: 0.64vw -0.64vw 3.18vw 0vw rgba(0, 0, 0, 0.1),
      0vw 0.54vw 0.54vw 0vw rgba(0, 0, 0, 0.25) inset;
    padding: 2.81vw 7.5vw;
    width: 62.53vw;
    font-size: 3.75vw;
    line-height: 4.69vw;
    background: linear-gradient(90deg, #99e721 0%, #558112 100%);
    margin-top: 10px;
  }

  #installmentsModal-mobile .installments-info {
    font-size: 2.66vw;
    line-height: 2.66vw;
    padding: 2.19vw 2.81vw 1.88vw 3.75vw;
    border-radius: 4.69vw;
    border: 0.17vw solid rgba(255, 255, 255, 1);
    margin-bottom: 3.44vw;
    background: linear-gradient(90deg, #99e721 0%, #558112 100%);
    box-shadow: 0.65vw -0.65vw 3.21vw 0px rgba(0, 0, 0, 0.1),
      0px 0.54vw 0.54vw 0px rgba(0, 0, 0, 0.25) inset;
  }

  #installmentsModal-mobile .installments-info a {
    font-size: 2.66vw;
    line-height: 2.66vw;
    text-decoration: underline;
  }
}

#popupModal .modal-dialog {
  max-width: 33.59vw;
  padding: 0;
}

#popupModal .modal-content {
  background: none;
  padding: 0;
}

#popupModal .modal-content .btn-close {
  top: 15vw;
  right: -1.93vw;
  background: url(../images/professional/modal-green-close.svg) center center
    no-repeat;
  background-size: contain;
  width: 1.46vw;
  height: 1.41vw;
}

#popupModal .modal-body {
  background: url(../images/professional/modal-popup.png?ver=2) center center
    no-repeat;
  background-size: 100% 100%;
  padding: 17.97vw 2.55vw 0 2.77vw;
}

#popupModal .modal-body .title {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: white;
  margin-bottom: 1.56vw;
  white-space: nowrap;
}

#popupModal .modal-body .title span {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.65vw;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

#popupModal .modal-body .knowledge {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#popupModal .modal-body .knowledge span {
  font-family: Montserrat;
  font-weight: 500;
  font-style: italic;
  font-size: 0.83vw;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-bottom: 0.63vw;
}

#popupModal .modal-body .knowledge-items {
  display: flex;
  flex-direction: row;
  column-gap: 0.42vw;
  margin: 0 0 1.1vw -1.2vw;
}

#popupModal .modal-body .knowledge-item {
  font-family: Montserrat;
  font-weight: 500;
  font-style: italic;
  font-size: 0.62vw;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  height: 4.48vw;
  width: 15.35vw;
  border: 0.08vw solid;
  border-image-source: radial-gradient(
    63.81% 351.58% at 50% 42.72%,
    #000000 0%,
    #a4da4a 100%
  );
  box-shadow: 0px 0.25vw 0.25vw 0px rgba(0, 0, 0, 0.25);
  background: black;
  border-radius: 0.89vw;
  display: flex;
  align-items: center;
  text-align: center;
  padding: 0 1.04vw;
}

#popupModal .modal-body .knowledge + span {
  font-family: Gotham Pro, Sans-Serif;
  font-weight: 400;
  font-size: 0.63vw;
  line-height: 0.57vw;
  letter-spacing: 0;
  text-shadow: 0px 0.21vw 0.21vw rgba(0, 0, 0, 0.25);
  color: white;
  margin-bottom: 0.68vw;
  display: block;
}

#popupModal .modal-body form input[type="text"] {
  width: 27.73vw;
  margin-bottom: 0.68vw;
  background: #ffffff40;
  border: 0.12vw solid #ffffff80;
  box-shadow: 0px 0.23vw 0.23vw 0px #00000040;
  padding: 0.57vw 2.03vw 0.52vw;
  border-radius: 1.15vw;
  color: white;
  font-size: 1.15vw;
  line-height: 1.41vw;
}

#popupModal .modal-body form input[type="text"]::placeholder {
  color: white;
  opacity: 1;
}

#popupModal .what-next {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 0.68vw;
  line-height: normal;
  letter-spacing: 0;
  text-align: center;
  margin-top: 0.52vw;
  margin-bottom: 1.25vw;
}

#popupModal .submit-button {
  border: 0.04vw solid rgba(255, 255, 255, 1);
  box-shadow: 0.17vw -0.17vw 0.83vw 0px rgba(0, 0, 0, 0.1),
    0px 0.17vw 0.34vw 0px rgba(117, 178, 25, 1) inset;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.34vw;
  line-height: normal;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  border-radius: 5.04vw;
  background: rgba(0, 0, 0, 1);
  padding: 1.15vw 0;
  margin-bottom: -0.29vw;
  margin-left: 2vw;
  width: 23.44vw;
}

#popupModal .agree-group {
  margin-bottom: 0.58vw;
  font-size: 0.63vw;
  line-height: 0.57vw;
}

#popupModal .agree-group + .agree-group {
  margin-bottom: 1.82vw;
}

#popupModal .agree-group input[type="checkbox"] + label:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  left: -1.93vw;
  margin: auto;
  width: 1.2vw;
  height: 1.2vw;
  border: 0.06vw solid #ffffff;
  box-shadow: 0px 0.21vw 0.21vw 0px #00000040;
  border-radius: 0.31vw;
}

#popupModal .agree-group input[type="checkbox"] + label {
  max-width: 23vw;
  display: flex;
  align-items: center;
  position: relative;
  font-family: "Gotham Pro", sans-serif;
  font-weight: 400;
  font-size: 0.63vw;
  line-height: 0.57vw;
  color: white;
  margin-left: 4.06vw;
}

#popupModal .agree-group input[type="checkbox"]:checked + label:after {
  content: "";
  display: block;
  background: url(../images/professional/check.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  top: 0.26vw;
  margin: auto;
  left: -1.88vw;
  width: 1.15vw;
  height: 1.15vw;
}

#popupModal .agree-group input[type="checkbox"] + label .show-message {
  position: relative;
  margin-left: 0.26vw;
  padding: 0;
  border: none;
  background: transparent;
  outline: none !important;
  line-height: 0.73vw;
  border-radius: 0.26vw;
  box-shadow: 0 0.21vw 0.21vw 0 #00000040;
}

#popupModal .agree-group input[type="checkbox"] + label .show-message img {
  height: 0.73vw;
  width: 0.73vw;
  object-fit: contain;
}

#popupModal
  .agree-group
  input[type="checkbox"]
  + label
  .show-message:hover
  .hidden-message {
  display: block;
  position: absolute;
  top: -0.68vw;
  right: -11.88vw;
  width: 11.25vw;
  border-radius: 0.68vw;
  background: #000000;
  box-shadow: 0px 0.21vw 0px 0px #00000040;
  padding: 0.36vw 0.36vw 0.36vw 0.52vw;
  font-size: 0.55vw;
  line-height: 0.68vw;
  z-index: 1;
  text-align: left;
  color: white;
  letter-spacing: 0;
}

#popupModal .submit-button.mobile {
  display: none;
}

@media (max-width: 575.5px) {
  #popupModal .modal-dialog {
    max-width: 90vw;
    padding-top: 12.5vw;
  }

  #popupModal .modal-content .btn-close {
    right: -1vw;
    width: 3.6vw;
    height: 3.4vw;
    top: 35.13vw;
  }

  #popupModal .modal-body {
    /*background: url(../images/professional/modal-popup-mobile.png) center center no-repeat;*/
    /*background-size: 100% 100%;*/
    padding: 48vw 7.5vw 0 5.5vw;
  }

  #popupModal .modal-body .title {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 3.44vw;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin-bottom: 4.06vw;
    max-width: 77.5vw;
  }

  #popupModal .modal-body .title span {
    font-size: 1.72vw;
    line-height: 100%;
  }

  #popupModal .modal-body .knowledge {
    align-items: center;
  }

  #popupModal .modal-body .knowledge span {
    font-family: Montserrat;
    font-weight: 500;
    font-style: italic;
    font-size: 3.12vw;
    line-height: 100%;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    margin-bottom: 3.12vw;
  }

  #popupModal .modal-body .knowledge-items {
    flex-direction: column;
    row-gap: 2.5vw;
    margin-bottom: 3.12vw;
  }

  #popupModal .modal-body .knowledge-item {
    font-family: Montserrat;
    font-weight: 500;
    font-style: italic;
    font-size: 3.12vw;
    line-height: 3.75vw;
    letter-spacing: -0.02em;
    text-align: center;
    text-transform: uppercase;
    border: 0.45vw solid;
    border-image-source: radial-gradient(
      63.81% 351.58% at 50% 42.72%,
      #000000 0%,
      #a4da4a 100%
    );
    box-shadow: 0px 1.51vw 1.51vw 0px rgba(0, 0, 0, 0.25);
    width: 80.31vw;
    height: 19.06vw;
    padding: 1.88vw 5vw;
    border-radius: 5.31vw;
  }

  #popupModal .modal-body .knowledge + span {
    font-weight: 400;
    font-size: 2.5vw;
    line-height: 100%;
    letter-spacing: 0;
    display: block;
    margin: auto;
    margin-bottom: 4.69vw;
    text-align: center;
  }

  #popupModal .modal-body form input[type="text"] {
    margin-bottom: 1.72vw;
    box-shadow: rgba(0, 0, 0, 0.25) 0vw 0.62vw 0.62vw 0vw;
    color: white;
    font-size: 3.13vw;
    line-height: 3.75vw;
    border-width: 0.31vw;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.5);
    border-image: initial;
    padding: 1.56vw 5.63vw 1.25vw;
    border-radius: 3vw;
    width: 100%;
  }

  #popupModal .modal-body form input[type="text"]::placeholder {
    color: white;
    opacity: 1;
  }

  #popupModal .what-next {
    font-size: 1.79vw;
    margin-top: 1.56vw;
  }

  #popupModal .submit-button {
    display: block;
    border: 0.44px solid rgba(255, 255, 255, 1);
    box-shadow: 1.74px -1.74px 8.61px 0px rgba(0, 0, 0, 0.1),
      0px 1.76px 3.52px 0px rgba(117, 178, 25, 1) inset;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 3.39vw;
    line-height: 4.06vw;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    border-radius: 15.31vw;
    background: rgba(0, 0, 0, 1);
    padding: 2.81vw 5.31vw;
    margin: auto;
    margin-top: 4.68vw;
    width: 61.88vw;
  }

  #popupModal .submit-button.mobile {
    display: block;
    border: 0.44px solid rgba(255, 255, 255, 1);
    box-shadow: 1.74px -1.74px 8.61px 0px rgba(0, 0, 0, 0.1),
      0px 1.76px 3.52px 0px rgba(117, 178, 25, 1) inset;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 3.39vw;
    line-height: 4.06vw;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    border-radius: 15.31vw;
    background: rgba(0, 0, 0, 1);
    padding: 2.81vw 5.31vw;
    margin: auto;
    margin-top: 2.5vw;
  }

  #popupModal .agree-group {
    margin-bottom: 2.19vw;
    margin-top: 3.12vw;
    padding-left: 5.63vw;
  }

  #popupModal .agree-group + .agree-group {
    margin-top: 1.2vw;
  }

  #popupModal .agree-group input[type="checkbox"] + label:before {
    left: -4.69vw;
    width: 2.9vw;
    height: 2.9vw;
    box-shadow: rgba(0, 0, 0, 0.25) 0vw 0.55vw 0.55vw 0vw;
    border-width: 0.17vw;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial;
    border-radius: 0.78vw;
    margin: 0;
  }

  #popupModal .agree-group input[type="checkbox"] + label {
    font-weight: 400;
    font-size: 1.8vw;
    line-height: 1.8vw;
    margin-left: 4.69vw;
    max-width: 65vw;
  }

  #popupModal .agree-group input[type="checkbox"]:checked + label:after {
    left: -4.69vw;
    width: 2.81vw;
    height: 2.81vw;
    top: 0.31vw;
    margin: 0;
  }

  #popupModal .agree-group input[type="checkbox"] + label .show-message {
    position: relative;
    margin-left: -0.63vw;
    bottom: -0.63vw;
    line-height: 1.72vw;
    box-shadow: rgba(0, 0, 0, 0.25) 0vw 0.55vw 0.55vw 0vw;
    border-radius: 1.88vw;
  }

  #popupModal .agree-group input[type="checkbox"] + label .show-message img {
    height: 1.88vw;
    width: 1.88vw;
  }

  #popupModal
    .agree-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: 2.81vw;
    right: -10.75vw;
    width: 31.63vw;
    box-shadow: rgba(0, 0, 0, 0.25) 0vw 0.55vw 0.55vw 0vw;
    font-size: 1.56vw;
    line-height: 1.88vw;
    border-radius: 1.88vw;
    padding: 0.63vw 0.31vw 0.94vw 1.56vw;
  }
}

#aboutFaq {
  position: relative;
  background: #ffffff;
  padding: 65px 108px 0 109px;
  overflow: hidden;
}

#aboutFaq > * {
  position: relative;
  z-index: 2;
}

#aboutFaq .image-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  pointer-events: none;
  z-index: 1;
}

#aboutFaq .image-left img {
  width: 100%;
}

#aboutFaq .image-right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 102px;
  pointer-events: none;
  z-index: 1;
}

#aboutFaq .image-right img {
  width: 100%;
}

#aboutFaq .title {
  margin-bottom: 12px;
  font-family: Century Gothic;
  font-size: 2.5vw;
  line-height: normal;
  letter-spacing: -0.02em;
  color: black;
  text-align: right;
}

#aboutFaq .faq-link {
  display: inline-block;
  position: relative;
  background: #383838cc;
  border: 1.07px solid #ffffff;
  border-radius: 107px;
  box-shadow: 0px 1.07px 0px 0px #0000004d inset,
    0px -1.07px 0px 0px #ffffff33 inset;
  padding: 21px 33px 20px 38px;
  font-weight: 500;
  font-size: 19px;
  line-height: 23px;
  letter-spacing: -0.02em;
  margin-bottom: 30px;
  text-decoration: none !important;
  color: white !important;
}

#aboutFaq .faq-link:focus {
  outline: none;
}

#aboutFaq .faq-link:before {
  content: "";
  position: absolute;
  top: 6px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  background: #000000;
  border-radius: 105px;
  box-shadow: -6.98px 0px 3.49px -5.24px #99e721 inset,
    0px 1.05px 0px 0px #cfcfcf33 inset, 3.49px 17.45px 24.43px -6.98px #000000;
}

#aboutFaq .faq-link > * {
  position: relative;
}

#aboutFaq .faq-link img {
  width: 16px;
  margin-left: 12px;
}

#aboutFaq .faq-questions-list {
  width: 52.8%;
  float: right;
  margin-bottom: 68px;
}

#aboutFaq .faq-question__head {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 109px;
  margin: 0 -4px;
  background: url("../images/professional/faq-question-back.png") center center
    no-repeat;
  background-size: 100% 100%;
  padding: 0 28px 19px 45px;
  font-size: 22px;
  line-height: 27px;
  color: black;
}

#aboutFaq .faq-question:not(:last-child) .faq-question__head {
  margin-bottom: 8px;
}

#aboutFaq .faq-question.active .faq-question__head {
  margin-bottom: 4px;
  background-image: url("../images/professional/faq-question-back-active.png");
  color: white;
}

#aboutFaq .faq-question__head button {
  margin-left: 20px;
  width: 33px;
  flex-shrink: 0;
}

#aboutFaq .faq-question__head button img {
  width: 100%;
}

#aboutFaq .faq-question.active .faq-question__head button img:first-child {
  display: none;
}

#aboutFaq .faq-question:not(.active) .faq-question__head button img:last-child {
  display: none;
}

#aboutFaq .faq-question:not(.active) .faq-question__body {
  display: none;
}

#aboutFaq .faq-question__body {
  width: 90.1%;
  background: #99e721;
  border-radius: 33px;
  box-shadow: 0px 3.71px 3.71px 0px #00000040;
  margin-left: auto;
  padding: 23px 27px;
  font-size: 22px;
  line-height: 27px;
  color: #344f16cc;
  font-style: italic;
}

#aboutFaq .faq-question:not(:last-child) .faq-question__body {
  margin-bottom: 30px;
}

#aboutFaq .faq-question__body > div:not(:last-child) {
  margin-bottom: 7px;
}

#aboutFaq .faq-question__body ul {
  padding-left: 69px;
  margin-bottom: 0;
  list-style: none;
}

#aboutFaq .faq-question__body ul li {
  position: relative;
  font-size: 19px;
  line-height: 24px;
  color: #486d18;
}

#aboutFaq .faq-question__body ul li:not(:last-child) {
  margin-bottom: 3px;
}

#aboutFaq .faq-question__body ul li:before {
  content: "";
  position: absolute;
  top: 4px;
  left: -16px;
  width: 9px;
  height: 12px;
  background: url("../images/professional/faq-li.png") center center no-repeat;
  background-size: contain;
}

#aboutFaq .text-lawyer {
  clear: both;
  color: #333;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 25px;
  line-height: 30px;
  letter-spacing: -0.2px;
  text-align: center;
}

#aboutFaq footer {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: black;
  margin-top: 48px;
  margin-right: -108px;
  margin-left: -109px;
  padding: 45px 108px 76px 109px;
  z-index: 0;
  font-family: Nunito;
  font-size: 14px;
  line-height: 19px;
}

#aboutFaq footer > * {
  position: relative;
}

#aboutFaq footer .footer-left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 65.7%;
}

#aboutFaq footer .footer-left img {
  width: 100%;
}

#aboutModal .modal-dialog {
  max-width: 793px;
}

#aboutModal .modal-content {
  background: none;
  padding: 0 65px 1px 4px;
}

#aboutModal .modal-content .btn-close {
  top: 189px;
  right: 99px;
  background: url("../images/professional/modal-green-close.svg") center center
    no-repeat;
  background-size: contain;
  width: 28px;
  height: 27px;
}

#aboutModal .modal-body {
  background: url("../images/professional/modal-faq.png") center center
    no-repeat;
  background-size: 100% 100%;
  padding: 350px 119px 65px 53px;
}

#aboutModal .modal-body form input[type="text"] {
  width: 100%;
  margin-bottom: 15px;
  background: #00000017;
  border: 2.23px solid #00000040;
  box-shadow: 0px 4.46px 4.46px 0px #00000040;
  padding: 11px 39px 10px;
  border-radius: 22px;
  color: white;
  font-size: 22px;
  line-height: 27px;
}

#aboutModal .modal-body form input[type="text"]::placeholder {
  color: white;
  opacity: 0.6;
}

#aboutModal .question {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 15px;
  margin-top: 14px;
}

#aboutModal .question span {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 22px;
  line-height: 27px;
  letter-spacing: 0;
  text-align: center;
  margin: auto;
  color: rgba(79, 79, 79, 1);
}

#aboutModal .question textarea {
  border-radius: 11px;
  border: 0.5px solid rgba(200, 200, 200, 1);
  background: rgba(246, 248, 252, 0.8);
  height: 168px;
  width: 100%;
  color: black;
  padding: 14px 16px;
  resize: none;
}

#aboutModal .question textarea:focus {
  outline: navajowhite;
}

#aboutModal .question textarea::placeholder {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0;
  color: rgba(154, 154, 154, 1);
}

#aboutModal .agree-group {
  margin-bottom: 0px;
}

#aboutModal .question + .agree-group {
  margin-bottom: 13px;
  padding-top: 45px;
}

#aboutModal .question + .agree-group .check-group {
  padding-top: 18px;
}

#aboutModal .agree-group input[type="checkbox"] + label {
  color: #000000;
  text-shadow: 0px 4px 4px #00000040;
  margin-bottom: 1px;
}

#aboutModal .agree-group input[type="checkbox"] + label:before {
  border-color: #81868b;
}

#aboutModal .agree-group input[type="checkbox"] + label:after {
  background-image: url("../images/professional/modal-check-gray.png");
}

#aboutModal .submit-button {
  border: 1px solid #ffffff;
  border-radius: 144px;
  background: linear-gradient(90deg, #99e721 0%, #558112 100%);
  box-shadow: 4.8px -4.8px 23.74px 0px #0000001a,
    0px 4px 4px 0px #00000040 inset;
  margin-top: 14px;
  padding: 19px 101px;
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

@media (max-width: 1599.5px) {
  #aboutFaq {
    padding: 48px 81px 0;
  }

  #aboutFaq .image-right {
    width: 76px;
  }

  #aboutFaq .title {
    margin-bottom: 9px;
  }

  #aboutFaq .faq-questions-list {
    margin-bottom: 55px;
  }

  #aboutFaq .faq-link {
    border-radius: 79px;
    box-shadow: 0px 0.79px 0px 0px #0000004d inset,
      0px -0.79px 0px 0px #ffffff33 inset;
    padding: 15px 24px 15px 28px;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 31px;
  }

  #aboutFaq .faq-link:before {
    top: 5px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    border-radius: 78px;
    box-shadow: -5.23px 0px 2.61px -3.93px #99e721 inset,
      0px 0.78px 0px 0px #cfcfcf33 inset, 2.61px 13.08px 18.31px -5.23px #000000;
  }

  #aboutFaq .faq-link img {
    width: 12px;
    margin-left: 9px;
  }

  #aboutFaq .faq-question__head {
    height: 81px;
    margin: 0 -3px;
    padding: 0 21px 13px 33px;
    font-size: 16px;
    line-height: 19px;
  }

  #aboutFaq .faq-question:not(:last-child) .faq-question__head {
    margin-bottom: 6px;
  }

  #aboutFaq .faq-question__head button {
    margin-left: 15px;
    width: 24px;
  }

  #aboutFaq .faq-question__body {
    border-radius: 24px;
    box-shadow: 0px 2.77px 2.77px 0px #00000040;
    padding: 16px 19px;
    font-size: 16px;
    line-height: 19px;
  }

  #aboutFaq .faq-question:not(:last-child) .faq-question__body {
    margin-bottom: 22px;
  }

  #aboutFaq .faq-question__body > div:not(:last-child) {
    margin-bottom: 4px;
  }

  #aboutFaq .faq-question__body ul {
    padding-left: 51px;
  }

  #aboutFaq .faq-question__body ul li {
    font-size: 13px;
    line-height: 18px;
  }

  #aboutFaq .faq-question__body ul li:not(:last-child) {
    margin-bottom: 2px;
  }

  #aboutFaq .faq-question__body ul li:before {
    top: 3px;
    left: -12px;
    width: 6px;
    height: 9px;
  }

  #aboutFaq .text-lawyer {
    font-size: 19px;
    line-height: 22px;
  }

  #aboutFaq footer {
    margin-top: 36px;
    margin-right: -81px;
    margin-left: -81px;
    padding: 33px 81px 57px;
    font-size: 10px;
    line-height: 13px;
  }

  #aboutModal .modal-dialog {
    max-width: 602px;
  }

  #aboutModal .modal-content {
    padding: 0 49px 1px 3px;
  }

  #aboutModal .modal-content .btn-close {
    top: 162px;
    right: 74px;
    width: 21px;
    height: 20px;
  }

  #aboutModal .modal-body {
    padding: 263px 89px 49px 40px;
  }

  #aboutModal .modal-body form input[type="text"] {
    margin-bottom: 11px;
    border: 2px solid #00000030;
    box-shadow: 0px 3px 3px 0px #00000030;
    padding: 10px 29px 9px;
    font-size: 18px;
    line-height: 22px;
    border-radius: 20px;
  }

  #aboutModal .question {
    row-gap: 11px;
    margin-top: 10px;
  }

  #aboutModal .question span {
    font-size: 17px;
    line-height: 20px;
  }

  #aboutModal .question textarea {
    border-radius: 8px;
    border: 0.5px solid rgba(200, 200, 200, 1);
    height: 144px;
    padding: 10px 12px;
  }

  #aboutModal .question textarea::placeholder {
    font-size: 13px;
    line-height: 15px;
  }

  #aboutModal .question + .agree-group {
    margin-bottom: 10px;
    padding-top: 0px;
  }

  #aboutModal .question + .agree-group .check-group {
    padding-top: 85px;
    margin-top: -30px;
  }

  #aboutModal .agree-group input[type="checkbox"] + label {
    margin-bottom: 1px;
    margin-left: 55px;
  }

  #aboutModal .submit-button {
    border-radius: 108px;
    padding: 14px 70px;
    font-size: 23px;
    line-height: 27px;
  }
}

@media (max-width: 1199.5px) {
  #aboutFaq {
    padding: 36px 60px 0;
  }

  #aboutFaq .image-right {
    width: 57px;
  }

  #aboutFaq .faq-questions-list {
    margin-bottom: 30px;
  }

  #aboutFaq .faq-link {
    border-radius: 58px;
    box-shadow: 0px 0.58px 0px 0px #0000004d inset,
      0px -0.58px 0px 0px #ffffff33 inset;
    padding: 10px 18px 10px 21px;
    font-size: 9px;
    line-height: 12px;
  }

  #aboutFaq .faq-link:before {
    top: 3px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    border-radius: 58px;
    box-shadow: -3.91px 0px 1.95px -2.94px #99e721 inset,
      0px 0.58px 0px 0px #cfcfcf33 inset, 1.95px 9.81px 13.72px -3.91px #000000;
  }

  #aboutFaq .faq-link img {
    width: 9px;
    margin-left: 6px;
  }

  #aboutFaq .faq-question__head {
    height: 60px;
    margin: 0 -2px;
    padding: 0 15px 9px 24px;
    font-size: 12px;
    line-height: 13px;
  }

  #aboutFaq .faq-question:not(:last-child) .faq-question__head {
    margin-bottom: 4px;
  }

  #aboutFaq .faq-question__head button {
    margin-left: 10px;
    width: 18px;
  }

  #aboutFaq .faq-question__body {
    border-radius: 18px;
    box-shadow: 0px 2.07px 2.07px 0px #00000040;
    padding: 12px 13px;
    font-size: 12px;
    line-height: 13px;
  }

  #aboutFaq .faq-question:not(:last-child) .faq-question__body {
    margin-bottom: 16px;
  }

  #aboutFaq .faq-question__body > div:not(:last-child) {
    margin-bottom: 3px;
  }

  #aboutFaq .faq-question__body ul {
    padding-left: 37px;
  }

  #aboutFaq .faq-question__body ul li {
    font-size: 9px;
    line-height: 13px;
  }

  #aboutFaq .faq-question__body ul li:not(:last-child) {
    margin-bottom: 1px;
  }

  #aboutFaq .faq-question__body ul li:before {
    top: 2px;
    left: -9px;
    width: 4px;
    height: 6px;
  }

  #aboutFaq .text-lawyer {
    font-size: 15.5px;
    line-height: 18px;
  }

  #aboutFaq footer {
    margin-top: 27px;
    margin-right: -60px;
    margin-left: -60px;
    padding: 24px 60px 42px;
    font-size: 7px;
    line-height: 9px;
  }

  #aboutModal .modal-dialog {
    max-width: 512px;
  }

  #aboutModal .modal-content {
    padding: 0 42px 1px 3px;
  }

  #aboutModal .modal-content .btn-close {
    top: 141px;
    right: 63px;
    width: 18px;
    height: 17px;
  }

  #aboutModal .modal-body {
    padding: 224px 76px 42px 34px;
  }

  #aboutModal .modal-body form input[type="text"] {
    margin-bottom: 9px;
    border: 2px solid #00000026;
    box-shadow: 0px 3px 3px 0px #00000026;
    padding: 8px 25px 7px;
    font-size: 15px;
    line-height: 19px;
    border-radius: 17px;
  }

  #aboutModal .question {
    row-gap: 9px;
    margin-top: 9px;
  }

  #aboutModal .question span {
    font-size: 15px;
    line-height: 17px;
  }

  #aboutModal .question textarea {
    border-radius: 7px;
    border: 0.5px solid rgba(200, 200, 200, 1);
    height: 122px;
    padding: 9px 10px;
  }

  #aboutModal .question textarea::placeholder {
    font-size: 12px;
    line-height: 14px;
  }

  #aboutModal .question + .agree-group {
    margin-bottom: 9px;
    padding-top: 0px;
  }

  #aboutModal .question + .agree-group .check-group {
    padding-top: 78px;
    margin-top: -35px;
  }

  #aboutModal .agree-group input[type="checkbox"] + label {
    margin-bottom: 1px;
    margin-left: 54px;
  }

  #aboutModal .submit-button {
    border-radius: 92px;
    padding: 12px 60px;
    font-size: 20px;
    line-height: 23px;
  }
}

@media (max-width: 991.5px) {
  #aboutFaq {
    padding: 27px 45px 0;
  }

  #aboutFaq .image-right {
    width: 42px;
  }

  #aboutFaq .faq-questions-list {
    margin-bottom: 25px;
  }

  #aboutFaq .faq-link {
    border-radius: 43px;
    box-shadow: 0px 0.43px 0px 0px #0000004d inset,
      0px -0.43px 0px 0px #ffffff33 inset;
    padding: 7px 13px 7px 15px;
    font-size: 7px;
    line-height: 9px;
  }

  #aboutFaq .faq-link:before {
    top: 2px;
    border-radius: 43px;
    box-shadow: -2.92px 0px 1.45px -2.2px #99e721 inset,
      0px 0.43px 0px 0px #cfcfcf33 inset, 1.45px 7.35px 10.29px -2.92px #000000;
  }

  #aboutFaq .faq-link img {
    width: 7px;
    margin-left: 4px;
  }

  #aboutFaq .faq-question__head {
    height: 45px;
    margin: 0 -1px;
    padding: 0 10px 6px 18px;
    font-size: 9px;
    line-height: 9px;
  }

  #aboutFaq .faq-question__head button {
    margin-left: 7px;
    width: 13px;
  }

  #aboutFaq .faq-question__body {
    border-radius: 13px;
    box-shadow: 0px 1.54px 1.54px 0px #00000040;
    padding: 9px;
    font-size: 9px;
    line-height: 9px;
  }

  #aboutFaq .faq-question:not(:last-child) .faq-question__body {
    margin-bottom: 12px;
  }

  #aboutFaq .faq-question__body > div:not(:last-child) {
    margin-bottom: 2px;
  }

  #aboutFaq .faq-question__body ul {
    padding-left: 28px;
  }

  #aboutFaq .faq-question__body ul li {
    font-size: 6px;
    line-height: 9px;
  }

  #aboutFaq .faq-question__body ul li:before {
    top: 1px;
    left: -6px;
    width: 3px;
    height: 4px;
  }

  #aboutFaq .text-lawyer {
    font-size: 13px;
    line-height: 16px;
  }

  #aboutFaq footer {
    margin-top: 19px;
    margin-right: -45px;
    margin-left: -45px;
    padding: 18px 45px 31px;
    font-size: 7px;
    line-height: 9px;
  }

  #aboutModal .modal-dialog {
    max-width: 455px;
  }

  #aboutModal .modal-content {
    padding: 0px;
  }

  #aboutModal .modal-content .btn-close {
    top: 135px;
    right: 18px;
    width: 17px;
    height: 15px;
  }

  #aboutModal .modal-body {
    padding: 218px 77px 42px 35px;
  }

  #aboutModal .modal-body form input[type="text"] {
    margin-bottom: 8px;
    border: 1px solid #00000060;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.375);
    padding: 8px 27px 7px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 18px;
  }

  #aboutModal .modal-body form .choice-tariff__head {
    margin-bottom: 10px;
    background: #00000026;
    border: 1px solid #00000060;
    box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.375);
    padding: 8px 27px 6px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 18px;
  }

  #aboutModal .modal-body form .choice-tariff__body {
    margin-left: 13px;
  }

  #aboutModal .question {
    row-gap: 10px;
    margin-top: 13px;
  }

  #aboutModal .question span {
    font-size: 15px;
    line-height: 18px;
  }

  #aboutModal .question textarea {
    border-radius: 8px;
    border: 0.3px solid rgba(200, 200, 200, 1);
    height: 110px;
    padding: 9px 11px;
    font-weight: 400;
    font-size: 9px;
    line-height: 10px;
  }

  #aboutModal .question textarea::placeholder {
    font-size: 9px;
    line-height: 10px;
  }

  #aboutModal .agree-group {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  #aboutModal .question + .agree-group {
    margin-bottom: 8px;
    padding-top: 0px;
  }

  #aboutModal .question + .agree-group .check-group {
    padding-top: 27px;
    margin-top: 0px;
  }

  #aboutModal .agree-group input[type="checkbox"] + label {
    margin-left: 45px;
  }

  #aboutModal .agree-group input[type="checkbox"] + label:before {
    left: -23px;
    width: 14px;
    height: 14px;
  }

  #aboutModal .agree-group input[type="checkbox"] + label:after {
    left: -23px;
    width: 14px;
    height: 14px;
    margin-top: -4px;
  }

  #aboutModal .submit-button {
    border: 1px solid #ffffff;
    border-radius: 93px;
    box-shadow: 3px -3px 15px 0px rgba(0, 0, 0, 0.15),
      0px 3px 3px 0px rgba(0, 0, 0, 0.375) inset;
    margin-top: 0px;
    padding: 12px 66px;
    width: fit-content;
    font-size: 18px;
    line-height: 22px;
  }
}

@media (max-width: 767.5px) {
  #aboutFaq {
    padding: 19px 33px 0;
  }

  #aboutFaq .image-right {
    width: 31px;
  }

  #aboutFaq .faq-link {
    border-radius: 41px;
    box-shadow: 0px 0.41px 0px 0px #0000004d inset,
      0px -0.41px 0px 0px #ffffff33 inset;
    padding-left: 14px;
  }

  #aboutFaq .faq-link:before {
    border-radius: 40px;
    box-shadow: -2.69px 0px 1.34px -2.02px #99e721 inset,
      0px 0.4px 0px 0px #cfcfcf33 inset, 1.34px 6.74px 9.41px -2.69px #000000;
  }

  #aboutFaq .faq-questions-list {
    width: 267px;
    margin-bottom: 18px;
  }

  #aboutFaq .faq-question__head {
    background-image: url("../images/professional/faq-question-back-mobile.png");
    height: 35px;
    margin: 0;
    padding: 0 7px 4px 15px;
    font-size: 7.67px;
    line-height: 9px;
  }

  #aboutFaq .faq-question:not(:last-child) .faq-question__head {
    margin-bottom: 6px;
  }

  #aboutFaq .faq-question.active .faq-question__head {
    margin-bottom: 6px;
    background-image: url("../images/professional/faq-question-back-active-mobile.png");
  }

  #aboutFaq .faq-question.active:last-child {
    margin-bottom: -6px;
  }

  #aboutFaq .faq-question__head button {
    width: 12px;
  }

  #aboutFaq .faq-question__body {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    border-radius: 11px;
    box-shadow: 0px 1.22px 1.22px 0px #00000040;
    padding: 7px 9px 7px 6px;
    font-size: 7px;
  }

  #aboutFaq .faq-question__body ul li {
    line-height: 8px;
  }

  #aboutFaq .text-lawyer {
    font-size: 9px;
    line-height: 11px;
  }

  #aboutFaq footer {
    margin-top: 17px;
    margin-right: -33px;
    margin-left: -33px;
    padding: 13px 33px 22px;
    font-size: 5px;
    line-height: 7px;
  }

  #aboutModal .modal-dialog {
    max-width: 394px;
  }

  #aboutModal .modal-content {
    padding: 0px;
  }

  #aboutModal .modal-content .btn-close {
    top: 105px;
    right: 16px;
    width: 14px;
    height: 13px;
  }

  #aboutModal .modal-body {
    padding: 189px 66px 36px 30px;
  }

  #aboutModal .modal-body form input[type="text"] {
    margin-bottom: 7px;
    border: 1px solid #00000040;
    box-shadow: 0px 2.5px 2.5px 0px rgba(0, 0, 0, 0.25);
    padding: 5px 20px 4px;
    border-radius: 10px;
    font-size: 11px;
    line-height: 13px;
  }

  #aboutModal .modal-body form .choice-tariff__head {
    margin-bottom: 8px;
    background: #00000017;
    border: 1px solid #00000040;
    box-shadow: 0px 2.5px 2.5px 0px rgba(0, 0, 0, 0.25);
    padding: 6px 23px 5px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 16px;
  }

  #aboutModal .modal-body form .choice-tariff__body {
    margin-left: 11px;
  }

  #aboutModal .question {
    row-gap: 8px;
    margin-top: 11px;
  }

  #aboutModal .question span {
    font-size: 11px;
    line-height: 13px;
  }

  #aboutModal .question textarea {
    border-radius: 7px;
    border: 0.3px solid rgba(200, 200, 200, 1);
    height: 95px;
    padding: 8px 9px;
    font-weight: 400;
    font-size: 8px;
    line-height: 9px;
  }

  #aboutModal .question textarea::placeholder {
    font-size: 8px;
    line-height: 9px;
  }

  #aboutModal .agree-group {
    margin-top: 7px;
    margin-bottom: 7px;
  }

  #aboutModal .question + .agree-group {
    margin-bottom: 7px;
    padding-top: 0px;
  }

  #aboutModal .question + .agree-group .check-group {
    padding-top: 23px;
  }

  #aboutModal .agree-group input[type="checkbox"] + label {
    margin-left: 38px;
  }

  #aboutModal .agree-group input[type="checkbox"] + label:before {
    left: -20px;
    width: 12px;
    height: 12px;
  }

  #aboutModal .agree-group input[type="checkbox"] + label:after {
    left: -20px;
    width: 12px;
    height: 12px;
    margin-top: -5px;
  }

  #aboutModal .submit-button {
    border: 1px solid #ffffff;
    border-radius: 81px;
    box-shadow: 2.68px -2.68px 13.24px 0px rgba(0, 0, 0, 0.1),
      0px 2.24px 2.24px 0px rgba(0, 0, 0, 0.25) inset;
    margin-top: 0px;
    padding: 10px 57px;
    width: fit-content;
    font-size: 16px;
    line-height: 20px;
  }
}

@media (min-width: 576px) {
  #aboutFaq .image-left img:last-child,
  #aboutFaq .image-right img:last-child,
  #aboutFaq > .footer-left,
  #aboutFaq .image-mobile {
    display: none;
  }
}

@media (max-width: 575.5px) {
  #aboutFaq {
    padding: 4.22vw 6.25vw 0 10.31vw;
  }

  #aboutFaq .image-left img:first-child,
  #aboutFaq .image-right img:first-child,
  #aboutFaq footer .footer-left img:first-child {
    display: none;
  }

  #aboutFaq .image-mobile {
    position: absolute;
    top: 0;
    right: 0;
    width: 67.19vw;
    text-align: end;
  }

  #aboutFaq .image-mobile img {
    width: 100%;
  }

  #aboutFaq .image-left {
    width: 41.25vw;
  }

  #aboutFaq .image-right {
    bottom: 26.14vw;
    width: 35.94vw;
  }

  #aboutFaq .title {
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    font-size: 4.24vw;
    line-height: 5.2vw;
    letter-spacing: -0.02em;
  }

  #aboutFaq .faq-link {
    margin-bottom: 9.58vw;
    border-radius: 12.87vw;
    box-shadow: 0px 0.13vw 0px 0px rgba(0, 0, 0, 0.3) inset,
      0px -0.13vw 0px 0px rgba(255, 255, 255, 0.2) inset;
    padding: 2.65vw 4.32vw 2.47vw 4.73vw;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 2.24vw;
    line-height: 2.73vw;
    letter-spacing: -0.02em;
  }

  #aboutFaq .faq-link:before {
    box-shadow: -0.84vw 0px 0.42vw -0.63vw rgba(153, 231, 33, 1) inset,
      0px 0.13vw 0px 0px rgba(207, 207, 207, 0.2) inset,
      0.42vw 2.1vw 2.94vw -0.84vw rgba(0, 0, 0, 1);
    border-radius: 12.59vw;
    top: 0.73vw;
    left: 0.55vw;
    bottom: 0.55vw;
    bottom: 0.64vw;
  }

  #aboutFaq .faq-link img {
    width: 1.59vw;
    margin-left: 1.48vw;
  }

  #aboutFaq .faq-questions-list {
    width: 83.44vw;
    margin-bottom: 4.34vw;
    position: relative;
    z-index: 2;
  }

  #aboutFaq .faq-question__head {
    height: 11.01vw;
    padding: 0 0.68vw 0.39vw 1.47vw;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 2.4vw;
    line-height: 2.92vw;
    letter-spacing: 0;
    padding: 0 2.09vw 1.25vw 4.84vw;
  }

  #aboutFaq .faq-question:not(:last-child) .faq-question__head {
    margin-bottom: 1.74vw;
  }

  #aboutFaq .faq-question__head button {
    width: 3.59vw;
  }

  #aboutFaq .faq-question__body {
    position: absolute;
    right: 0;
    left: 0;
    width: 100%;
    border-radius: 3.438vw;
    box-shadow: 0px 0.38vw 0.38vw 0px rgba(0, 0, 0, 0.25);
    padding: 2.37vw 2.81vw 2.31vw 2.78vw;
    font-family: Montserrat;
    font-weight: 400;
    font-style: italic;
    font-size: 2.29vw;
    line-height: 2.79vw;
    letter-spacing: 0;
  }

  #aboutFaq .faq-question__body > div:not(:last-child) {
    margin-bottom: 0.2vw;
  }

  #aboutFaq .faq-question__body ul {
    padding-left: 8.87vw;
  }

  #aboutFaq .faq-question__body ul li {
    font-family: Montserrat;
    font-weight: 300;
    font-style: italic;
    font-size: 1.99vw;
    line-height: 2.43vw;
    letter-spacing: 0;
  }

  #aboutFaq .text-lawyer {
    font-size: 2.23vw;
    line-height: 2.73vw;
    position: relative;
    z-index: 1;
  }

  #aboutFaq > .footer-left {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 19.55vw;
    z-index: 0;
  }

  #aboutFaq footer {
    z-index: 1;
    margin-right: -6.25vw;
    margin-left: -10.31vw;
    padding: 2.81vw 5.94vw 3.13vw 5.31vw;
    font-size: 1.55vw;
    line-height: 2.11vw;
  }

  #aboutFaq footer .footer-left {
    display: none;
  }

  #aboutModal .modal-dialog {
    max-width: 94.69vw;
  }

  #aboutModal .modal-content {
    padding: 0vw;
  }

  #aboutModal .modal-content .btn-close {
    top: 28.13vw;
    right: 3.75vw;
    width: 3.44vw;
    height: 3.13vw;
  }

  #aboutModal .modal-body {
    padding: 45.31vw 15.94vw 8.75vw 7.19vw;
  }

  #aboutModal .modal-body form input[type="text"] {
    margin-bottom: 1.72vw;
    border: 0.31vw solid #00000040;
    box-shadow: 0vw 0.6vw 0.6vw 0vw rgba(0, 0, 0, 0.25);
    padding: 1.56vw 5.63vw 1.25vw;
    border-radius: 3vw;
    font-size: 2.97vw;
    line-height: 3.75vw;
  }

  #aboutModal .modal-body form .choice-tariff__head {
    margin-bottom: 2.03vw;
    background: #00000017;
    border: 0.31vw solid #00000040;
    box-shadow: 0vw 0.6vw 0.6vw 0vw rgba(0, 0, 0, 0.25);
    padding: 1.56vw 5.63vw 1.25vw;
    border-radius: 3.75vw;
    font-size: 2.97vw;
    line-height: 3.75vw;
  }

  #aboutModal .modal-body form .choice-tariff__body {
    margin-left: 2.66vw;
  }

  #aboutModal .question {
    row-gap: 2.03vw;
    margin-top: 2.66vw;
  }

  #aboutModal .question span {
    font-size: 3.13vw;
    line-height: 3.75vw;
  }

  #aboutModal .question textarea {
    border-radius: 1.56vw;
    border: 0.06vw solid rgba(200, 200, 200, 1);
    height: 22.81vw;
    padding: 1.88vw 2.19vw;
    font-weight: 400;
    font-size: 1.88vw;
    line-height: 2.19vw;
  }

  #aboutModal .question textarea::placeholder {
    font-size: 1.88vw;
    line-height: 2.19vw;
  }

  #aboutModal .agree-group {
    margin-top: 1.56vw;
    margin-bottom: 1.72vw;
  }

  #aboutModal .question + .agree-group {
    margin-bottom: 1.72vw;
    padding-top: 0vw;
  }

  #aboutModal .question + .agree-group .check-group {
    padding-top: 7.5vw;
  }

  #aboutModal .agree-group input[type="checkbox"] + label {
    margin-left: 9.38vw;
  }

  #aboutModal .agree-group input[type="checkbox"] + label:before {
    left: -4.69vw;
    width: 2.81vw;
    height: 2.81vw;
  }

  #aboutModal .agree-group input[type="checkbox"] + label:after {
    left: -4.69vw;
    width: 2.81vw;
    height: 2.81vw;
    margin-top: -1.25vw;
  }

  #aboutModal .submit-button {
    border: 0.16vw solid #ffffff;
    border-radius: 24.38vw;
    box-shadow: 0.64vw -0.64vw 3.18vw 0vw rgba(0, 0, 0, 0.1),
      0vw 0.54vw 0.54vw 0vw rgba(0, 0, 0, 0.25) inset;
    margin-top: 0vw;
    padding: 2.5vw 13.75vw;
    width: fit-content;
    font-size: 3.75vw;
    line-height: 4.69vw;
  }
}

#alertModal .modal-dialog {
  max-width: 34.375vw;
}

#alertModal .modal-content {
  background: none;
  padding-top: 15.273vw;
}

#alertModal .modal-content .btn-close {
  right: -1.458vw;
  background: url("../images/professional/modal-green-close.svg") center center
    no-repeat;
  background-size: contain;
  width: 1.458vw;
  height: 1.406vw;
}

#alertModal .modal-content .image-top {
  position: absolute;
  top: 0vw;
  left: 6.667vw;
  bottom: 1.406vw;
  z-index: 0;
  pointer-events: none;
}

#alertModal .modal-content .image-top img {
  height: 19.27vw;
}

#alertModal .modal-body {
  background: url("../images/professional/modal-video.png") center center
    no-repeat;
  background-size: 100% 100%;
  padding: 6.25vw 4.427vw 4.167vw 4.167vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.792vw;
  line-height: 2.109vw;
  letter-spacing: 0;
  text-align: center;
  color: rgba(45, 68, 9, 1);
}

#alertModal .modal-body span {
  color: rgba(255, 255, 255, 1);
  font-family: Century Gothic, Sans-Serif;
  font-weight: 700;
  font-size: 2.188vw;
  line-height: 2.708vw;
  letter-spacing: 0;
}

@media (max-width: 1599.5px) {
  #alertModal .modal-dialog {
    max-width: 29.22vw;
  }

  #alertModal .modal-content {
    padding-top: 12.99vw;
  }

  #alertModal .modal-content .btn-close {
    right: -1.24vw;
    width: 1.24vw;
    height: 1.2vw;
  }

  #alertModal .modal-content .image-top {
    left: 5.67vw;
    bottom: 1.2vw;
  }

  #alertModal .modal-content .image-top img {
    height: 16.37vw;
  }

  #alertModal .modal-body {
    padding: 5.31vw 3.5vw 3.54vw 3.4vw;
    font-size: 1.52vw;
    line-height: 1.79vw;
  }

  #alertModal .modal-body span {
    font-size: 1.86vw;
    line-height: 2.3vw;
  }
}

@media (max-width: 1199.5px) {
  #alertModal .modal-dialog {
    max-width: 24.61vw;
  }

  #alertModal .modal-content {
    padding-top: 10.9vw;
  }

  #alertModal .modal-content .btn-close {
    right: -1.05vw;
    width: 1.05vw;
    height: 1vw;
  }

  #alertModal .modal-content .image-top {
    left: 4.76vw;
    bottom: 1vw;
  }

  #alertModal .modal-content .image-top img {
    height: 13.77vw;
  }

  #alertModal .modal-body {
    padding: 4.47vw 2.75vw 2.98vw 2.31vw;
    font-size: 1.29vw;
    line-height: 1.51vw;
  }

  #alertModal .modal-body span {
    font-size: 1.56vw;
    line-height: 1.94vw;
  }
}

@media (max-width: 991.5px) {
  #alertModal .modal-dialog {
    max-width: 22.89vw;
  }

  #alertModal .modal-content {
    padding-top: 9.64vw;
  }

  #alertModal .modal-content .btn-close {
    right: -0.92vw;
    width: 0.92vw;
    height: 0.89vw;
  }

  #alertModal .modal-content .image-top {
    left: 4.22vw;
    bottom: 0.89vw;
  }

  #alertModal .modal-content .image-top img {
    height: 12.18vw;
  }

  #alertModal .modal-body {
    padding: 3.96vw 2.3vw 2.99vw 2.07vw;
    font-size: 1.14vw;
    line-height: 1.33vw;
  }

  #alertModal .modal-body span {
    font-size: 1.38vw;
    line-height: 1.71vw;
  }
}

@media (max-width: 767.5px) {
  #alertModal .modal-dialog {
    max-width: 35.55vw;
  }

  #alertModal .modal-content {
    padding-top: 15.67vw;
  }

  #alertModal .modal-content .btn-close {
    right: -1.16vw;
    width: 1.69vw;
    height: 1.55vw;
    top: 14.56vw;
  }

  #alertModal .modal-content .image-top {
    left: 5.94vw;
    bottom: 14.51vw;
  }

  #alertModal .modal-content .image-top img {
    height: 19.84vw;
  }

  #alertModal .modal-body {
    padding: 6.4vw 4.1vw 4.83vw 4.55vw;
    font-size: 1.78vw;
    line-height: 2.16vw;
  }

  #alertModal .modal-body span {
    font-size: 2.05vw;
    line-height: 2.77vw;
  }
}

@media (max-width: 575.5px) {
  #alertModal .modal-dialog {
    max-width: 78.13vw;
  }

  #alertModal .modal-content {
    padding-top: 34.38vw;
  }

  #alertModal .modal-content .btn-close {
    right: -2.56vw;
    width: 3.72vw;
    height: 3.42vw;
    top: 32vw;
  }

  #alertModal .modal-content .image-top {
    left: 13.06vw;
    bottom: 31.88vw;
  }

  #alertModal .modal-content .image-top img {
    height: 43.59vw;
  }

  #alertModal .modal-body {
    padding: 14.06vw 9vw 10.63vw 10vw;
    font-size: 3.91vw;
    line-height: 4.76vw;
  }

  #alertModal .modal-body span {
    font-size: 4.5vw;
    line-height: 6.09vw;
  }
}

#account-page {
  position: relative;
  padding-top: 42px;
  z-index: 1;
}

@media (max-width: 1599.5px) {
  #account-page {
    padding-top: 26px;
  }
}

@media (max-width: 1199.5px) {
  #account-page {
    padding-top: 25px;
  }
}

#account-page > video {
  position: absolute;
  opacity: 0.5;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: none;
}

#account-page > video:first-child {
  display: unset;
}

#account-page .menu {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1.2vw 3.54vw 1.36vw 3.48vw;
  background: rgba(207, 207, 207, 0.15);
  margin-bottom: 3.13vw;
  position: relative;
  z-index: 1;
}

#account-page .menu .logo a {
  display: inline-block;
}

#account-page .menu .logo img {
  width: 9.64vw;
  height: auto;
}

#account-page .account-menu__links {
  list-style: none;
  display: flex;
  flex-direction: row;
  column-gap: 1.67vw;
  align-items: center;
  margin: 0;
  padding: 0;
}

#account-page .account-menu__link {
  position: relative;
}

#account-page .account-menu__link img {
  width: 1.61vw;
  height: auto;
}

#account-page .account-menu__link:last-child img {
  width: 3.18vw;
  height: auto;
}

#account-page .tooltip {
  opacity: 0;
  position: absolute;
  right: 0.78vw;
  top: 2.14vw;
  display: flex;
  align-items: center;
  height: 1.88vw;
  width: 7.14vw;
  justify-content: center;
  transition: opacity 0.3s ease;
}

#account-page .account-menu__link:nth-of-type(2) .tooltip {
  right: -0.26vw;
}

#account-page .account-menu__link:nth-of-type(4) .tooltip {
  right: -0.26vw;
}

#account-page .tooltip span {
  display: block;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.89vw;
  line-height: 0.89vw;
  letter-spacing: -0.02em;
  color: rgba(119, 119, 119, 1);
  white-space: nowrap;
  position: relative;
  z-index: 1;
}

#account-page .tooltip img {
  position: absolute;
  height: 2.14vw;
  width: auto;
  top: -0.26vw;
  z-index: 0;
  box-shadow: 0 0.22vw 0.22vw 0 rgba(0, 0, 0, 0.25);
}

#account-page .account-menu__link img:hover + .tooltip {
  opacity: 1;
}

#account-page .mobile-menu {
  display: none;
}

@media (max-width: 575.5px) {
  #account-page {
    padding-top: 12.16vw;
  }

  #account-page > video:first-child {
    display: none;
  }

  #account-page > video:nth-of-type(2) {
    display: unset;
  }

  #account-page .menu {
    display: none;
  }

  #account-page .mobile-menu {
    display: flex;
    position: fixed;
    bottom: 0;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background: black;
    z-index: 2;
  }

  #account-page .account-menu__links {
    column-gap: 0;
    width: 100%;
    padding: 2.19vw 0 3.12vw;
    justify-content: center;
  }

  #account-page .account-menu__link a {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 0.78vw;
    width: 18.12vw;
    text-decoration: none;
  }

  #account-page .account-menu__link a:focus {
    text-decoration: none;
  }

  #account-page .account-menu__link_bottom {
    width: 100%;
  }

  #account-page .account-menu__link_bottom a {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 2.5vw;
    line-height: normal;
    letter-spacing: 0;
    color: rgba(155, 155, 155, 1);
    padding: 2.5vw 0;
    width: 100%;
    text-align: center;
    background: white;
    display: inline-block;
    text-decoration: none;
  }

  #account-page .account-menu__link_bottom.current a {
    color: white;
    background: rgba(153, 231, 33, 1);
  }

  #account-page .account-menu__link a:focus {
    outline: none;
  }

  #account-page .account-menu__link img {
    width: 6.88vw;
  }

  #account-page .account-menu__link:last-child img {
    width: 6.25vw;
  }

  #account-page .tooltip {
    opacity: 1;
    position: relative;
    right: unset;
    top: unset;
    display: unset;
    height: unset;
    width: unset;
    justify-content: unset;
    transition: unset;
  }

  #account-page .tooltip span {
    font-size: 2.5vw;
    line-height: normal;
    color: rgba(155, 155, 155, 1);
    white-space: nowrap;
    position: relative;
    z-index: 1;
  }
}

/*ЛИЧНЫЙ КАБИНЕТ - ГЛАВНАЯ*/
#account-page__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.25vw;
  padding: 0 2.6vw 0;
  position: relative;
  z-index: 1;
}

#account-page__main .content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  column-gap: 2.19vw;
  width: 100%;
}

#account-page__main .courses .title {
  padding-left: 1.25vw;
  color: white;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.88vw;
  line-height: 2.29vw;
  letter-spacing: 0;
  margin-bottom: 0.99vw;
}

#account-page__main .course {
  padding: 1.67vw 8.54vw 3.04vw 1.25vw;
  background: rgba(255, 255, 255, 1);
  border: none;
  box-shadow: 0 0.21vw 0.21vw 0 rgba(0, 0, 0, 0.25);
  border-radius: 1.25vw;
  position: relative;
}

#account-page__main .course:not(:last-child) {
  margin-bottom: 1.25vw;
}

#account-page__main .course__title {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.1vw;
  line-height: 1.3vw;
  letter-spacing: 0;
  color: black;
  max-width: 34.2vw;
  margin-bottom: 0.63vw;
}

#account-page__main .course__progress-bar {
  height: 1.15vw;
  width: 32.92vw;
  border-radius: 0.57vw;
  box-shadow: 0 0.21vw 0.21vw 0 rgba(0, 0, 0, 0.25);
  background: rgba(224, 224, 224, 1);
  /*display: -webkit-box;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  /*align-items: center;*/
  /*justify-content: flex-start;*/
  overflow: hidden;
}

#account-page__main .course-progress-fill {
  height: 100%;
  background: rgba(0, 0, 0, 1);
  border-radius: 0.52vw;
  position: relative;
}

#account-page__main .course__progress-bar span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  background: black;
  border-radius: 0.57vw;
  color: white;
  font-family: Montserrat;
  font-weight: 600;
  font-size: 0.73vw;
  line-height: 0.89vw;
  letter-spacing: 0;
}

#account-page__main .course__image img:first-child {
  position: absolute;
  right: 0.89vw;
  bottom: 0;
  transition: opacity 0.5s ease;
  width: 8.7vw;
  height: auto;
}

#account-page__main .course__image img:last-child {
  position: absolute;
  right: 4vw;
  bottom: 50%;
  transform: translateY(50%);
  opacity: 0;
  transition: opacity 0.5s ease, right 0.5s ease;
}

#account-page__main .course:hover .course__image img:first-child {
  opacity: 0;
}

#account-page__main .course:hover .course__image img:last-child {
  opacity: 1;
  right: 2.46vw;
}

#account-page__main .lessons {
  width: 100%;
  padding-top: 0.68vw;
}

#account-page__main .lessons .top-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.99vw;
}

#account-page__main .lessons .navigation {
  display: flex;
  flex-direction: row;
  column-gap: 1.46vw;
  align-items: center;
}

#account-page__main .lessons .navigation img {
  width: 1.51vw;
  height: auto;
}

#account-page__main .lessons .title {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.1vw;
  line-height: 1.3vw;
  letter-spacing: 0;
  color: rgba(155, 155, 155, 1);
}

#account-page__main .lessons-list {
  display: flex;
  flex-direction: row;
  column-gap: 0.15vw;
  height: 9.06vw;
  overflow: hidden;
}

#account-page__main .lessons-list:not(:last-child) {
  margin-bottom: 1.25vw;
}

#account-page__main .lessons-item {
  background: rgba(255, 255, 255, 0.17);
  border-radius: 0.78vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  flex-direction: column;
  justify-content: space-between;
  display: none;
  width: 16.09vw;
}

#account-page__main .lessons-item:hover {
  text-decoration: none;
}

#account-page__main .lessons-item.active {
  display: flex;
}

#account-page__main .lessons-item > img {
  position: absolute;
  width: 1.04vw;
  height: 1.04vw;
  left: 0.89vw;
  top: 0.63vw;
}

#account-page__main .lessons-item__image {
  background: rgba(21, 21, 21, 1);
  border-radius: 0.78vw;
  text-align: center;
  margin-bottom: 0.37vw;
  padding: 1.04vw 0;
  box-shadow: 0 0.21vw 0.21vw 0 rgba(0, 0, 0, 0.25);
}

#account-page__main .lessons-item__image img {
  height: 3.7vw;
  width: auto;
}

#account-page__main .lessons-item__title {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.68vw;
  line-height: 0.78vw;
  letter-spacing: 0;
  padding: 0 1.3vw 0.63vw 0.99vw;
  margin-bottom: auto;
}

#account-page__main .lessons-item__title span {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.57vw;
  line-height: 0.73vw;
  letter-spacing: 0;
  color: rgba(155, 155, 155, 1);
}

#account-page__main .lessons-item__title p {
  margin-bottom: 0;
  margin-top: 0.08vw;
}

#account-page__main .contacts {
  display: flex;
  flex-direction: row;
  column-gap: 1.56vw;
  align-items: center;
}

#account-page__main .contacts a {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.42vw;
  color: white;
  text-decoration: none;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.84vw;
  line-height: 1vw;
  letter-spacing: 0;
  padding-left: 1.25vw;
}

#account-page__main .contacts a img {
  width: 1.25vw;
  height: auto;
}

@media (max-width: 575.5px) {
  #account-page__main {
    flex-direction: column;
    row-gap: 0;
    padding: 6.25vw 4.69vw 9.38vw;
  }

  #account-page__main .content {
    display: contents;
  }

  #account-page__main .courses .title {
    padding-left: 0;
    font-size: 4.06vw;
    line-height: normal;
    margin-bottom: 3.12vw;
  }

  #account-page__main .course {
    padding: 4.06vw 32.5vw 7.19vw 3.12vw;
    box-shadow: 0 0.49vw 0.49vw 0 rgba(0, 0, 0, 0.25),
      0 0.49vw 0.49vw 0 rgba(0, 0, 0, 0.25);
    border-radius: 2.97vw;
    width: 100%;
  }

  #account-page__main .course:not(:last-child) {
    margin-bottom: 4.69vw;
  }

  #account-page__main .course__title {
    font-size: 3.12vw;
    line-height: normal;
    max-width: 57.19vw;
    margin-bottom: 3.12vw;
  }

  #account-page__main .course__progress-bar {
    height: 2.81vw;
    width: 53.44vw;
    border-radius: 1.44vw;
    box-shadow: 0 0.53vw 0.53vw 0 rgba(0, 0, 0, 0.25);
  }

  #account-page__main .course-progress-fill {
    border-radius: 1.44vw;
  }

  #account-page__main .course__progress-bar span {
    border-radius: 1.44vw;
    font-size: 1.88vw;
    line-height: normal;
  }

  #account-page__main .course__image img:first-child {
    right: 2.81vw;
    width: 26.88vw;
  }

  #account-page__main .course__image img:last-child {
    right: 7.81vw;
    width: 10.31vw;
  }

  #account-page__main .course:hover .course__image img:last-child {
    right: 6.25vw;
  }

  #account-page__main .lessons {
    width: 100%;
    padding-top: 0;
    order: 2;
    row-gap: 3.12vw;
    display: flex;
    flex-direction: column;
  }

  #account-page__main .lessons .top-row {
    margin-bottom: 0;
  }

  #account-page__main .lessons .navigation {
    column-gap: 4.06vw;
  }

  #account-page__main .lessons .navigation img {
    width: 4.06vw;
  }

  #account-page__main .lessons .title {
    font-size: 3.12vw;
    line-height: normal;
  }

  #account-page__main .lessons-list {
    column-gap: 1.56vw;
    flex-wrap: wrap;
    height: fit-content;
    margin-bottom: 0;
    row-gap: 2.19vw;
    justify-content: space-between;
  }

  #account-page__main .lessons-list:not(:last-child) {
    margin-bottom: 0;
  }

  #account-page__main .lessons-item {
    border-radius: 2.13vw;
    width: 44.5vw;
  }

  #account-page__main .lessons-item > img {
    width: 2.81vw;
    height: 2.81vw;
    left: 1.72vw;
    top: 2.41vw;
  }

  #account-page__main .lessons-item__image {
    background: rgba(21, 21, 21, 1);
    border-radius: 2.13vw;
    margin-bottom: 0.94vw;
    padding: 2.66vw 0;
    box-shadow: 0 0.57vw 0.57vw 0 rgba(0, 0, 0, 0.25);
  }

  #account-page__main .lessons-item__image img {
    height: 10vw;
  }

  #account-page__main .lessons-item__title {
    font-size: 2.5vw;
    line-height: 2.19vw;
    padding: 0 1.56vw 2.5vw 2.5vw;
  }

  #account-page__main .lessons-item__title span {
    font-size: 2.5vw;
    line-height: normal;
  }

  #account-page__main .lessons-item__title p {
    margin-top: 0.94vw;
  }

  #account-page__main .contacts {
    column-gap: 5vw;
    margin-top: 4.69vw;
    margin-bottom: 9.38vw;
  }

  #account-page__main .contacts a {
    column-gap: 1.56vw;
    font-size: 2.81vw;
    line-height: normal;
    padding-left: 0;
  }

  #account-page__main .contacts a img {
    width: 4.59vw;
  }
}

#account-page__blog {
  z-index: 1;
  position: relative;
}

#account-page__blog p {
  margin: 0;
}

#account-page__blog .title {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.88vw;
  line-height: 2.29vw;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 1);
  padding-left: 3.9vw;
  margin-bottom: 1.83vw;
}

#account-page__blog .blog-menu {
  width: 100%;
  padding: 1.2vw 3.54vw 1.2vw 3.9vw;
  background: rgba(207, 207, 207, 0.15);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  list-style: none;
  margin: 0;
}

#account-page__blog .blog-menu__item a {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 1.56vw;
  letter-spacing: 0;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
}

#account-page__blog .articles {
  padding: 3.65vw 5.12vw 4vw;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 1.83vw;
  column-gap: 2.08vw;
}

#account-page__blog .article-item {
  position: relative;
  border-radius: 1.25vw;
  box-shadow: 0 0.25vw 0.25vw 0 rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 17.9vw;
  overflow: hidden;
}

#account-page__blog .article-item__image {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

#account-page__blog .article-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#account-page__blog .article-item__category {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 1.56vw;
  letter-spacing: 0;
  color: white;
  text-align: left;
  padding: 1.2vw 0 0 1.46vw;
  position: relative;
  z-index: 1;
}

#account-page__blog .article-item__description {
  display: flex;
  flex-direction: column;
  row-gap: 0.63vw;
  align-items: flex-start;
  padding: 0.75vw 1.46vw 1.18vw;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(1.18vw);
  border-radius: 0 3.06vw 3.06vw 0;
  /*position: relative;*/
  z-index: 1;
  width: 100%;
}

#account-page__blog .article-item__description p {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.04vw;
  line-height: 1.18vw;
  letter-spacing: 0;
  color: white;
}

#account-page__blog .article-item__description button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  column-gap: 0.63vw;
  padding: 0.73vw 1.46vw 0.75vw 1.25vw;
  background: white;
  border: none;
  border-radius: 0.9vw;
  box-shadow: 0 0.25vw 0.25vw 0 rgba(0, 0, 0, 0.25);
}

#account-page__blog .article-item__description button span {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.99vw;
  line-height: 1.06vw;
  letter-spacing: 0;
  color: rgba(129, 134, 139, 1);
}

#account-page__blog .article-item__description button img {
  width: 2.14vw;
  height: auto;
}

#account-page__blog .article-item__task {
  z-index: 1;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.04vw;
  line-height: 1.18vw;
  letter-spacing: 0;
  color: white;
  padding: 0.25vw 0 0.25vw 1.46vw;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(1.18vw);
  margin-bottom: 0.37vw;
  margin-top: auto;
  /*position: absolute;*/
  /*bottom: 0;*/
  transition: all 0.5s ease;
}

#account-page__blog .promt .article-item__description {
  border-radius: 0 0 1.25vw 1.25vw;
  opacity: 1;
  /*visibility: hidden;*/
  transition: opacity 0.5s ease, visibility 0.5s ease;
  /*position: absolute;*/
  top: 100%;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.25);
  padding: 0.75vw 1.46vw;
  padding-bottom: 1.18vw;
}

#account-page__blog .promt:hover .article-item__task {
  /*margin-bottom: 0.37vw;*/
  position: relative;
  bottom: unset;
}

#account-page__blog .promt:hover .article-item__description {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  bottom: 0;
  top: unset;
  position: relative;
}

#account-page__blog .particle .article-item__description {
  border-radius: 0 0 1.25vw 1.25vw;
}

#account-page__blog .advice .article-item__description {
  border-radius: 0 0 1.25vw 1.25vw;
}

#account-page__blog .promt p {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.78vw;
  line-height: 0.99vw;
  letter-spacing: 0;
  color: white;
}

#account-page__blog .navigation {
  display: none;
}

@media (max-width: 575.5px) {
  #account-page__blog {
    padding: 6.25vw 0 9.38vw;
  }

  #account-page__blog .title {
    padding-left: 4.69vw;
    font-size: 4.06vw;
    line-height: normal;
    margin-bottom: 3.12vw;
  }

  #account-page__blog .blog-menu {
    padding: 1.88vw 4.69vw 2.5vw 4.69vw;
  }

  #account-page__blog .blog-menu__item a {
    font-size: 3.12vw;
    line-height: normal;
    text-transform: none;
  }

  #account-page__blog .articles {
    padding: 4.69vw 0 0;
    display: flex;
    row-gap: 5.31vw;
    column-gap: 0;
    flex-direction: column;
    align-items: center;
    height: 96.25vw;
  }

  #account-page__blog .article-item {
    border-radius: 2.97vw;
    box-shadow: 0 0.59vw 0.59vw 0 rgba(0, 0, 0, 0.25);
    height: 43.13vw;
    width: 68.75vw;
  }

  #account-page__blog .article-item__category {
    font-size: 3.12vw;
    line-height: normal;
    padding: 2.19vw 0 0 2.81vw;
  }

  #account-page__blog .article-item__description {
    row-gap: 1.88vw;
    padding: 0.94vw 2.5vw 1.88vw;
    backdrop-filter: blur(2.19vw);
    border-radius: 0 7.44vw 7.44vw 0;
  }

  #account-page__blog .article-item__description p {
    font-size: 2.5vw;
    line-height: normal;
  }

  #account-page__blog .article-item__description button {
    column-gap: 1.56vw;
    padding: 1.25vw 2.5vw 1.56vw;
    border-radius: 1.88vw;
    box-shadow: 0 0.59vw 0.59vw 0 rgba(0, 0, 0, 0.25);
  }

  #account-page__blog .article-item__description button span {
    font-size: 2.38vw;
    line-height: normal;
  }

  #account-page__blog .article-item__description button img {
    width: 5vw;
  }

  #account-page__blog .article-item__task {
    font-size: 2.34vw;
    line-height: normal;
    padding: 0.94vw 0 0.94vw 2.5vw;
    backdrop-filter: blur(2.19vw);
    margin-bottom: 0.94vw;
  }

  #account-page__blog .promt .article-item__description {
    border-radius: 0 0 2.97vw 2.97vw;
    padding: 0.94vw 2.5vw 1.88vw;
    padding-bottom: 1.88vw;
  }

  #account-page__blog .particle .article-item__description {
    border-radius: 0 0 2.97vw 2.97vw;
  }

  #account-page__blog .advice .article-item__description {
    border-radius: 0 0 2.97vw 2.97vw;
  }

  #account-page__blog .promt p {
    font-size: 2.34vw;
    line-height: normal;
  }

  #account-page__blog .navigation {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 14.06vw;
    margin: auto;
    justify-content: center;
    margin-top: 6.25vw;
  }

  #account-page__blog .navigation img {
    width: 5.62vw;
    height: auto;
  }
}

#account-page__knowledge-base {
  z-index: 1;
  position: relative;
}

#account-page__knowledge-base p {
  margin: 0;
}

#account-page__knowledge-base .title {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.88vw;
  line-height: 2.29vw;
  letter-spacing: 0;
  color: rgb(255, 255, 255);
  padding-left: 3.9vw;
  margin-bottom: 1.83vw;
}

#account-page__knowledge-base .faq {
  margin: 3.1vw 5.12vw 13.5vw 3.9vw;
  padding: 1.2vw 2.08vw 1.75vw 1.9vw;
  border-radius: 1.25vw;
  background: rgba(207, 207, 207, 0.15);
}

#account-page__knowledge-base .faq__title {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.1vw;
  line-height: 1.3vw;
  letter-spacing: 0;
  color: rgba(155, 155, 155, 1);
  margin-bottom: 1.46vw;
}

#account-page__knowledge-base .accordion {
  width: -webkit-fill-available;
  margin-left: 0.39vw;
  display: flex;
  flex-direction: column;
  row-gap: 0.63vw;
}

#account-page__knowledge-base .accordion__header {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.9vw;
  line-height: 1.06vw;
  letter-spacing: 0;
  text-align: center;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  color: white;
  justify-content: flex-end;
  column-gap: 1.25vw;
}

#account-page__knowledge-base .accordion__header::after {
  content: " ";
  width: 1.1vw;
  height: 1.1vw;
  background: url("../images/account/faq-arrow.svg") center center no-repeat;
  background-size: 100% 100%;
  display: flex;
}

#account-page__knowledge-base .accordion__content {
  font-family: Montserrat;
  font-weight: 300;
  font-size: 0.9vw;
  line-height: 1.06vw;
  letter-spacing: 0;
  text-align: left;
  color: white;
  max-height: 0;
  transition: max-height 0.3s ease-out, padding 0.3s ease-out;
  background: rgba(207, 207, 207, 0.25);
  border-radius: 1.25vw;
  overflow: hidden;
  padding: 0 1.04vw 0;
  margin-left: 2.08vw;
}

#account-page__knowledge-base .accordion-item.active .accordion__content {
  max-height: fit-content;
  padding: 0.9vw 1.04vw 0.75vw;
  margin-top: 1.25vw;
  margin-bottom: 0.78vw;
}

@media (max-width: 575.5px) {
  #account-page__knowledge-base {
    padding: 6.25vw 4.69vw 9.38vw;
  }

  #account-page__knowledge-base .title {
    padding-left: 0;
    font-size: 4.06vw;
    line-height: normal;
    margin-bottom: 3.12vw;
  }

  #account-page__knowledge-base .faq {
    margin: 0;
    padding: 4.69vw 2.5vw;
    border-radius: 2.19vw;
  }

  #account-page__knowledge-base .faq__title {
    font-size: 3.12vw;
    line-height: normal;
    margin-bottom: 3.12vw;
  }

  #account-page__knowledge-base .accordion {
    margin-left: 3.12vw;
    row-gap: 2.81vw;
  }

  #account-page__knowledge-base .accordion__header {
    font-size: 2.81vw;
    line-height: normal;
    column-gap: 3.75vw;
  }

  #account-page__knowledge-base .accordion__header::after {
    width: 2.81vw;
    height: 2.81vw;
  }

  #account-page__knowledge-base .accordion__content {
    font-size: 2.81vw;
    line-height: normal;
    padding: 0 3.12vw 0;
    margin-left: 6.56vw;
    border-radius: 1.56vw;
  }

  #account-page__knowledge-base .accordion-item.active .accordion__content {
    padding: 1.56vw 3.12vw;
    margin-top: 3.12vw;
    margin-bottom: 1.56vw;
  }
}

#account-page__chat {
  padding: 0 3.9vw 0;
  position: relative;
  z-index: 1;
}

#account-page__chat .content {
  display: flex;
  flex-direction: row;
  column-gap: 6.77vw;
}

#account-page__chat .chat-menu {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

#account-page__chat .title {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.88vw;
  line-height: 2.29vw;
  color: white;
  margin-bottom: 1.83vw;
}

#account-page__chat .chat-menu button {
  width: 22.03vw;
  height: 2.19vw;
  text-align: center;
  border: none;
  border-radius: 1.04vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.83vw;
  color: rgba(155, 155, 155, 1);
  background: white;
  margin-bottom: 0.79vw;
}

#account-page__chat .chat-menu button.active {
  background: rgba(141, 199, 54, 1) !important;
  color: white !important;
}

#account-page__chat .btn-ask {
  position: relative;
}

#account-page__chat .btn-ask:before {
  content: "+";
  font-family: Montserrat;
  font-weight: 300;
  font-size: 1.45vw;
  position: absolute;
  transform: translate(0, 50%);
  right: 1.04vw;
  bottom: 50%;
}

#account-page__chat .btn-ask.active:before {
  color: white;
}

#account-page__chat .chat-content > div {
  display: none;
}

#account-page__chat .chat-content > div.show {
  display: block;
}

#account-page__chat .question-form {
  padding: 2.34vw 1.56vw 1.3vw;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 1.3vw;
  width: 46.64vw;
}

#account-page__chat .question-form form {
  display: flex;
  flex-direction: column;
}

#account-page__chat .question-type {
  display: flex;
  flex-direction: row;
  column-gap: 2.08vw;
  margin-bottom: 1.83vw;
  padding-left: 0.78vw;
}

#account-page__chat .question-type > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1.56vw;
}

#account-page__chat .switch {
  position: relative;
  display: block;
  width: 2.5vw;
  height: 1.41vw;
}

#account-page__chat .switch input {
  display: none;
}

#account-page__chat .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border: 1px solid rgba(255, 255, 255, 1);
  background: rgba(207, 207, 207, 1);
  box-shadow: 0px 0.12vw 0.57vw 0.12vw rgba(72, 75, 77, 1) inset;
  border-radius: 2.45vw;
}

#account-page__chat .switch .slider:before {
  position: absolute;
  content: "";
  height: 1.36vw;
  width: 1.46vw;
  left: 0.03vw;
  bottom: 0.03vw;
  background-color: white;
  transition: 0.4s;
  border-radius: 2.4vw;
  box-shadow: -0.16vw 0px 0.08vw -0.12vw rgba(207, 207, 207, 1) inset,
    0px 0.02vw 0px 0px rgba(207, 207, 207, 0.2) inset,
    0.08vw 0.4vw 0.56vw -0.16vw rgba(0, 0, 0, 1);
}

#account-page__chat .switch input:checked + .slider {
  background: rgba(153, 231, 33, 1);
  box-shadow: 0px 0.12vw 0.57vw 0.12vw rgba(52, 79, 22, 0.8) inset;
}

#account-page__chat .switch input:checked + .slider:before {
  transform: translateX(0.94vw);
  box-shadow: -0.16vw 0px 0.08vw -0.12vw rgba(153, 231, 33, 1) inset;
}

#account-page__chat .question-form .field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.78vw;
  width: 100%;
}

#account-page__chat .question-form .field__title {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 0.92vw;
  color: rgba(119, 119, 119, 1);
  padding-left: 0.78vw;
}

#account-page__chat .question-form textarea {
  width: 100%;
  resize: none;
  min-height: 8.6vw;
  padding: 0.78vw;
  background: white;
  color: rgba(129, 134, 139, 1);
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.94vw;
  border-radius: 1.04vw;
  outline: none;
  border: none;
}

#account-page__chat .file-input-container {
  margin-top: 0.52vw;
  display: flex;
  flex-direction: column;
}

#account-page__chat .file-input-container .file-input-label {
  display: inline-block;
  padding: 0.63vw 2.08vw;
  background-color: white;
  color: rgba(207, 207, 207, 1);
  border-radius: 1.04vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.94vw;
  transition: 0.5s;
  position: relative;
}

#account-page__chat .file-input-container .file-input-label:before {
  content: "";
  width: 1.46vw;
  height: 1.46vw;
  background: url("../images/account/clip.png") center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  transform: translate(0, 50%);
  bottom: 50%;
  left: 0.52vw;
}

#account-page__chat .file-input-container .file-input-label:hover {
  background-color: rgba(141, 199, 54, 1);
  color: white;
}

#account-page__chat .file-input-container #file-input {
  display: none;
}

#account-page__chat .file-input-container .file-list {
  max-width: 20.83vw;
  display: flex;
  row-gap: 0.26vw;
  flex-direction: column;
}

#account-page__chat .file-input-container .file-item {
  display: flex;
  align-items: center;
}

#account-page__chat .file-input-container .file-name {
  margin: 0 0.78vw;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#account-page__chat .file-input-container .delete-btn {
  color: white;
  border: none;
  padding: 0 0.42vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.94vw;
  text-align: center;
  border-radius: 0.26vw;
  transition: 0.5s;
}

#account-page__chat .file-input-container .delete-btn:hover {
  background: rgba(141, 199, 54, 1);
}

#account-page__chat .file-input-container .error-message {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.73vw;
  color: white;
  padding-left: 0.78vw;
}

#account-page__chat .question-form .btn-send {
  margin: auto;
  background: rgba(141, 199, 54, 1);
  border: none;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.94vw;
  color: white;
  padding: 0.52vw 1.04vw;
  border-radius: 1.3vw;
  margin-top: 1.04vw;
}

#account-page__chat .view-faq {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.73vw;
  color: white;
  width: 100%;
  padding: 4.17vw 0 0 10.42vw;
}

@media (max-width: 575.5px) {
  #account-page__chat {
    padding: 6.25vw 4.69vw 9.38vw;
  }

  #account-page__chat .content {
    flex-direction: column;
    column-gap: 9.38vw;
  }

  #account-page__chat .title {
    padding-left: 0;
    font-size: 4.06vw;
    line-height: normal;
    margin-bottom: 3.12vw;
  }

  #account-page__chat .chat-menu button {
    width: 74.06vw;
    height: 7.34vw;
    border-radius: 5.47vw;
    font-size: 3.12vw;
    margin: 0 auto 2.5vw;
  }

  #account-page__chat .btn-ask:before {
    font-size: 4.88vw;
    right: 2.5vw;
  }

  #account-page__chat .question-form {
    padding: 0;
    background: transparent;
    border-radius: 0;
    width: fit-content;
    width: 100%;
  }

  #account-page__chat .question-type {
    flex-direction: column;
    row-gap: 4.69vw;
    margin-bottom: 0;
    padding-left: 0;
    margin-top: 2.19vw;
    margin-bottom: 6.25vw;
  }

  #account-page__chat .question-type > div {
    column-gap: 6.25vw;
  }

  #account-page__chat .switch {
    width: 9.38vw;
    height: 5.31vw;
  }

  #account-page__chat .switch .slider {
    border: 0.19vw solid rgba(255, 255, 255, 1);
    box-shadow: 0 0.09vw 0 0 rgba(0, 0, 0, 0.3) inset,
      0 -0.09vw 0 0 rgba(255, 255, 255, 0.2) inset,
      0 -3.66vw 7.61vw 0 rgba(140, 222, 1, 0.3);
    border-radius: 14.38vw;
  }

  #account-page__chat .switch .slider:before {
    height: 4.94vw;
    width: 5.31vw;
    border-radius: 14.38vw;
    left: 0;
    bottom: 0.1vw;
    box-shadow: -0.59vw 0 0.33vw -0.45vw rgba(207, 207, 207, 1) inset,
      0 0.09vw 0 0 rgba(207, 207, 207, 0.2) inset,
      0.33vw 1.48vw 2.09vw -0.59vw rgba(0, 0, 0, 1);
  }

  #account-page__chat .switch input:checked + .slider {
    background: rgba(153, 231, 33, 1);
    box-shadow: -0.59vw 0 0.33vw -0.45vw rgba(153, 231, 33, 1) inset,
      0 0.09vw 0 0 rgba(207, 207, 207, 0.2) inset,
      0.33vw 1.48vw 2.09vw -0.59vw rgba(0, 0, 0, 1);
  }

  #account-page__chat .switch input:checked + .slider:before {
    -webkit-transform: translateX(3.5vw);
    -ms-transform: translateX(3.5vw);
    transform: translateX(3.5vw);
    box-shadow: -0.59vw 0 0.33vw -0.45vw rgba(153, 231, 33, 1) inset,
      0 0.09vw 0 0 rgba(207, 207, 207, 0.2) inset,
      0.33vw 1.48vw 2.09vw -0.59vw rgba(0, 0, 0, 1);
  }

  #account-page__chat .question-form .field {
    row-gap: 4.06vw;
  }

  #account-page__chat .question-form .field__title {
    font-size: 3.12vw;
    padding-left: 0;
  }

  #account-page__chat .question-form textarea {
    min-height: 34.69vw;
    padding: 2.5vw;
    font-size: 3.12vw;
    border-radius: 2.5vw;
  }

  #account-page__chat .file-input-container {
    margin-top: 2.19vw;
  }

  #account-page__chat .file-input-container .file-input-label {
    padding: 4.69vw 2.5vw;
    border-radius: 3.65vw;
    font-size: 3.12vw;
    line-height: 3.44vw;
    text-align: center;
    color: rgba(129, 134, 139, 1);
    border: 0.5vw dashed rgba(181, 181, 181, 1);
  }

  #account-page__chat .file-input-container .file-input-label:before {
    display: none;
  }

  #account-page__chat .file-input-container .file-list {
    max-width: 56.25vw;
    row-gap: 0.31vw;
    font-size: 3.12vw;
  }

  #account-page__chat .file-input-container .file-name {
    margin: 0 2.5vw;
  }

  #account-page__chat .file-input-container .delete-btn {
    padding: 0 1.56vw;
    font-size: 3.12vw;
    border-radius: 1.25vw;
  }

  #account-page__chat .file-input-container .error-message {
    font-size: 2.5vw;
    line-height: 3.12vw;
    padding-left: 0;
    margin: 0 2.5vw;
    color: rgba(141, 199, 54, 1) !important;
  }

  #account-page__chat .question-form .btn-send {
    font-size: 4.06vw;
    line-height: 5vw;
    padding: 3.12vw 6.25vw;
    border-radius: 12.5vw;
    margin-top: 6.25vw;
  }

  #account-page__chat .view-faq {
    font-size: 3.12vw;
    line-height: 6.88vw;
    padding: 0;
    text-align: center;
  }
}

#account-page__notifications {
  position: relative;
  z-index: 1;
  padding: 0 3.91vw;
}

#account-page__notifications .notifications-menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  column-gap: 2.14vw;
  align-items: flex-end;
}

#account-page__notifications .title {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.88vw;
  line-height: 2.29vw;
  letter-spacing: 0;
  color: white;
}

#account-page__notifications .unread-count {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.1vw;
  line-height: 1.3vw;
  letter-spacing: 0;
  margin-right: auto;
  margin-bottom: 0.21vw;
  color: rgba(153, 231, 33, 1);
}

#account-page__notifications .btn-more {
  background: url(../images/account/btn-more.svg) center center no-repeat;
  background-size: contain;
  width: 1.1vw;
  height: 0.26vw;
  margin-bottom: 0.84vw;
}

#account-page__notifications .notifications {
  display: grid;
  grid-template-columns: min-content min-content;
  margin-top: 1.83vw;
  column-gap: 1.46vw;
  row-gap: 0.26vw;
}

#account-page__notifications .notification-item {
  width: 28.44vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  column-gap: 1.46vw;
  position: relative;
  padding: 0.58vw 0.89vw;
  background: rgba(217, 217, 217, 0.15);
  border-radius: 1.67vw;
}

#account-page__notifications .notification-item img {
  width: 3.54vw;
  height: 3.54vw;
}

#account-page__notifications .notification-item__info {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.1vw;
  line-height: 1.3vw;
  letter-spacing: 0;
  color: rgb(255, 255, 255);
  display: flex;
  flex-direction: column;
  margin-top: 0.47vw;
}

#account-page__notifications .notification-item__info span {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.79vw;
  line-height: 0.94vw;
  letter-spacing: 0;
  color: rgb(155, 155, 155);
}

#account-page__notifications .notification-item__date {
  position: absolute;
  right: 0.79vw;
  bottom: 0.37vw;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.79vw;
  line-height: 0.94vw;
  letter-spacing: 0;
  color: rgb(155, 155, 155);
}

@media (max-width: 575.5px) {
  #account-page__notifications {
    padding: 6.25vw 4.69vw 9.38vw;
  }

  #account-page__notifications .notifications-menu {
    flex-direction: column;
    row-gap: 1.25vw;
    align-items: flex-start;
    position: relative;
  }

  #account-page__notifications .title {
    padding-left: 0;
    font-size: 4.06vw;
    line-height: normal;
  }

  #account-page__notifications .unread-count {
    font-size: 3.12vw;
    line-height: normal;
    margin-bottom: 0;
  }

  #account-page__notifications .btn-more {
    display: none;
  }

  #account-page__notifications .notifications {
    display: flex;
    flex-direction: column;
    margin-top: 3.12vw;
    row-gap: 1.56vw;
  }

  #account-page__notifications .notification-item {
    width: 100%;
    column-gap: 4.69vw;
    padding: 1.88vw 2.5vw;
    border-radius: 3.65vw;
  }

  #account-page__notifications .notification-item img {
    width: 10vw;
    height: 10vw;
  }

  #account-page__notifications .notification-item__info {
    font-size: 3.12vw;
    line-height: normal;
    margin-top: 0.31vw;
  }

  #account-page__notifications .notification-item__info span {
    font-size: 2.66vw;
    line-height: normal;
  }

  #account-page__notifications .notification-item__date {
    right: 3.75vw;
    bottom: 1.56vw;
    font-size: 2.19vw;
    line-height: normal;
  }
}

#account-page__account {
  position: relative;
  z-index: 1;
  margin-top: -3.13vw;
}

#account-page__account .account-menu {
  width: 100%;
  padding: 2.08vw 3.54vw 2.08vw 2.92vw;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  flex-direction: row;
  column-gap: 4.95vw;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2.56vw;
}

#account-page__account .account-menu > img {
  width: 6.35vw;
  height: 6.35vw;
}

#account-page__account .user-data {
  display: flex;
  flex-direction: column;
  row-gap: 0.26vw;
  align-items: flex-start;
  margin-right: auto;
}

#account-page__account .user-data__name {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.77vw;
  line-height: 2.14vw;
  letter-spacing: 0;
  text-align: center;
  color: white;
}

#account-page__account .user-data__email {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 1.04vw;
  letter-spacing: 0;
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.42vw;
}

#account-page__account .user-data__email img {
  width: 1.3vw;
  height: 1.3vw;
}

#account-page__account .account-menu > button {
  display: flex;
  flex-direction: row;
  column-gap: 1.36vw;
  align-items: center;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.94vw;
  line-height: 1.15vw;
  letter-spacing: 0;
  color: white;
}

#account-page__account .account-menu > button img {
  width: 2.3vw;
  height: 2.3vw;
}

#account-page__account .credentials {
  padding: 0 3.6vw 5.19vw 2.96vw;
  position: relative;
}

#account-page__account .credentials .title {
  color: rgba(255, 255, 255, 1);
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.1vw;
  line-height: 1.3vw;
  letter-spacing: 0;
}

#account-page__account .credentials > button {
  display: flex;
  flex-direction: row;
  column-gap: 0.25vw;
  align-items: center;
  position: absolute;
  top: 0.42vw;
  right: 5.31vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.1vw;
  line-height: 1.3vw;
  letter-spacing: 0;
  color: rgba(155, 155, 155, 1);
}

#account-page__account .credentials > button.active {
  color: rgba(153, 231, 33, 1);
}

#account-page__account .credentials > button img {
  width: 1.21vw;
  height: 1.21vw;
}

#account-page__account .credentials-list {
  list-style: none;
  margin: 1.3vw 0 0;
  display: flex;
  flex-direction: column;
  padding: 1.56vw 0;
  width: 100%;
  row-gap: 0.52vw;
  position: relative;
}

#account-page__account .credentials-list:before {
  content: "";
  background: rgba(207, 207, 207, 0.15);
  position: absolute;
  top: 0;
  right: 0;
  left: 13.02vw;
  height: 100%;
  border-radius: 1.25vw;
}

#account-page__account .credential-list__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}

#account-page__account .credential-list__content label {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.08vw;
  line-height: normal;
  letter-spacing: 0;
  color: rgba(155, 155, 155, 1);
  min-width: 13.02vw;
  margin: 0;
}

#account-page__account .credential-list__content input {
  background: none;
  border: none;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.1vw;
  line-height: 1.3vw;
  letter-spacing: 0;
  color: white;
  padding: 0.42vw 1.04vw;
  border-radius: 1.04vw;
  margin-left: 1.98vw;
  width: 18.23vw;
}

#account-page__account .credential-list__content input.error {
  border: 1px solid red;
}

#account-page__account .credential-list__content input.active {
  background: white;
  color: rgba(129, 134, 139, 1);
}

#account-page__account .credential-list__content input[name="birthday"] {
  width: 9.9vw;
  position: relative;
}

#account-page__account .credential-list__content input:disabled {
  opacity: 1;
}

#account-page__account .credential-list__content select {
  background: none;
  width: 7.29vw;
  border: none;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.1vw;
  line-height: 1.3vw;
  letter-spacing: 0;
  color: white;
  padding: 0.42vw 1.04vw;
  border-radius: 1.04vw;
  margin-left: 1.98vw;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#account-page__account .credential-list__content select.active {
  background: white;
  color: rgba(129, 134, 139, 1);
}

#account-page__account .credential-list__content select:disabled {
  opacity: 1;
}

#account-page__account .credential-list__content select:focus-visible {
  outline: none;
}

#account-page__account .credential-list__content select option {
  background: black;
  color: white;
  outline: none;
}

#account-page__account .credential-list__content select option[selected] {
  background: black;
}

#account-page__account .btn-accept-password {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.1vw;
  line-height: 1.3vw;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 1);
  padding: 0.52vw 1.56vw 0.47vw;
  border: 0.001vw solid rgba(67, 160, 71, 1);
  background: rgba(207, 207, 207, 0.15);
  border-radius: 1.67vw;
  box-shadow: 0 0.12vw 0.12vw 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(1.51vw);
  margin-left: 0.52vw;
  display: none;
}

#account-page__account .btn-accept-password.active {
  display: block;
}

#account-page__account .credential-list__content img {
  width: 1.52vw;
  height: 1.52vw;
  position: absolute;
  top: 50%;
  left: 22.4vw;
  display: none;
  transform: translateY(-50%);
}

#account-page__account .credential-list__content img:first-of-type {
  display: block;
}

#account-page__account .credential-list__content .active + img:first-of-type {
  display: none;
}

#account-page__account
  .credential-list__content
  .active
  + img:first-of-type
  + img {
  display: block;
}

/*#account-page__account .credential-list__content > .error {*/
/*    color: rgba(83, 103, 187, 1);*/
/*    font-size: 0.625vw;*/
/*    margin-top: 0.26vw;*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 100%;*/
/*}*/

@media (max-width: 575.5px) {
  #account-page__account {
    margin-top: 0;
  }

  #account-page__account .account-menu {
    padding: 2.5vw 6.25vw;
    column-gap: 4.69vw;
    margin-bottom: 3.12vw;
  }

  #account-page__account .account-menu > img {
    width: 10vw;
    height: 10vw;
  }

  #account-page__account .user-data {
    row-gap: 0.31vw;
  }

  #account-page__account .user-data__name {
    font-size: 3.12vw;
    line-height: normal;
  }

  #account-page__account .user-data__email {
    font-size: 2.34vw;
    line-height: normal;
    column-gap: 1.25vw;
  }

  #account-page__account .user-data__email img {
    width: 3.69vw;
    height: 3.69vw;
  }

  #account-page__account .account-menu > button img {
    width: 2.66vw;
    height: 2.66vw;
  }

  #account-page__account .credentials {
    padding: 0 3.75vw 0;
  }

  #account-page__account .credentials .title {
    font-size: 4.06vw;
    line-height: normal;
    margin-left: 1.56vw;
  }

  #account-page__account .credentials > button {
    column-gap: 1.56vw;
    top: 0.31vw;
    right: 5.62vw;
    font-size: 2.97vw;
    line-height: normal;
  }

  #account-page__account .credentials > button img {
    width: 2.66vw;
    height: 2.66vw;
  }

  #account-page__account .credentials-list {
    margin: 4.69vw 0 30vw;
    padding: 3.13vw 3.13vw;
    row-gap: 4.69vw;
    background: rgba(207, 207, 207, 0.15);
    border-radius: 2.13vw;
    backdrop-filter: blur(1.24vw);
  }

  #account-page__account .credentials-list:before {
    display: none;
  }

  #account-page__account .credential-list__content {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 0.94vw;
  }

  #account-page__account .credential-list__content label {
    font-size: 2.88vw;
    min-width: unset;
    padding-left: 2.5vw;
  }

  #account-page__account .credential-list__content input {
    font-size: 3.13vw;
    line-height: normal;
    padding: 1.56vw 2.5vw;
    border-radius: 3.44vw;
    margin-left: 0;
    width: 100%;
    background: rgba(207, 207, 207, 0.1);
  }

  #account-page__account .credential-list__content input[name="birthday"] {
    width: 26.25vw;
  }

  #account-page__account .credential-list__content select {
    font-size: 3.13vw;
    line-height: normal;
    padding: 1.56vw 2.5vw;
    border-radius: 3.44vw;
    margin-left: 0;
    width: 20vw;
    background: rgba(207, 207, 207, 0.1);
  }

  #account-page__account .btn-accept-password {
    font-size: 3.13vw;
    line-height: normal;
    padding: 1.56vw 4.69vw;
    border-radius: 4.69vw;
    box-shadow: unset;
    backdrop-filter: unset;
    margin: 1.88vw auto 0;
  }

  #account-page__account .credential-list__content img {
    width: 4.16vw;
    height: 4.16vw;
    left: 20.31vw;
    top: 75%;
    transform: translateY(-75%);
  }

  #account-page__account .credential-list__content > .error {
    color: rgba(83, 103, 187, 1);
    font-size: 0.625vw;
    margin-top: 0.26vw;
    display: block;
    position: absolute;
    top: 100%;
  }
}

#account-page__course-target {
  position: relative;
  z-index: 1;
  padding: 0 3.87vw 0 4.69vw;
  padding-top: 1.93vw;
}

#account-page__course-target .content {
  display: flex;
  flex-direction: row;
  column-gap: 6.52vw;
  align-items: flex-start;
}

#account-page__course-target .course-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#account-page__course-target .progress-image {
  margin-bottom: 1.36vw;
}

#account-page__course-target .progress-image img {
  width: 12.78vw;
  height: auto;
}

#account-page__course-target .course-info .title {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.15vw;
  line-height: 1.33vw;
  letter-spacing: 0;
  color: white;
  max-width: 23.44vw;
  margin-bottom: 1.19vw;
}

#account-page__course-target .course-content {
  display: flex;
  flex-direction: row;
  column-gap: 0.94vw;
  align-items: center;
  margin-bottom: 1.19vw;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.79vw;
  line-height: 1.04vw;
  letter-spacing: 0;
  color: rgba(155, 155, 155, 1);
}

#account-page__course-target .course-progress-bar {
  width: 23.24vw;
  height: 1.1vw;
  border-radius: 0.52vw;
  background: rgba(255, 255, 255, 0.15);
  margin-bottom: 1.3vw;
  overflow: hidden;
}

#account-page__course-target .course-progress-fill {
  height: 100%;
  background: rgba(98, 232, 0, 1);
  border-radius: 0.52vw;
  position: relative;
}

#account-page__course-target .course-progress-bar span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  color: black;
  text-align: center;
  font-family: Montserrat;
  font-weight: 600;
  font-size: 0.68vw;
  line-height: normal;
  letter-spacing: 0;
}

#account-page__course-target .course-info .completed {
  display: flex;
  flex-direction: row;
  column-gap: 0.21vw;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.89vw;
  line-height: 1.04vw;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 1.3vw;
}

#account-page__course-target .course-info .completed img {
  width: 1.04vw;
  height: 1.04vw;
}

#account-page__course-target .certificate {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.46vw;
  line-height: 1.77vw;
  letter-spacing: 0;
  color: rgba(155, 155, 155, 1);
  background: rgba(207, 207, 207, 0.15);
  border-radius: 1.67vw;
  padding: 1.04vw 6.48vw 0.94vw;
  position: relative;
  margin-bottom: 1.3vw;
}

#account-page__course-target .certificate img {
  position: absolute;
  top: 0.63vw;
  right: 3.29vw;
  width: 0.88vw;
  height: 0.88vw;
  display: none;
}

#account-page__course-target .certificate img:first-child {
  display: block;
}

#account-page__course-target .telegram {
  display: flex;
  flex-direction: row;
  column-gap: 0.46vw;
  align-items: center;
  margin-left: 2.95vw;
  margin-bottom: 10.98vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.09vw;
  line-height: 1.35vw;
  letter-spacing: 0;
}

#account-page__course-target .telegram img {
  width: 1.71vw;
  height: 1.71vw;
}

#account-page__course-target .online-meetings {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.15vw;
  line-height: 1.33vw;
  letter-spacing: 0;
  color: white;
  padding: 0.57vw 0.65vw 0.57vw 1.67vw;
  background: rgba(207, 207, 207, 0.15);
  border-radius: 1.25vw;
  display: flex;
  flex-direction: row;
  column-gap: 4.95vw;
  align-items: center;
  position: relative;
}

#account-page__course-target .online-meetings img {
  width: 0.99vw;
  height: 0.99vw;
}

#account-page__course-target .online-meetings:hover .small-calendar {
  display: flex;
}

#account-page__course-target .small-calendar {
  padding: 0.83vw 2.29vw 0.94vw;
  backdrop-filter: blur(1.3vw);
  background: rgba(255, 255, 255, 0.25);
  border-radius: 0.78vw;
  display: none;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 50%;
  bottom: 0.5vw;
  transform: translate(-50%, 0);
}

#account-page__course-target .small-calendar .calendar {
  width: 9.69vw;
  border-radius: 0.52vw;
  padding: 0.63vw 0 0.36vw;
  box-shadow: 0vw 0.13vw 0.44vw 0vw rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 1);
  color: black;
  margin-bottom: 0.73vw;
}

#account-page__course-target .small-calendar .calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.78vw;
  padding: 0 0.42vw 0 0.78vw;
}

#account-page__course-target .small-calendar .calendar-title {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 0.47vw;
  line-height: normal;
  letter-spacing: 0;
}

#account-page__course-target .small-calendar .calendar .month-navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.47vw;
}

#account-page__course-target
  .small-calendar
  .calendar
  .month-navigation
  button {
  width: 0.73vw;
  height: 0.73vw;
  display: inline-flex;
  align-items: center;
}

#account-page__course-target .small-calendar .calendar .month-navigation img {
  width: 0.73vw;
  height: 0.73vw;
}

#account-page__course-target .small-calendar .weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  margin-bottom: 0.63vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.47vw;
  line-height: normal;
  letter-spacing: 0;
  padding: 0 0.1vw 0.21vw 0.31vw;
  box-shadow: 0 0.01vw 0 0 rgba(83, 103, 187, 1);
  color: rgba(132, 132, 132, 1);
  justify-items: center;
}

#account-page__course-target .small-calendar .month-abbreviation {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.42vw;
  line-height: normal;
  letter-spacing: 0;
  text-align: left;
  color: rgba(132, 132, 132, 1);
  padding-left: 0.78vw;
}

#account-page__course-target .small-calendar .days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.26vw;
  padding: 0 0.36vw 0 0.57vw;
  justify-items: center;
}

#account-page__course-target .small-calendar .day {
  height: 0.83vw;
  width: 0.89vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.47vw;
  position: relative;
  justify-content: center;
  align-items: center;
}

#account-page__course-target .small-calendar .day.empty {
  visibility: hidden;
}

#account-page__course-target .small-calendar .day.today {
  font-weight: bold;
}

#account-page__course-target .small-calendar .day.has-meeting {
  color: white;
  font-weight: bold;
  z-index: 1;
}

#account-page__course-target .small-calendar .day.has-meeting:before {
  content: "";
  position: absolute;
  background-color: rgba(153, 231, 33, 1);
  width: 0.89vw;
  height: 0.89vw;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

#account-page__course-target .small-calendar .day.weekend {
  color: rgba(159, 159, 159, 1);
}

#account-page__course-target .small-calendar .meeting-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: Montserrat;
  font-weight: 600;
  font-size: 0.73vw;
  line-height: normal;
  letter-spacing: 0;
  color: rgba(207, 207, 207, 1);
  row-gap: 0.21vw;
  margin-bottom: 0.52vw;
}

#account-page__course-target .small-calendar .meeting-time {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: Montserrat;
  font-weight: 600;
  font-size: 0.73vw;
  line-height: normal;
  letter-spacing: 0;
  color: rgba(207, 207, 207, 1);
  row-gap: 0.21vw;
}

#account-page__course-target .big-calendar-overlay {
  position: fixed;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0%);
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 1000;
}

#account-page__course-target .big-calendar {
  width: 46.51vw;
  border-radius: 0.83vw;
  padding: 0.78vw 3.59vw 0.78vw;
  position: relative;
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0vw 0.11vw 0.11vw 0vw rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(0.96vw);
  top: 8.28vw;
}

#account-page__course-target .big-calendar .close-big-calendar {
  position: absolute;
  background: none;
  border: none;
  right: 1.3vw;
}

#account-page__course-target .big-calendar .close-big-calendar img {
  width: 0.99vw;
  height: 0.89vw;
}

#account-page__course-target .big-calendar .calendar-header {
  display: flex;
  justify-content: center;
  margin-bottom: 1.04vw;
}

#account-page__course-target .big-calendar .month {
  background: rgba(0, 0, 0, 0.73);
  padding: 0.52vw 0.78vw 0.78vw;
  border-radius: 1.09vw;
}

#account-page__course-target .big-calendar .month-navigation {
  display: flex;
  align-items: center;
  gap: 3.13vw;
}

#account-page__course-target .big-calendar .calendar-title {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 0.94vw;
  color: white;
}

#account-page__course-target .big-calendar .month-navigation button {
  background: none;
  border: none;
  cursor: pointer;
}

#account-page__course-target .big-calendar .month-navigation img {
  width: 1.82vw;
  height: 1.82vw;
}

#account-page__course-target .big-calendar .weekdays-header {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin-bottom: 0.36vw;
  text-align: center;
}

#account-page__course-target .big-calendar .weekday {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.47vw;
  line-height: 0.57vw;
  letter-spacing: 0;
}

#account-page__course-target .big-calendar .calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 0.63vw;
}

#account-page__course-target .big-calendar .calendar-day {
  height: 4.58vw;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  font-family: Montserrat;
  font-size: 0.83vw;
  font-weight: 600;
  cursor: pointer;
  border-radius: 0.57vw;
  position: relative;
  background: rgba(255, 255, 255, 0.25);
  color: white;
  flex-direction: column;
  row-gap: 0.52vw;
  padding: 0.1vw 0.42vw;
}

#account-page__course-target .big-calendar .calendar-day a {
  background: rgba(153, 231, 33, 1);
  color: black;
  text-decoration: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  flex-direction: column-reverse;
  row-gap: 0.52vw;
  padding: 0.1vw 0.42vw;
  border-radius: 0.57vw;
}

#account-page__course-target .big-calendar .calendar-day a:focus {
  color: white;
}

#account-page__course-target .big-calendar .meeting-time {
  width: 100%;
  text-align: center;
}

#account-page__course-target .big-calendar .calendar-day.empty {
  background: rgba(255, 255, 255, 0.25);
}

#account-page__course-target .big-calendar .calendar-day.weekend {
  color: rgba(119, 119, 119, 1);
  background: rgba(255, 255, 255, 0.15);
}

#account-page__course-target .big-calendar .calendar-day.today {
  color: white;
  font-weight: bold;
}

#account-page__course-target .big-calendar .calendar-day .day-date {
  text-align: end;
  width: 100%;
}

#account-page__course-target .big-calendar .meeting-cell-link {
  display: block;
  text-decoration: none;
  color: inherit;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#account-page__course-target .big-calendar .calendar-day.selected {
  background-color: #f0f0f0;
  font-weight: bold;
}

#account-page__course-target .modules {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 1.67vw;
  align-items: flex-start;
  padding-top: 2.24vw;
  margin-bottom: 3.28vw;
}

#account-page__course-target .module {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

#account-page__course-target .module > div:first-of-type {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}

#account-page__course-target .module__number-image {
  height: 4.34vw;
  width: 2.5vw;
  position: absolute;
  left: 2.5vw;
  bottom: 1.14vw;
  text-align: center;
}

#account-page__course-target .module__number-image img {
  height: 4.34vw;
  width: auto;
}

#account-page__course-target .module__title {
  font-family: Montserrat;
  font-weight: 300;
  font-size: 1.19vw;
  line-height: 1.146vw;
  letter-spacing: 0;
  text-align: center;
  color: white;
  border: 0.002vw solid rgba(153, 231, 33, 1);
  background: rgba(0, 0, 0, 0.25);
  box-shadow: 0 0.12vw 0.12vw 0 rgba(140, 222, 1, 0.3);
  backdrop-filter: blur(1.04vw);
  border-radius: 2.08vw;
  width: 100%;
  padding: 0 5.99vw 0;
  position: relative;
  height: 3.44vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

#account-page__course-target .module__check-image {
  display: flex;
  align-items: center;
  margin-left: 0.99vw;
  width: 2.44vw;
  height: 2.44vw;
}

#account-page__course-target .module__check-image .check-icon {
  display: none;
  width: 100%;
  height: auto;
}

#account-page__course-target .module__check-image.completed .check-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#account-page__course-target .module__check-image .play-icon {
  width: 100%;
  height: auto;
  display: none;
}

#account-page__course-target .module__check-image.in-progress .play-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

#account-page__course-target .module__docs {
  margin-left: 1.04vw;
}

#account-page__course-target .module__docs img {
  width: 2.8vw;
  height: auto;
}

#account-page__course-target .module__control {
  width: 2.08vw;
  height: 2.08vw;
  /*background: url(../images/account/module-arrow.png) center center no-repeat;*/
  /*background-size: contain;*/
  margin-left: 1.3vw;
}

#account-page__course-target .module button img {
  width: 2.08vw;
  height: 2.08vw;
  display: none;
}

#account-page__course-target .module button img:first-child {
  display: block;
}

#account-page__course-target .module button img.rotated {
  transform: rotate(180deg);
}

#account-page__course-target .module__body {
  margin-top: 2.6vw;
  margin-bottom: 2.86vw;
  flex-direction: row;
  column-gap: 1.25vw;
  row-gap: 1.25vw;
  display: none;
  max-height: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

#account-page__course-target .module__body.active {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  transition: all 0.3s ease-in-out;
  max-height: 15.63vw;
  opacity: 1;
}

#account-page__course-target .module__body .lesson-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.02vw;
  position: relative;
}

#account-page__course-target .module__body .lesson-item__check-image {
  position: absolute;
  right: 0.78vw;
  top: -0.6vw;
  z-index: 1;
}

#account-page__course-target .module__body .check-icon {
  width: 1.25vw;
  height: 1.25vw;
  display: none;
}

#account-page__course-target
  .module__body
  .lesson-item__check-image.completed
  .check-icon {
  display: block;
}

#account-page__course-target .module__body .play-icon {
  width: 1.15vw;
  height: 1.15vw;
  display: none;
}

#account-page__course-target
  .module__body
  .lesson-item__check-image.started
  .play-icon {
  display: block;
}

#account-page__course-target .module__body .lesson-item video {
  width: 19.11vw;
  height: 10.83vw;
}

#account-page__course-target .module__body .lesson-item span {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 0.885vw;
  letter-spacing: 0;
  text-align: center;
}

#account-page__course-target .hide-modules {
  display: flex;
  flex-direction: row;
  column-gap: 1.88vw;
  align-items: center;
  position: absolute;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.1vw;
  line-height: 1.3vw;
  letter-spacing: 0;
  color: rgba(155, 155, 155, 1);
  right: 3.91vw;
  top: -0.99vw;
}

#account-page__course-target .switch {
  position: relative;
  display: block;
  width: 2.5vw;
  height: 1.41vw;
}

#account-page__course-target .switch input {
  display: none;
}

#account-page__course-target .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border: 0.05vw solid rgba(255, 255, 255, 1);
  background: rgba(153, 231, 33, 1);
  box-shadow: 0px 0.12vw 0.57vw 0.12vw rgba(52, 79, 22, 0.8) inset,
    0px 0.02vw 0px 0px rgba(0, 0, 0, 0.3) inset,
    0px -0.02vw 0px 0px rgba(255, 255, 255, 0.2) inset,
    0px -1vw 2.05vw 0px rgba(140, 222, 1, 0.3);
  border-radius: 2.45vw;
}

#account-page__course-target .slider:before {
  position: absolute;
  content: "";
  height: 1.36vw;
  width: 1.46vw;
  left: 0;
  bottom: 0.03vw;
  background-color: white;
  transition: 0.4s;
  border-radius: 2.4vw;
  box-shadow: -0.16vw 0px 0.08vw -0.12vw rgba(153, 231, 33, 1) inset,
    0px 0.02vw 0px 0px rgba(207, 207, 207, 0.2) inset,
    0.08vw 0.4vw 0.56vw -0.16vw rgba(0, 0, 0, 1);
}

#account-page__course-target input:checked + .slider {
  background-color: white;
}

#account-page__course-target input:checked + .slider:before {
  -webkit-transform: translateX(0.99vw);
  -ms-transform: translateX(0.99vw);
  transform: translateX(0.99vw);
}

#account-page__course-target #btn-loadMore {
  display: none;
}

#account-page__course-target .close-small-calendar {
  display: none;
}

@media (max-width: 575.5px) {
  #account-page__course-target {
    padding: 15.63vw 4.69vw 9.38vw;
  }

  #account-page__course-target .content {
    flex-direction: column;
    row-gap: 10.94vw;
    padding-bottom: 26.56vw;
  }

  #account-page__course-target .course-info {
    padding: 3.75vw 1.88vw 1.88vw 29.06vw;
    background: white;
    border-radius: 2.97vw;
    width: 100%;
    position: relative;
  }

  #account-page__course-target .progress-image {
    margin-bottom: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28.13vw;
    height: auto;
  }

  #account-page__course-target .progress-image img {
    width: inherit;
    height: inherit;
  }

  #account-page__course-target .course-info .title {
    font-size: 2.97vw;
    line-height: normal;
    color: black;
    max-width: unset;
    margin-bottom: 2.19vw;
  }

  #account-page__course-target .course-content {
    column-gap: 3.13vw;
    margin-bottom: 1.56vw;
    font-size: 2.19vw;
    line-height: normal;
    color: rgba(155, 155, 155, 1);
  }

  #account-page__course-target .course-progress-bar {
    width: 53.13vw;
    height: 2.81vw;
    border-radius: 1.44vw;
    margin-bottom: 1.56vw;
    background: rgba(224, 224, 224, 1);
    box-shadow: 0px 0.53vw 0.53vw 0px rgba(0, 0, 0, 0.25);
  }

  #account-page__course-target .course-progress-fill {
    background: black;
    border-radius: 1.44vw;
  }

  #account-page__course-target .course-progress-bar span {
    font-size: 1.84vw;
    color: white;
  }

  #account-page__course-target .course-info .completed {
    column-gap: 0.22vw;
    font-size: 1.97vw;
    line-height: 2.28vw;
    color: rgba(129, 134, 139, 1);
    margin-bottom: 0;
    align-items: flex-end;
  }

  #account-page__course-target .course-info .completed img {
    width: 2.28vw;
    height: 2.28vw;
    margin-bottom: 0.31vw;
  }

  #account-page__course-target .certificate {
    font-size: 2.09vw;
    line-height: normal;
    color: white;
    background: rgba(114, 172, 23, 1);
    border-radius: 2.41vw;
    padding: 1.25vw 7.81vw;
    position: absolute;
    right: 3.13vw;
    bottom: -2.5vw;
    margin-bottom: 0;
  }

  #account-page__course-target .certificate img {
    top: 0.94vw;
    right: 4.69vw;
    width: 1.25vw;
    height: 1.25vw;
  }

  #account-page__course-target .certificate img:first-child {
    display: none;
  }

  #account-page__course-target .certificate img:last-child {
    display: block;
  }

  #account-page__course-target .telegram {
    position: absolute;
    left: 3.13vw;
    bottom: -6.25vw;
    column-gap: 1.41vw;
    margin-left: 0;
    margin-bottom: 0;
    font-size: 2.75vw;
    line-height: normal;
  }

  #account-page__course-target .telegram img {
    width: 4.3vw;
    height: 4.3vw;
  }

  #account-page__course-target .online-meetings {
    font-size: 2.58vw;
    line-height: normal;
    padding: 1.25vw 2.81vw 1.56vw 3.13vw;
    border-radius: 2.81vw;
    column-gap: 1.49vw;
    position: absolute;
    left: 0;
    top: -9.38vw;
  }

  #account-page__course-target .online-meetings img {
    line-height: 2.26vw;
    height: 2.26vw;
    width: 2.26vw;
  }

  #account-page__course-target .online-meetings:hover .small-calendar {
    display: flex;
  }

  #account-page__course-target .small-calendar {
    padding: 4.69vw 14.06vw 6.25vw;
    backdrop-filter: blur(7.81vw);
    border-radius: 4.69vw;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    height: fit-content;
    display: none;
  }

  #account-page__course-target .close-small-calendar {
    display: block;
    position: absolute;
    right: 3.44vw;
    top: 3.44vw;
  }

  #account-page__course-target .close-small-calendar img {
    width: 4.38vw;
    height: 4.38vw;
  }

  #account-page__course-target .small-calendar .calendar {
    width: 58.13vw;
    border-radius: 3vw;
    padding: 3.75vw 0 2.19vw;
    box-shadow: 0px 0.8vw 2.63vw 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 4.38vw;
  }

  #account-page__course-target .small-calendar .calendar-header {
    margin-bottom: 4.69vw;
    padding: 0 2.5vw 0 4.69vw;
  }

  #account-page__course-target .small-calendar .calendar-title {
    font-size: 2.81vw;
  }

  #account-page__course-target .small-calendar .calendar .month-navigation {
    column-gap: 2.81vw;
  }

  #account-page__course-target
    .small-calendar
    .calendar
    .month-navigation
    button {
    width: 4.38vw;
    height: 4.38vw;
  }

  #account-page__course-target .small-calendar .calendar .month-navigation img {
    width: 4.38vw;
    height: 4.38vw;
  }

  #account-page__course-target .small-calendar .weekdays {
    margin-bottom: 3.75vw;
    font-size: 2.81vw;
    padding: 0 0.63vw 1.56vw 1.88vw;
  }

  #account-page__course-target .small-calendar .month-abbreviation {
    font-size: 2.41vw;
    padding-left: 4.69vw;
    margin-bottom: 1.56vw;
  }

  #account-page__course-target .small-calendar .days {
    gap: 3.13vw;
    padding: 0 2.81vw 0 3.75vw;
  }

  #account-page__course-target .small-calendar .day {
    height: 5.31vw;
    width: auto;
    font-size: 2.81vw;
  }

  #account-page__course-target .small-calendar .day.has-meeting:before {
    width: 5.31vw;
    height: 5.31vw;
  }

  #account-page__course-target .small-calendar .meeting-date {
    font-size: 4.38vw;
    row-gap: 1.25vw;
    margin-bottom: 3.13vw;
  }

  #account-page__course-target .small-calendar .meeting-time {
    font-size: 4.38vw;
    row-gap: 1.25vw;
  }

  #account-page__course-target .big-calendar-overlay {
    display: none;
  }

  #account-page__course-target .modules {
    row-gap: 3.13vw;
    padding-top: 0;
    margin-bottom: 0;
  }

  #account-page__course-target .module > div:first-of-type {
    column-gap: 5vw;
  }

  #account-page__course-target .module__number-image {
    height: 7.81vw;
    width: 6.25vw;
    left: 2.19vw;
    bottom: 8.75vw;
  }

  #account-page__course-target .module__number-image img {
    height: 10vw;
  }

  #account-page__course-target .module__title {
    font-size: 3.13vw;
    line-height: 3.13vw;
    border: 0.09vw solid rgba(153, 231, 33, 1);
    box-shadow: 0px 0.24vw 0.24vw 0px rgba(140, 222, 1, 0.3);
    backdrop-filter: blur(1.56vw);
    border-radius: 5vw;
    padding: 0 3.13vw 0 9.38vw;
    position: relative;
    min-height: 13.13vw;
    text-align: left;
  }

  #account-page__course-target .module.completed .module__title {
    background: rgba(141, 199, 54, 1);
  }

  #account-page__course-target .module__check-image {
    display: none;
  }

  #account-page__course-target .module__docs {
    margin-left: 0;
  }

  #account-page__course-target .module__docs img {
    width: 7.5vw;
    height: auto;
  }

  #account-page__course-target .module__control {
    position: absolute;
    width: 5vw;
    height: 5vw;
    margin-left: 0;
    right: 14.69vw;
  }

  #account-page__course-target .module button img {
    width: 5vw;
    height: 5vw;
    display: none;
  }

  #account-page__course-target .module button img:first-child {
    display: none;
  }

  #account-page__course-target .module button img:last-child {
    display: block;
  }

  #account-page__course-target .module__body {
    margin-top: 3.13vw;
    margin-bottom: 3.13vw;
    flex-direction: column;
    row-gap: 1.88vw;
  }

  #account-page__course-target .module__body.active {
    grid-template-columns: repeat(1, 1fr);
  }

  #account-page__course-target .module__body .lesson-item {
    flex-direction: row;
    align-items: center;
    column-gap: 2.5vw;
  }

  #account-page__course-target .module__body .lesson-item__check-image {
    right: 58.44vw;
    top: -1.56vw;
  }

  #account-page__course-target .module__body .check-icon {
    width: 3.44vw;
    height: 3.44vw;
  }

  #account-page__course-target .module__body .play-icon {
    width: 3.13vw;
    height: 3.13vw;
  }

  #account-page__course-target .module__body .lesson-item video {
    width: 32.81vw;
    height: 18.44vw;
  }

  #account-page__course-target .module__body .lesson-item span {
    font-size: 2.97vw;
    line-height: 3.13vw;
    text-align: left;
    padding-right: 3.13vw;
  }

  #account-page__course-target .hide-modules {
    column-gap: 3.13vw;
    font-size: 2.75vw;
    line-height: normal;
    right: 4.69vw;
    top: 7.5vw;
  }

  #account-page__course-target .switch {
    width: 6.58vw;
    height: 3.7vw;
    margin-bottom: 0;
  }

  #account-page__course-target .slider {
    border: 0.14vw solid rgba(255, 255, 255, 1);
    box-shadow: 0px 0.07vw 0px 0px rgba(0, 0, 0, 0.3) inset,
      0px -0.07vw 0px 0px rgba(255, 255, 255, 0.2) inset,
      0px -2.58vw 5.37vw 0px rgba(140, 222, 1, 0.3);
    border-radius: 6.44vw;
  }

  #account-page__course-target .slider:before {
    height: 3.44vw;
    width: 3.84vw;
    bottom: 0vw;
    border-radius: 6.31vw;
    box-shadow: -0.42vw 0px 0.21vw -0.32vw rgba(153, 231, 33, 1) inset,
      0px 0.06vw 0px 0px rgba(207, 207, 207, 0.2) inset,
      0.21vw 1.05vw 1.47vw -0.42vw rgba(0, 0, 0, 1);
  }

  #account-page__course-target input:checked + .slider:before {
    -webkit-transform: translateX(2.34vw);
    -ms-transform: translateX(2.34vw);
    transform: translateX(2.34vw);
  }

  #account-page__course-target #btn-loadMore {
    display: block;
    margin: 2.19vw auto 0;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 2.84vw;
    line-height: 3.47vw;
    letter-spacing: 0;
    color: white;
    background: rgba(141, 199, 54, 1);
    width: 27.19vw;
    height: 6.25vw;
    border-radius: 5.5vw;
  }
}

/*ВВОДНЫЙ УРОК ДЛЯ ТАРГЕТА*/
#target-introduction-lesson {
  margin-top: 2.55vw;
  padding-top: 2.82vw;
  padding-bottom: 3.91vw;
  background: url(../images/professional/target-introduction-lesson-bg.png)
    center top no-repeat;
  background-size: contain;
}

#target-introduction-lesson .course-title {
  font-family: Century Gothic;
  font-weight: 400;
  font-size: 2.4vw;
  line-height: 2.92vw;
  letter-spacing: -0.02em;
  margin-bottom: 3.65vw;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}

#target-introduction-lesson .course-title a {
  position: absolute;
  top: -0.78vw;
  left: 3.13vw;
  width: 4.17vw;
  height: 4.17vw;
  border-radius: 100%;
  background: rgba(217, 217, 217, 0.15);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

#target-introduction-lesson .course-title a:before {
  content: "";
  background: url(../images/professional/button-arrow.svg) center center
    no-repeat;
  background-size: 100% 100%;
  width: 1.3vw;
  height: 1.3vw;
  rotate: 90deg;
  display: flex;
  margin-right: 0;
  transition: margin-right 0.3s;
}

#target-introduction-lesson .course-title a:hover:before {
  margin-right: 0.78vw;
  transition: margin-right 0.3s;
}

/*#target-introduction-lesson .course-title button:hover {*/
/*    margin-left: -20px;*/
/*}*/
#target-introduction-lesson .lesson {
  display: flex;
  flex-direction: row;
  column-gap: 5.68vw;
  align-items: flex-start;
}

#target-introduction-lesson .lesson__title {
  width: 24.95vw;
  height: 5.89vw;
  border: 1px solid rgba(153, 231, 33, 1);
  border-left: 0;
  box-shadow: 0px 0.14vw 0.14vw 0px rgba(140, 222, 1, 0.3);
  border-radius: 0 3.02vw 3.02vw 0;
  padding: 1.52vw 0 1.36vw 5.83vw;
}

#target-introduction-lesson .lesson__title span {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 1.52vw;
  letter-spacing: 0;
  color: white;
  text-align: left;
  display: block;
  text-transform: uppercase;
}

#target-introduction-lesson .lesson__video {
  display: flex;
  flex-direction: column;
  row-gap: 3.49vw;
  align-items: center;
  margin-bottom: 2.87vw;
}

#target-introduction-lesson .lesson__video iframe {
  width: 39.58vw;
  height: 22.29vw;
}

#target-introduction-lesson .slider.ui-slider {
  width: 32.95vw;
  border: 0.26vw solid #ffffff;
  border-right-width: 0.31vw;
  border-bottom-width: 0.31vw;
  border-left-width: 0.31vw;
  background: #99e721;
  border-radius: 7.36vw;
  box-shadow: 0px 0.07vw 0px 0px rgba(0, 0, 0, 0.3) inset,
    0px -0.07vw 0px 0px rgba(255, 255, 255, 0.2) inset,
    0px -0.52vw 2.6vw 0px rgba(140, 222, 1, 0.3),
    0px 1.06vw 4.12vw 1.06vw rgba(52, 79, 22, 0.8) inset;
  height: 4.54vw;
  transition: all 0.5s;
}

#target-introduction-lesson .slider.ui-slider .ui-slider-handle {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0 !important;
  margin-left: -0.1vw;
  margin-top: -0.15vw;
  margin-bottom: -0.05vw;
  width: auto;
  height: auto;
  padding: 1.3vw 1.77vw 1.2vw 1.46vw;
  background: #ffffff;
  border-radius: 7.26vw;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.3vw;
  line-height: 1.56vw;
  letter-spacing: -0.02em;
  color: #7fa248;
  outline: none !important;
  box-shadow: -1.34vw 0px 0.66vw -1.04vw rgba(153, 231, 33, 1) inset,
    0px 0.07vw 0px 0px rgba(207, 207, 207, 0.2) inset,
    0.66vw 3.27vw 4.62vw -1.34vw rgba(0, 0, 0, 1);
}

#target-introduction-lesson .slider.ui-slider.active .ui-slider-handle {
  left: auto !important;
  right: 0;
}

#target-introduction-lesson .modules {
  display: grid;
  grid-template-columns: repeat(3, min-content);
  width: fit-content;
  gap: 1.77vw;
  margin: auto;
}

#target-introduction-lesson .module {
  padding: 0.79vw 0.52vw 0.84vw 0.66vw;
  border-radius: 1.15vw;
  background: linear-gradient(
    269.93deg,
    rgba(207, 207, 207, 0.2) 70%,
    rgba(0, 0, 0, 0.75) 99.93%
  );
  box-shadow: 0px 0.21vw 0.21vw 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 28.49vw;
  backdrop-filter: blur(0.21vw);
  position: relative;
}

#target-introduction-lesson .module__number {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 0.83vw;
  line-height: 1.04vw;
  letter-spacing: 0;
  color: rgba(255, 255, 255, 0.25);
  margin-bottom: 0.47vw;
  display: inline-block;
}

#target-introduction-lesson .module__title {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.94vw;
  line-height: 0.94vw;
  letter-spacing: 0;
  color: rgba(207, 207, 207, 1);
  max-width: 22.51vw;
  margin-bottom: 0.94vw;
}

#target-introduction-lesson .module button {
  display: flex;
  flex-direction: row;
  column-gap: 7.81vw;
  align-items: center;
  padding: 0.57vw 0.68vw 0.57vw 0.73vw;
  background: rgba(207, 207, 207, 1);
  box-shadow: 0px 0.21vw 0.21vw 0px rgba(0, 0, 0, 0.25);
  border-radius: 1.1vw;
  position: relative;
  z-index: 1;
  margin-top: auto;
}

#target-introduction-lesson .module button img {
  width: 1.15vw;
  height: 1.15vw;
}

#target-introduction-lesson .module button span {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.83vw;
  line-height: 1.04vw;
  letter-spacing: 0;
  color: rgba(129, 134, 139, 1);
}

#target-introduction-lesson .module__number-image {
  position: absolute;
  right: 0.52vw;
  height: 11.06vw;
  width: 7.81vw;
  text-align: end;
  top: 50%;
  transform: translateY(-50%);
}

#target-introduction-lesson .module__number-image img {
  height: 11.06vw;
  width: auto;
}

#target-introduction-lesson .module-blocked {
  width: 0.94vw;
  height: 0.94vw;
  right: -0.19vw;
  top: -0.31vw;
  position: absolute;
}

#target-introduction-lesson .bg-circles {
  width: 9.38vw;
  height: auto;
  right: 11.08vw;
  bottom: -0.3vw;
  position: absolute;
  z-index: 0;
}

#intro-lesson_joinModal .modal-dialog {
  max-width: 35.52vw;
}

#intro-lesson_joinModal .modal-content {
  background: none;
  padding-top: 12.64vw;
}

#intro-lesson_joinModal .modal-content .btn-close {
  right: -1.46vw;
  background: url("../images/professional/modal-green-close.svg") center center
    no-repeat;
  background-size: contain;
  width: 1.46vw;
  height: 1.41vw;
}

#intro-lesson_joinModal .modal-content .image-top {
  position: absolute;
  top: 0vw;
  left: 8.23vw;
  bottom: 1.41vw;
  z-index: 0;
  pointer-events: none;
}

#intro-lesson_joinModal .modal-content .image-top img {
  height: 18.13vw;
}

#intro-lesson_joinModal .modal-body {
  background: url("../images/professional/modal-video.png") center center
    no-repeat;
  background-size: 100% 100%;
  padding: 5.62vw 3.54vw 0 2.81vw;
}

#intro-lesson_joinModal .modal-body form input[type="text"] {
  width: 100%;
  margin-bottom: 0.63vw;
  background: #ffffff40;
  border: 0.12vw solid #ffffff80;
  box-shadow: 0vw 0.23vw 0.23vw 0vw #00000040;
  padding: 0.57vw 2.04vw 0.52vw;
  border-radius: 1.15vw;
  color: white;
  font-size: 1.15vw;
  line-height: 1.41vw;
}

#intro-lesson_joinModal .modal-body form input[name="email"] {
  margin-bottom: 0.07vw;
}

#intro-lesson_joinModal .modal-body form input[type="text"]::placeholder {
  color: white;
  opacity: 0.6;
}

#intro-lesson_joinModal .modal-body .submit-button {
  background: #000000;
  border: 0.05vw solid #ffffff;
  box-shadow: 0.21vw -0.21vw 1.02vw 0vw #0000001a,
    0vw 0.21vw 0.42vw 0vw #75b219 inset;
  padding: 0.99vw 2.19vw;
  font-weight: 500;
  font-size: 1.3vw;
  line-height: 1.56vw;
  letter-spacing: -0.02em;
  border-radius: 6.19vw;
  text-transform: uppercase;
  margin-bottom: -0.31vw;
  margin-top: 0.68vw;
}

#intro-lesson_joinModal .modal-body form .choice-activity {
  position: relative;
  z-index: 1;
  margin-top: 0.68vw;
}

#intro-lesson_joinModal .modal-body form .choice-activity__head {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.25vw;
  background: #ffffff40;
  border: 0.12vw solid #ffffff80;
  box-shadow: 0px 0.23vw 0.23vw 0px #00000040;
  padding: 0.57vw 0.83vw 0.52vw 2.04vw;
  border-radius: 1.15vw;
  color: white;
  font-size: 1.15vw;
  line-height: 1.39vw;
}

#intro-lesson_joinModal
  .modal-body
  form
  .choice-activity__head
  .choice-activity__arrow {
  width: 1.41vw;
  margin-left: auto;
}

#intro-lesson_joinModal
  .modal-body
  form
  .choice-activity__head
  .choice-activity__arrow
  img {
  width: 100%;
}

#intro-lesson_joinModal
  .modal-body
  form
  .choice-activity:not(.active)
  .choice-activity__body {
  display: none;
}

#intro-lesson_joinModal .modal-body form .choice-activity__body {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin-top: 0.68vw;
  display: flex;
  column-gap: 0.94vw;
}

#intro-lesson_joinModal .modal-body form .choice-activity__column {
  width: calc(50% - 0.47vw);
}

#intro-lesson_joinModal .modal-body form .choice-activity__body .choice-group {
  box-shadow: 0px 0.23vw 0.23vw 0px #00000040;
  backdrop-filter: blur(1.3vw);
  margin-bottom: 0.26vw;
  padding: 0.42vw 0.9vw 0.47vw 1.1vw;
  border-radius: 0.78vw;
  display: flex;
  align-items: center;
}

#intro-lesson_joinModal .choice-group input[type="checkbox"] + label {
  font-size: 0.94vw;
  line-height: 1.15vw;
  padding-left: 1.77vw;
}

#intro-lesson_joinModal
  .modal-body
  form
  .choice-activity__body
  .choice-group
  input[type="checkbox"]
  + label:before {
  margin: 0;
  width: 1.2vw;
  height: 1.2vw;
  border: 0.06vw solid #81868b;
  border-radius: 0.31vw;
}

#intro-lesson_joinModal
  .choice-group
  input[type="checkbox"]:checked
  + label:after {
  top: 0.05vw;
  left: 0vw;
  width: 1.2vw;
  height: 1.2vw;
}

#intro-lesson_joinModal .agree-group {
  margin-bottom: 0.88vw;
}

#intro-lesson_joinModal .agree-group input[type="checkbox"] + label {
  font-weight: 400;
  font-size: 0.63vw;
  line-height: 0.57vw;
  margin-left: 4.06vw;
}

#intro-lesson_joinModal
  .agree-group
  input[type="checkbox"]
  + label.with-message {
  max-width: 21.54vw;
}

#intro-lesson_joinModal .agree-group input[type="checkbox"] + label:before {
  left: -1.93vw;
  width: 1.2vw;
  height: 1.2vw;
  border: 0.06vw solid #ffffff;
  box-shadow: 0vw 0.21vw 0.21vw 0vw #00000040;
  border-radius: 0.31vw;
}

#intro-lesson_joinModal
  .agree-group
  input[type="checkbox"]
  + label
  .show-message {
  margin-left: 0.26vw;
  line-height: 0.73vw;
  box-shadow: 0 0.21vw 0.21vw 0 #00000040;
}

#intro-lesson_joinModal
  .agree-group
  input[type="checkbox"]:checked
  + label:after {
  top: 0.4vw;
  left: -1.88vw;
  width: 1.2vw;
  height: 1.2vw;
}

#intro-lesson_joinModal
  .agree-group
  input[type="checkbox"]
  + label
  .show-message
  img {
  height: 0.73vw;
  width: 0.73vw;
}

#intro-lesson_joinModal
  .agree-group
  input[type="checkbox"]
  + label
  .show-message:hover
  .hidden-message {
  top: -0.68vw;
  right: -11.88vw;
  width: 11.25vw;
  border-radius: 0.68vw;
  box-shadow: 0vw 0.21vw 0.21vw 0px #00000040;
  padding: 0.37vw 0.37vw 0.37vw 0.57vw;
  font-size: 0.55vw;
  line-height: 0.68vw;
}

@media (max-width: 991.5px) {
  #target-introduction-lesson {
    margin-top: 2.81vw;
    padding-top: 3.1vw;
    padding-bottom: 4.3vw;
    background: url(../images/professional/target-introduction-lesson-bg.png)
      center top no-repeat;
    background-size: contain;
  }

  #target-introduction-lesson .course-title {
    font-size: 2.64vw;
    line-height: 3.21vw;
    margin-bottom: 4.02vw;
    padding: 0 10vw;
  }

  #target-introduction-lesson .lesson {
    flex-direction: column;
    row-gap: 3vw;
    margin-bottom: 3vw;
  }

  #target-introduction-lesson .lesson__title {
    width: 30.44vw;
    height: 5.48vw;
    border: 1px solid rgba(153, 231, 33, 1);
    border-left: 0;
    box-shadow: 0px 0.15vw 0.15vw 0px rgba(140, 222, 1, 0.3);
    border-radius: 0 3.32vw 3.32vw 0;
    padding: 1.47vw 0 1.3vw 5.41vw;
    display: flex;
    align-items: center;
  }

  #target-introduction-lesson .lesson__title br {
    display: none;
  }

  #target-introduction-lesson .lesson__title span {
    font-size: 1.38vw;
    line-height: 1.67vw;
  }

  #target-introduction-lesson .lesson__video {
    row-gap: 3.84vw;
    margin: auto;
  }

  #target-introduction-lesson .lesson__video iframe {
    width: 43.54vw;
    height: 24.52vw;
  }

  #target-introduction-lesson .slider.ui-slider {
    width: 36.25vw;
    border: 0.29vw solid #ffffff;
    border-right-width: 0.34vw;
    border-bottom-width: 0.34vw;
    border-left-width: 0.34vw;
    border-radius: 8.1vw;
    box-shadow: 0px 0.08vw 0px 0px rgba(0, 0, 0, 0.3) inset,
      0px -0.08vw 0px 0px rgba(255, 255, 255, 0.2) inset,
      0px -0.57vw 2.86vw 0px rgba(140, 222, 1, 0.3),
      0px 1.17vw 4.53vw 1.17vw rgba(52, 79, 22, 0.8) inset;
    height: 5vw;
  }

  #target-introduction-lesson .slider.ui-slider .ui-slider-handle {
    margin-left: -0.11vw;
    margin-top: -0.17vw;
    margin-bottom: -0.06vw;
    height: auto;
    padding: 1.43vw 1.95vw 1.32vw 1.61vw;
    border-radius: 8vw;
    font-size: 1.43vw;
    line-height: 1.72vw;
    box-shadow: -1.47vw 0px 0.73vw -1.14vw rgba(153, 231, 33, 1) inset,
      0px 0.08vw 0px 0px rgba(207, 207, 207, 0.2) inset,
      0.73vw 3.6vw 5.08vw -1.47vw rgba(0, 0, 0, 1);
  }

  #target-introduction-lesson .slider.ui-slider.active .ui-slider-handle {
    left: auto !important;
    right: 0;
  }

  #target-introduction-lesson .modules {
    display: grid;
    grid-template-columns: repeat(4, min-content);
    width: fit-content;
    gap: 1.95vw;
    margin: auto;
  }

  #target-introduction-lesson .module {
    padding: 0.87vw 0.57vw 0.93vw 0.73vw;
    border-radius: 1.27vw;
    background: linear-gradient(
      269.93deg,
      rgba(207, 207, 207, 0.2) 70%,
      rgba(0, 0, 0, 0.75) 99.93%
    );
    box-shadow: 0px 0.23vw 0.23vw 0px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 21.34vw;
    backdrop-filter: blur(0.23vw);
    position: relative;
  }

  #target-introduction-lesson .module__number {
    font-family: Montserrat;
    font-weight: 700;
    font-size: 0.91vw;
    line-height: 1.14vw;
    letter-spacing: 0;
    color: rgba(255, 255, 255, 0.25);
    margin-bottom: 0.52vw;
    display: inline-block;
  }

  #target-introduction-lesson .module__title {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 1.04vw;
    line-height: 1.04vw;
    letter-spacing: 0;
    color: rgba(207, 207, 207, 1);
    max-width: 19.26vw;
    margin-bottom: 1.04vw;
  }

  #target-introduction-lesson .module button {
    display: flex;
    flex-direction: row;
    column-gap: 8.59vw;
    align-items: center;
    padding: 0.63vw 0.75vw 0.63vw 0.8vw;
    background: rgba(207, 207, 207, 1);
    box-shadow: 0px 0.23vw 0.23vw 0px rgba(0, 0, 0, 0.25);
    border-radius: 1.21vw;
    position: relative;
    z-index: 1;
    margin-top: auto;
  }

  #target-introduction-lesson .module button img {
    width: 1.27vw;
    height: 1.27vw;
  }

  #target-introduction-lesson .module button span {
    font-family: Montserrat;
    font-weight: 500;
    font-size: 0.91vw;
    line-height: 1.14vw;
    letter-spacing: 0;
    color: rgba(129, 134, 139, 1);
  }

  #target-introduction-lesson .module__number-image {
    position: absolute;
    right: 0.57vw;
    height: 12.17vw;
    width: 8.59vw;
    text-align: end;
    top: 50%;
    transform: translateY(-50%);
  }

  #target-introduction-lesson .module__number-image img {
    height: 12.17vw;
    width: auto;
  }

  #target-introduction-lesson .module-blocked {
    width: 1.04vw;
    height: 1.04vw;
    right: -0.21vw;
    top: -0.34vw;
    position: absolute;
  }

  #target-introduction-lesson .bg-circles {
    width: 10.32vw;
    height: auto;
    right: 2.29vw;
    bottom: -1.43vw;
    position: absolute;
    z-index: 0;
  }

  #intro-lesson_joinModal .modal-dialog {
    max-width: 39.07vw;
  }

  #intro-lesson_joinModal .modal-content {
    background: none;
    padding-top: 13.9vw;
  }

  #intro-lesson_joinModal .modal-content .btn-close {
    right: -1.61vw;
    background: url("../images/professional/modal-green-close.svg") center
      center no-repeat;
    background-size: contain;
    width: 1.61vw;
    height: 1.55vw;
  }

  #intro-lesson_joinModal .modal-content .image-top {
    position: absolute;
    top: 0vw;
    left: 9.05vw;
    bottom: 1.55vw;
    z-index: 0;
    pointer-events: none;
  }

  #intro-lesson_joinModal .modal-content .image-top img {
    height: 19.94vw;
  }

  #intro-lesson_joinModal .modal-body {
    background: url("../images/professional/modal-video.png") center center
      no-repeat;
    background-size: 100% 100%;
    padding: 6.18vw 3.89vw 0 3.09vw;
  }

  #intro-lesson_joinModal .modal-body form input[type="text"] {
    width: 100%;
    margin-bottom: 0.69vw;
    background: #ffffff40;
    border: 0.13vw solid #ffffff80;
    box-shadow: 0vw 0.25vw 0.25vw 0vw #00000040;
    padding: 0.63vw 2.25vw 0.57vw;
    border-radius: 1.27vw;
    color: white;
    font-size: 1.27vw;
    line-height: 1.55vw;
  }

  #intro-lesson_joinModal .modal-body form input[name="email"] {
    margin-bottom: 0.08vw;
  }

  #intro-lesson_joinModal .modal-body form input[type="text"]::placeholder {
    color: white;
    opacity: 0.6;
  }

  #intro-lesson_joinModal .modal-body .submit-button {
    background: #000000;
    border: 0.06vw solid #ffffff;
    box-shadow: 0.23vw -0.23vw 1.12vw 0vw #0000001a,
      0vw 0.23vw 0.46vw 0vw #75b219 inset;
    padding: 1.09vw 2.41vw;
    font-weight: 500;
    font-size: 1.43vw;
    line-height: 1.72vw;
    letter-spacing: -0.02em;
    border-radius: 6.81vw;
    text-transform: uppercase;
    margin-bottom: -0.34vw;
    margin-top: 0.75vw;
  }

  #intro-lesson_joinModal .modal-body form .choice-activity {
    position: relative;
    z-index: 1;
    margin-top: 0.75vw;
  }

  #intro-lesson_joinModal .modal-body form .choice-activity__head {
    position: relative;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1.38vw;
    background: #ffffff40;
    border: 0.13vw solid #ffffff80;
    box-shadow: 0px 0.25vw 0.25vw 0px #00000040;
    padding: 0.63vw 0.91vw 0.57vw 2.25vw;
    border-radius: 1.27vw;
    color: white;
    font-size: 1.27vw;
    line-height: 1.53vw;
  }

  #intro-lesson_joinModal
    .modal-body
    form
    .choice-activity__head
    .choice-activity__arrow {
    width: 1.55vw;
    margin-left: auto;
  }

  #intro-lesson_joinModal
    .modal-body
    form
    .choice-activity__head
    .choice-activity__arrow
    img {
    width: 100%;
  }

  #intro-lesson_joinModal
    .modal-body
    form
    .choice-activity:not(.active)
    .choice-activity__body {
    display: none;
  }

  #intro-lesson_joinModal .modal-body form .choice-activity__body {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin-top: 0.75vw;
    display: flex;
    column-gap: 1.03vw;
  }

  #intro-lesson_joinModal .modal-body form .choice-activity__column {
    width: calc(50% - 0.52vw);
  }

  #intro-lesson_joinModal
    .modal-body
    form
    .choice-activity__body
    .choice-group {
    padding: 0.46vw 1.09vw 0.52vw 1.38vw;
  }

  #intro-lesson_joinModal
    .modal-body
    form
    .choice-activity__body
    .choice-group
    input[type="checkbox"]
    + label:before {
    margin: 0;
  }

  #intro-lesson_joinModal .agree-group {
    margin-bottom: 0.97vw;
  }

  #intro-lesson_joinModal .agree-group input[type="checkbox"] + label {
    font-weight: 400;
    font-size: 0.69vw;
    line-height: 0.63vw;
    margin-left: 4.47vw;
  }

  #intro-lesson_joinModal
    .agree-group
    input[type="checkbox"]
    + label.with-message {
    max-width: 23.7vw;
  }

  #intro-lesson_joinModal .agree-group input[type="checkbox"] + label:before {
    left: -2.12vw;
    width: 1.32vw;
    height: 1.32vw;
    border: 0.07vw solid #ffffff;
    box-shadow: 0vw 0.23vw 0.23vw 0vw #00000040;
    border-radius: 0.34vw;
  }

  #intro-lesson_joinModal
    .agree-group
    input[type="checkbox"]:checked
    + label:after {
    top: 0.44vw;
    left: -2.2vw;
    width: 1.5vw;
    height: 1.5vw;
  }

  #intro-lesson_joinModal
    .agree-group
    input[type="checkbox"]
    + label
    .show-message {
    margin-left: 0.29vw;
    line-height: 0.8vw;
    box-shadow: 0 0.23vw 0.23vw 0 #00000040;
  }

  #intro-lesson_joinModal
    .agree-group
    input[type="checkbox"]
    + label
    .show-message
    img {
    height: 0.8vw;
    width: 0.8vw;
  }

  #intro-lesson_joinModal
    .agree-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: -0.75vw;
    right: -13.07vw;
    width: 12.38vw;
    border-radius: 0.75vw;
    box-shadow: 0vw 0.23vw 0.23vw 0px #00000040;
    padding: 0.41vw 0.41vw 0.41vw 0.63vw;
    font-size: 0.61vw;
    line-height: 0.75vw;
  }
}

@media (max-width: 575.5px) {
  #target-introduction-lesson {
    margin-top: 12vw;
    padding-top: 4.69vw;
    padding-bottom: 7.81vw;
    background: url(../images/professional/target-introduction-lesson-bg-mobile.png)
      center -9.38vw no-repeat;
    background-size: contain;
  }

  #target-introduction-lesson .course-title {
    font-size: 5.62vw;
    line-height: 7.19vw;
    margin-bottom: 5vw;
  }

  #target-introduction-lesson .course-title span {
    display: none;
  }

  #target-introduction-lesson .lesson {
    flex-direction: column;
    row-gap: 5vw;
  }

  #target-introduction-lesson .lesson__title {
    width: 70.31vw;
    height: 11.25vw;
    box-shadow: 0px 0.27vw 0.27vw 0px rgba(140, 222, 1, 0.3);
    border-radius: 0 5.94vw 5.94vw 0;
    padding: 3.44vw 0 3.75vw 10.31vw;
  }

  #target-introduction-lesson .course-title a {
    position: absolute;
    top: 0.7vw;
    left: 2.5vw;
    width: 6vw;
    height: 6vw;
    border-radius: 100%;
    background: rgba(217, 217, 217, 0.15);
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }

  #target-introduction-lesson .course-title a:before {
    width: 2vw;
    height: 2vw;
  }

  #target-introduction-lesson .course-title a:hover:before {
    margin-right: 1.8vw;
  }

  #target-introduction-lesson .lesson__title span {
    font-size: 3.12vw;
    line-height: 4.06vw;
  }

  #target-introduction-lesson .lesson__title span br {
    display: none;
  }

  #target-introduction-lesson .lesson__video {
    row-gap: 6.56vw;
    margin: auto;
    margin-bottom: 6.25vw;
  }

  #target-introduction-lesson .lesson__video iframe {
    width: 78.75vw;
    height: 44.38vw;
    box-shadow: 0px 0.42vw 1.56vw 0px rgba(217, 217, 217, 0.25);
  }

  #target-introduction-lesson .slider.ui-slider {
    width: 69.38vw;
    border: 0.62vw solid #ffffff;
    border-radius: 5.94vw;
    box-shadow: 0px 0.77vw 3.62vw 0.77vw rgba(52, 79, 22, 0.8) inset,
      0px 0.15vw 0px 0px rgba(0, 0, 0, 0.3) inset,
      0px -0.15vw 0px 0px rgba(255, 255, 255, 0.2) inset,
      0px -1.1vw 5.48vw 0px rgba(140, 222, 1, 0.3);
    height: 9.69vw;
  }

  #target-introduction-lesson .slider.ui-slider .ui-slider-handle {
    margin-left: -0.16vw;
    margin-top: -0.31vw;
    margin-bottom: 0.16vw;
    padding: 2.5vw 3.75vw 2.19vw 2.5vw;
    border-radius: 4.06vw;
    font-size: 2.81vw;
    line-height: 3.44vw;
    box-shadow: -2.5vw 0px 0.81vw -1.24vw rgba(153, 231, 33, 1) inset,
      0px 0.15vw 0px 0px rgba(207, 207, 207, 0.2) inset,
      0.81vw 4.31vw 5.61vw -2.5vw rgba(0, 0, 0, 1);
  }

  #target-introduction-lesson .modules {
    grid-template-columns: repeat(1, min-content);
    column-gap: 2.5vw;
    row-gap: 1.25vw;
  }

  #target-introduction-lesson .module {
    padding: 1.88vw 1.25vw 1.88vw 1.56vw;
    border-radius: 2.5vw;
    box-shadow: 0px 0.35vw 0.35vw 0px rgba(0, 0, 0, 0.25);
    width: 86.88vw;
    backdrop-filter: blur(1.5px);
  }

  #target-introduction-lesson .module__number {
    font-size: 1.88vw;
    line-height: 2.5vw;
    margin-bottom: 0.94vw;
  }

  #target-introduction-lesson .module__title {
    font-size: 2.19vw;
    line-height: 2.19vw;
    max-width: 63vw;
    margin-bottom: 2.19vw;
  }

  #target-introduction-lesson .module button {
    column-gap: 18.12vw;
    padding: 1.2vw 1.56vw 1.25vw 1.56vw;
    box-shadow: 0px 0.35vw 0.35vw 0px rgba(0, 0, 0, 0.25);
    border-radius: 2.5vw;
  }

  #target-introduction-lesson .module button img {
    width: 2.66vw;
    height: 2.66vw;
  }

  #target-introduction-lesson .module button span {
    font-size: 1.88vw;
    line-height: 2vw;
  }

  #target-introduction-lesson .module__number-image {
    right: 1.25vw;
    height: 25.94vw;
    width: 15.62vw;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    justify-content: center;
    align-items: center;
  }

  #target-introduction-lesson .module__number-image img {
    height: 23.94vw;
  }

  #target-introduction-lesson .module-blocked {
    width: 2.19vw;
    height: 2.19vw;
    right: -0.62vw;
    top: -0.62vw;
  }

  #target-introduction-lesson .bg-circles {
    width: 21.88vw;
    height: auto;
    right: 47.12vw;
    bottom: -3.12vw;
  }

  #intro-lesson_joinModal .modal-dialog {
    max-width: 94.69vw;
    margin-top: 20vw;
  }

  #intro-lesson_joinModal .modal-content {
    padding-top: 33.44vw;
  }

  #intro-lesson_joinModal .modal-content .btn-close {
    right: 0vw;
    width: 3.44vw;
    height: 3.13vw;
    top: 28.13vw;
  }

  #intro-lesson_joinModal .modal-content .image-top {
    top: 3.13vw;
    left: 21.88vw;
    bottom: 0vw;
  }

  #intro-lesson_joinModal .modal-content .image-top img {
    height: 43.44vw;
  }

  #intro-lesson_joinModal .modal-body {
    padding: 14.84vw 9.38vw 0 7.5vw;
  }

  #intro-lesson_joinModal .modal-body form input[type="text"] {
    margin-bottom: 1.72vw;
    border: 0.31vw solid rgba(255, 255, 255, 0.5);
    box-shadow: 0vw 0.62vw 0.62vw 0vw rgba(0, 0, 0, 0.25);
    padding: 1.56vw 5.63vw 1.25vw;
    border-radius: 3vw;
    color: white;
    font-size: 3.13vw;
    line-height: 3.75vw;
  }

  #intro-lesson_joinModal .modal-body form input[name="email"] {
    margin-bottom: 3.33vw;
  }

  #intro-lesson_joinModal .modal-body .submit-button {
    border: 0.14vw solid #ffffff;
    box-shadow: 0.54vw -0.54vw 2.69vw 0vw rgba(0, 0, 0, 0.1),
      0vw 0.55vw 1.1vw 0vw rgba(117, 178, 25, 1) inset;
    padding: 2.81vw 3.75vw;
    font-size: 3.13vw;
    line-height: 4.06vw;
    border-radius: 52vw;
    margin-bottom: -1.88vw;
    margin-top: 0.63vw;
  }

  #intro-lesson_joinModal .modal-body form .choice-activity {
    margin-top: -1.56vw;
  }

  #intro-lesson_joinModal .modal-body form .choice-activity__column {
    width: calc(50% - 1.25vw);
  }

  #intro-lesson_joinModal .modal-body form .choice-activity__head {
    margin-bottom: 3.28vw;
    border: 0.31vw solid #ffffff80;
    box-shadow: 0vw 0.62vw 0.62vw 0vw rgba(0, 0, 0, 0.25);
    padding: 1.56vw 1.56vw 1.25vw 5.63vw;
    border-radius: 3.13vw;
    font-size: 3.13vw;
    line-height: 3.75vw;
  }

  #intro-lesson_joinModal
    .modal-body
    form
    .choice-activity__head
    .choice-activity__arrow {
    width: 3.75vw;
    display: flex;
  }

  #intro-lesson_joinModal
    .modal-body
    form
    .choice-activity__head
    .choice-activity__arrow
    img {
    width: 3.75vw;
  }

  #intro-lesson_joinModal .modal-body form .choice-activity__body {
    margin-top: 1.88vw;
    column-gap: 2.5vw;
  }

  #intro-lesson_joinModal
    .modal-body
    form
    .choice-activity__body
    .choice-group {
    box-shadow: 0vw 0.62vw 0.62vw 0vw rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(6.88vw);
    margin-bottom: 0.63vw;
    padding: 1.5vw 1.5vw 1.5vw 3.4vw;
    line-height: 0.31vw;
    border-radius: 1.88vw;
  }

  #intro-lesson_joinModal
    .modal-body
    form
    .choice-activity__body
    .choice-group
    input[type="checkbox"]
    + label {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 2.5vw;
    line-height: 100%;
    letter-spacing: 0;
    padding-left: 4.69vw;
  }

  #intro-lesson_joinModal
    .modal-body
    form
    .choice-activity__body
    .choice-group
    input[type="checkbox"]:checked
    + label:after {
    top: 0vw;
    left: 0vw;
    width: 2.81vw;
    height: 2.81vw;
  }

  #intro-lesson_joinModal .agree-group {
    margin-bottom: 2.19vw;
  }

  #intro-lesson_joinModal .agree-group input[type="checkbox"] + label {
    font-weight: 400;
    font-size: 1.56vw;
    line-height: 1.56vw;
    margin-left: 10.31vw;
  }

  #intro-lesson_joinModal
    .agree-group
    input[type="checkbox"]
    + label.with-message {
    max-width: 55vw;
  }

  #intro-lesson_joinModal .agree-group input[type="checkbox"] + label:before {
    left: -4.69vw;
    width: 2.81vw;
    height: 2.81vw;
    border: 0.17vw solid rgba(255, 255, 255, 1);
    box-shadow: 0vw 0.55vw 0.55vw 0vw rgba(0, 0, 0, 0.25);
    border-radius: 0.78vw;
  }

  #intro-lesson_joinModal
    .agree-group
    input[type="checkbox"]
    + label
    .show-message {
    position: relative;
    margin-left: -0.63vw;
    bottom: -0.63vw;
    line-height: 1.72vw;
    border-radius: 1.88vw;
    box-shadow: 0vw 0.55vw 0.55vw 0vw rgba(0, 0, 0, 0.25);
  }

  #intro-lesson_joinModal
    .agree-group
    input[type="checkbox"]
    + label
    .show-message
    img {
    height: 1.88vw;
    width: 1.88vw;
  }

  #intro-lesson_joinModal
    .agree-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: 2.81vw;
    right: -18.75vw;
    width: 25.63vw;
    border-radius: 1.88vw;
    box-shadow: 0vw 0.55vw 0.55vw 0vw rgba(0, 0, 0, 0.25);
    padding: 0.63vw 0.31vw 0.94vw 1.56vw;
    font-size: 1.56vw;
    line-height: 1.88vw;
  }

  #intro-lesson_joinModal
    .modal-body
    form
    .choice-activity__body
    .choice-group
    input[type="checkbox"]
    + label:before {
    width: 2.81vw;
    height: 2.81vw;
    border: 0.16vw solid #81868b;
    border-radius: 0.78vw;
  }

  #intro-lesson_joinModal
    .agree-group
    input[type="checkbox"]:checked
    + label:after {
    left: -4.69vw;
    width: 2.81vw;
    height: 2.81vw;
    margin: 0;
  }
}

.recruiting-cabinet-container {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  background: url("../images/recruiting-top-image.png") center center no-repeat;
  background-size: cover;
  flex-grow: 1;
}

.recruiting-cabinet-container--adaptation {
  background-image: url("../images/adaptation-top-image.png");
}

.recruiting-cabinet-container:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #00000080;
}

.recruiting-cabinet-container > * {
  position: relative;
}

.recruiting-cabinet-container > .back-arrow {
  position: absolute;
  top: 50px;
  left: 68px;
  width: 79px;
  z-index: 5;
}

.recruiting-cabinet-container > .back-arrow img {
  width: 100%;
}

.recruiting-cabinet-container--adaptation .form-control {
  border-color: #6d95ac;
}

.recruiting-cabinet-container--adaptation .button-color {
  background: #6d95ac;
  border-color: #6d95ac !important;
}

.recruiting-cabinet-container .logo {
  margin: 0 auto 18px;
  width: 132px;
  height: 132px;
}

.recruiting-cabinet-container .logo img {
  padding: 6px;
  border-radius: 13px;
  background: white;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.recruiting-cabinet-container .login-page {
  margin: 145px auto;
  width: 100%;
}

.recruiting-cabinet-container--adaptation .login-page {
  margin: 299px auto 298px;
}

.recruiting-cabinet-container .login-page .logo {
  margin-bottom: 30px;
}

.recruiting-cabinet-container .login-block {
  max-width: 773px;
  margin: auto;
  background: #ffffff33;
  border-radius: 50px;
  box-shadow: 0px 4px 42.6px 0px #00000040;
  padding: 69px 73px 28px;
}

.recruiting-cabinet-container .login-block .form-group {
  margin-bottom: 23px;
}

.recruiting-cabinet-container .login-block .form-control {
  border-radius: 24px;
  padding: 12px;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  text-align: center;
  color: #777777;
}

.recruiting-cabinet-container .login-block .form-control::placeholder {
  color: #777777;
  opacity: 0.6;
}

.recruiting-cabinet-container .login-block button[type="submit"] {
  margin-top: 8px;
  border-radius: 77px;
  box-shadow: 0 5.62px 5.62px 0 #00000040;
  backdrop-filter: blur(35px);
  padding: 17px 65px 18px;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  text-transform: uppercase;
}

.recruiting-cabinet-container .login-block button[type="submit"] > span {
  position: relative;
}

.recruiting-cabinet-container
  .login-block
  button[type="submit"]
  .vacancy-arrow {
  position: absolute;
  top: -8px;
  right: -23px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-cabinet-container
  .login-block
  button[type="submit"]
  .vacancy-arrow
  img {
  width: 12px;
}

@media (max-width: 1599.5px) {
  .recruiting-cabinet-container > .back-arrow {
    top: 37px;
    left: 51px;
    width: 58px;
  }

  .recruiting-cabinet-container .logo {
    margin-bottom: 13px;
    width: 99px;
    height: 99px;
  }

  .recruiting-cabinet-container .logo img {
    padding: 4px;
    border-radius: 10px;
  }

  .recruiting-cabinet-container .login-page {
    margin: 108px auto;
  }

  .recruiting-cabinet-container--adaptation .login-page {
    margin: 223px auto;
  }

  .recruiting-cabinet-container .login-page .logo {
    margin-bottom: 22px;
  }

  .recruiting-cabinet-container .login-block {
    max-width: 579px;
    border-radius: 37px;
    box-shadow: 0px 3px 31.9px 0px #00000040;
    padding: 51px 54px 21px;
  }

  .recruiting-cabinet-container .login-block .form-group {
    margin-bottom: 16px;
  }

  .recruiting-cabinet-container .login-block .form-control {
    border-radius: 18px;
    padding: 9px;
    font-size: 16px;
    line-height: 19px;
  }

  .recruiting-cabinet-container .login-block button[type="submit"] {
    margin-top: 6px;
    border-radius: 57px;
    box-shadow: 0 4.21px 4.21px 0 #00000040;
    padding: 13px 48px;
    font-size: 16px;
    line-height: 19px;
  }

  .recruiting-cabinet-container
    .login-block
    button[type="submit"]
    .vacancy-arrow {
    top: -6px;
    right: -16px;
    width: 14px;
    height: 14px;
  }

  .recruiting-cabinet-container
    .login-block
    button[type="submit"]
    .vacancy-arrow
    img {
    width: 9px;
  }
}

@media (max-width: 1199.5px) {
  .recruiting-cabinet-container > .back-arrow {
    top: 28px;
    left: 37px;
    width: 43px;
  }

  .recruiting-cabinet-container .logo {
    margin-bottom: 10px;
    width: 73px;
    height: 73px;
  }

  .recruiting-cabinet-container .logo img {
    padding: 3px;
    border-radius: 7px;
  }

  .recruiting-cabinet-container .login-page {
    margin: 81px auto;
  }

  .recruiting-cabinet-container--adaptation .login-page {
    margin: 166px auto;
  }

  .recruiting-cabinet-container .login-page .logo {
    margin-bottom: 16px;
  }

  .recruiting-cabinet-container .login-block {
    max-width: 433px;
    border-radius: 27px;
    box-shadow: 0px 2.25px 23.8px 0px #00000040;
    padding: 37px 40px 15px;
  }

  .recruiting-cabinet-container .login-block .form-group {
    margin-bottom: 12px;
  }

  .recruiting-cabinet-container .login-block .form-control {
    border-radius: 13px;
    padding: 7px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet-container .login-block button[type="submit"] {
    margin-top: 4px;
    border-radius: 42px;
    box-shadow: 0 3.15px 3.15px 0 #00000040;
    padding: 10px 36px;
    font-size: 12px;
    line-height: 13px;
  }

  .recruiting-cabinet-container
    .login-block
    button[type="submit"]
    .vacancy-arrow {
    top: -4px;
    right: -12px;
    width: 10px;
    height: 10px;
  }

  .recruiting-cabinet-container
    .login-block
    button[type="submit"]
    .vacancy-arrow
    img {
    width: 7px;
  }
}

@media (max-width: 1199.5px) {
  .recruiting-cabinet-container > .back-arrow {
    top: 21px;
    left: 27px;
    width: 31px;
  }

  .recruiting-cabinet-container .logo {
    margin-bottom: 10px;
    width: 73px;
    height: 73px;
  }

  .recruiting-cabinet-container .logo img {
    padding: 3px;
    border-radius: 7px;
  }

  .recruiting-cabinet-container .login-page {
    margin: 81px auto;
  }

  .recruiting-cabinet-container--adaptation .login-page {
    margin: 124px auto;
  }

  .recruiting-cabinet-container .login-page .logo {
    margin-bottom: 16px;
  }

  .recruiting-cabinet-container .login-block {
    max-width: 433px;
    border-radius: 27px;
    box-shadow: 0px 2.25px 23.8px 0px #00000040;
    padding: 37px 40px 15px;
  }

  .recruiting-cabinet-container .login-block .form-group {
    margin-bottom: 12px;
  }

  .recruiting-cabinet-container .login-block .form-control {
    border-radius: 13px;
    padding: 7px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet-container .login-block button[type="submit"] {
    margin-top: 4px;
    border-radius: 42px;
    box-shadow: 0 3.15px 3.15px 0 #00000040;
    padding: 10px 36px;
    font-size: 12px;
    line-height: 13px;
  }

  .recruiting-cabinet-container
    .login-block
    button[type="submit"]
    .vacancy-arrow {
    top: -4px;
    right: -12px;
    width: 10px;
    height: 10px;
  }

  .recruiting-cabinet-container
    .login-block
    button[type="submit"]
    .vacancy-arrow
    img {
    width: 7px;
  }
}

@media (max-width: 991.5px) {
  .recruiting-cabinet-container > .back-arrow {
    top: 15px;
    left: 19px;
    width: 22px;
  }

  .recruiting-cabinet-container .logo {
    margin-bottom: 7px;
    width: 54px;
    height: 54px;
  }

  .recruiting-cabinet-container .logo img {
    padding: 2px;
    border-radius: 5px;
  }

  .recruiting-cabinet-container .login-page {
    margin: 60px auto;
  }

  .recruiting-cabinet-container--adaptation .login-page {
    margin: 93px auto;
  }

  .recruiting-cabinet-container .login-page .logo {
    margin-bottom: 12px;
  }

  .recruiting-cabinet-container .login-block {
    max-width: 324px;
    border-radius: 19px;
    box-shadow: 0px 1.68px 17.8px 0px #00000040;
    padding: 27px 30px 11px;
  }

  .recruiting-cabinet-container .login-block .form-group {
    margin-bottom: 9px;
  }

  .recruiting-cabinet-container .login-block .form-control {
    border-radius: 10px;
    padding: 5px;
  }

  .recruiting-cabinet-container .login-block button[type="submit"] {
    margin-top: 3px;
    border-radius: 31px;
    box-shadow: 0 2.35px 2.35px 0 #00000040;
    padding: 7px 27px;
  }

  .recruiting-cabinet-container
    .login-block
    button[type="submit"]
    .vacancy-arrow {
    top: -3px;
  }
}

@media (max-width: 767.5px) {
  .recruiting-cabinet-container > .back-arrow {
    top: 11px;
    left: 14px;
    width: 16px;
  }

  .recruiting-cabinet-container .logo {
    margin-bottom: 5px;
    width: 40px;
    height: 40px;
  }

  .recruiting-cabinet-container .logo img {
    padding: 1px;
    border-radius: 4px;
  }

  .recruiting-cabinet-container .login-page {
    margin: 45px auto;
  }

  .recruiting-cabinet-container--adaptation .login-page {
    margin: 69px auto;
  }

  .recruiting-cabinet-container .login-page .logo {
    margin-bottom: 9px;
  }

  .recruiting-cabinet-container .login-block {
    max-width: 243px;
    border-radius: 14px;
    box-shadow: 0px 1.26px 13.3px 0px #00000040;
    padding: 19px 22px 8px;
  }

  .recruiting-cabinet-container .login-block .form-group {
    margin-bottom: 7px;
  }

  .recruiting-cabinet-container .login-block .form-control {
    border-radius: 7px;
    padding: 4px;
  }

  .recruiting-cabinet-container .login-block button[type="submit"] {
    margin-top: 2px;
    border-radius: 22px;
    box-shadow: 0 1.75px 1.75px 0 #00000040;
    padding: 5px 19px;
  }

  .recruiting-cabinet-container
    .login-block
    button[type="submit"]
    .vacancy-arrow {
    top: -2px;
  }
}

.recruiting-cabinet-container .info-page {
  width: 100%;
  padding: 20px;
}

#modalReg .modal-dialog {
  max-width: 1057px;
}

#modalReg .modal-content {
  background: none;
}

#modalReg .btn-close {
  top: 33px;
  right: 33px;
  background: url("../images/adaptation/modal-close.png") center center
    no-repeat;
  background-size: contain;
  width: 20px;
  height: 19px;
}

.recruiting-cabinet-container .info-card,
#modalReg .modal-body {
  margin: 18px auto;
  width: 1037px;
  border-radius: 50px;
  background: #ffffff33;
  box-shadow: 0px 4px 4px 0px #00000040;
  padding: 36px 84px 34px;
}

#modalReg .modal-body {
  background: #ffffff;
}

.recruiting-cabinet-container .info-card .title,
#modalReg .modal-body .title {
  text-align: center;
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  margin-bottom: 27px;
}

#modalReg .modal-body .title {
  color: #5367bb;
}

.recruiting-cabinet-container .info-card .title > span,
#modalReg .modal-body .title > span {
  position: relative;
}

.recruiting-cabinet-container .info-card .title .vacancy-arrow,
#modalReg .modal-body .title .vacancy-arrow {
  position: absolute;
  top: -4px;
  right: -35px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-cabinet-container .info-card .title .vacancy-arrow img,
#modalReg .modal-body .title .vacancy-arrow img {
  width: 12px;
}

.recruiting-cabinet-container .info-card .form-row,
#modalReg .modal-body .form-row {
  display: -ms-flex;
  display: flex;
}

.recruiting-cabinet-container .info-card .left-column,
#modalReg .modal-body .left-column {
  width: 295px;
  margin-right: 49px;
  flex-shrink: 0;
}

.recruiting-cabinet-container .info-card .form-group,
#modalReg .modal-body .form-group {
  margin-bottom: 11px;
}

.recruiting-cabinet-container .info-card .form-group label,
#modalReg .modal-body .form-group label {
  color: #cfcfcf;
  margin-left: 17px;
  margin-bottom: 11px;
}

#modalReg .modal-body .form-group label {
  color: #777777;
}

.recruiting-cabinet-container .info-card .form-group .form-control,
#modalReg .modal-body .form-group .form-control {
  border-radius: 20px;
  padding: 9px 16px;
  font-size: 20px;
  line-height: 24px;
}

#modalReg .modal-body .form-group .form-control {
  background: #5367bb1a;
  color: #5367bb;
}

.recruiting-cabinet-container .info-card .right-column,
#modalReg .modal-body .right-column {
  width: 100%;
}

.recruiting-cabinet-container .info-card .questionnaire-field,
#modalReg .modal-body .questionnaire-field {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: white;
  border: 1px solid;
  border-radius: 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  padding: 9px 19px;
}

#modalReg .modal-body .questionnaire-field {
  background: #5367bb1a;
  color: #5367bb;
}

.recruiting-cabinet-container .info-card .questionnaire-field img,
#modalReg .modal-body .questionnaire-field img {
  width: 14px;
  margin-right: 9px;
}

.recruiting-cabinet-container .info-card .questionnaire-field + input,
#modalReg .modal-body .questionnaire-field + input {
  opacity: 0;
  height: 1px;
}

.recruiting-cabinet-container .info-card .checkbox-group,
#modalReg .modal-body .checkbox-group {
  max-width: 580px;
  margin: 26px auto 27px;
}

.recruiting-cabinet-container
  .info-card
  .checkbox-group
  input[type="checkbox"]
  + label,
#modalReg .modal-body .checkbox-group input[type="checkbox"] + label {
  padding-left: 42px;
  font-size: 16px;
  line-height: 20px;
  color: white;
}

#modalReg .modal-body .checkbox-group input[type="checkbox"] + label {
  color: #5367bb;
}

.recruiting-cabinet-container
  .info-card
  .checkbox-group
  input[type="checkbox"]
  + label
  a,
#modalReg .modal-body .checkbox-group input[type="checkbox"] + label a {
  font-weight: 400;
  text-decoration: underline;
}

#modalReg .modal-body .checkbox-group input[type="checkbox"] + label a {
  color: #5367bb;
}

.recruiting-cabinet-container
  .info-card
  .checkbox-group
  input[type="checkbox"]
  + label
  a:hover,
#modalReg .modal-body .checkbox-group input[type="checkbox"] + label a:hover {
  text-decoration: none;
}

.recruiting-cabinet-container
  .info-card
  .checkbox-group
  input[type="checkbox"]
  + label:before,
#modalReg .modal-body .checkbox-group input[type="checkbox"] + label:before {
  border: none;
  background: white;
  border-radius: 4px;
  width: 24px;
  height: 24px;
}

#modalReg .modal-body .checkbox-group input[type="checkbox"] + label:before {
  border: 1px solid #5367bb;
}

.recruiting-cabinet-container
  .info-card
  .checkbox-group
  input[type="checkbox"]:checked
  + label:after,
#modalReg
  .modal-body
  .checkbox-group
  input[type="checkbox"]:checked
  + label:after {
  background-image: url("../images/recruiting_cabinet/check.png");
  width: 21px;
  height: 21px;
}

.recruiting-cabinet-container .info-card #submitInfo,
#modalReg .modal-body #submitInfo {
  border-radius: 61px;
  box-shadow: 0 4.46px 4.46px 0 #00000040;
  backdrop-filter: blur(28px);
  padding: 14px 28px 13px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: white;
  text-transform: uppercase;
}

@media (max-width: 1599.5px) {
  .recruiting-cabinet-container .info-page {
    padding: 15px;
  }

  #modalReg .modal-dialog {
    max-width: 797px;
  }

  #modalReg .btn-close {
    top: 24px;
    right: 24px;
    width: 15px;
    height: 14px;
  }

  .recruiting-cabinet-container .info-card,
  #modalReg .modal-body {
    margin: 13px auto;
    width: 777px;
    border-radius: 37px;
    box-shadow: 0px 3px 3px 0px #00000040;
    padding: 27px 63px 25px;
  }

  .recruiting-cabinet-container .info-card .title,
  #modalReg .modal-body .title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 19px;
  }

  .recruiting-cabinet-container .info-card .title .vacancy-arrow,
  #modalReg .modal-body .title .vacancy-arrow {
    top: -3px;
    right: -25px;
    width: 14px;
    height: 14px;
  }

  .recruiting-cabinet-container .info-card .title .vacancy-arrow img,
  #modalReg .modal-body .title .vacancy-arrow img {
    width: 9px;
  }

  .recruiting-cabinet-container .info-card .left-column,
  #modalReg .modal-body .left-column {
    width: 220px;
    margin-right: 36px;
  }

  .recruiting-cabinet-container .info-card .form-group,
  #modalReg .modal-body .form-group {
    margin-bottom: 8px;
  }

  .recruiting-cabinet-container .info-card .form-group label,
  #modalReg .modal-body .form-group label {
    margin-left: 13px;
    margin-bottom: 8px;
  }

  .recruiting-cabinet-container .info-card .form-group .form-control,
  #modalReg .modal-body .form-group .form-control {
    border-radius: 15px;
    padding: 7px 12px;
    font-size: 15px;
    line-height: 18px;
  }

  .recruiting-cabinet-container .info-card .questionnaire-field,
  #modalReg .modal-body .questionnaire-field {
    border-radius: 15px;
    font-size: 13px;
    line-height: 18px;
    padding: 7px 14px;
  }

  .recruiting-cabinet-container .info-card .questionnaire-field img,
  #modalReg .modal-body .questionnaire-field img {
    width: 10px;
    margin-right: 7px;
  }

  .recruiting-cabinet-container .info-card .checkbox-group,
  #modalReg .modal-body .checkbox-group {
    max-width: 435px;
    margin: 19px auto;
  }

  .recruiting-cabinet-container
    .info-card
    .checkbox-group
    input[type="checkbox"]
    + label,
  #modalReg .modal-body .checkbox-group input[type="checkbox"] + label {
    padding-left: 31px;
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-cabinet-container
    .info-card
    .checkbox-group
    input[type="checkbox"]
    + label:before,
  #modalReg .modal-body .checkbox-group input[type="checkbox"] + label:before {
    border-radius: 3px;
    width: 18px;
    height: 18px;
  }

  .recruiting-cabinet-container
    .info-card
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after,
  #modalReg
    .modal-body
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 15px;
    height: 15px;
  }

  .recruiting-cabinet-container .info-card #submitInfo,
  #modalReg .modal-body #submitInfo {
    border-radius: 45px;
    box-shadow: 0 3.34px 3.34px 0 #00000040;
    padding: 10px 21px;
    font-size: 13px;
    line-height: 16px;
  }
}

@media (max-width: 1199.5px) {
  .recruiting-cabinet-container .info-page {
    padding: 11px;
  }

  #modalReg .modal-dialog {
    max-width: 602px;
  }

  #modalReg .btn-close {
    top: 18px;
    right: 18px;
    width: 11px;
    height: 10px;
  }

  .recruiting-cabinet-container .info-card,
  #modalReg .modal-body {
    margin: 10px auto;
    width: 582px;
    border-radius: 27px;
    box-shadow: 0px 2.25px 2.25px 0px #00000040;
    padding: 19px 46px 18px;
  }

  .recruiting-cabinet-container .info-card .title,
  #modalReg .modal-body .title {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 14px;
  }

  .recruiting-cabinet-container .info-card .title .vacancy-arrow,
  #modalReg .modal-body .title .vacancy-arrow {
    top: -2px;
    right: -18px;
    width: 10px;
    height: 10px;
  }

  .recruiting-cabinet-container .info-card .title .vacancy-arrow img,
  #modalReg .modal-body .title .vacancy-arrow img {
    width: 7px;
  }

  .recruiting-cabinet-container .info-card .left-column,
  #modalReg .modal-body .left-column {
    width: 165px;
    margin-right: 27px;
  }

  .recruiting-cabinet-container .info-card .form-group,
  #modalReg .modal-body .form-group {
    margin-bottom: 6px;
  }

  .recruiting-cabinet-container .info-card .form-group label,
  #modalReg .modal-body .form-group label {
    margin-left: 10px;
    margin-bottom: 6px;
  }

  .recruiting-cabinet-container .info-card .form-group .form-control,
  #modalReg .modal-body .form-group .form-control {
    border-radius: 11px;
    padding: 5px 9px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet-container .info-card .questionnaire-field,
  #modalReg .modal-body .questionnaire-field {
    border-radius: 11px;
    font-size: 12px;
    line-height: 14px;
    padding: 5px 10px;
  }

  .recruiting-cabinet-container .info-card .questionnaire-field img,
  #modalReg .modal-body .questionnaire-field img {
    width: 7px;
    margin-right: 5px;
  }

  .recruiting-cabinet-container .info-card .checkbox-group,
  #modalReg .modal-body .checkbox-group {
    max-width: 325px;
    margin: 14px auto;
  }

  .recruiting-cabinet-container
    .info-card
    .checkbox-group
    input[type="checkbox"]
    + label,
  #modalReg .modal-body .checkbox-group input[type="checkbox"] + label {
    padding-left: 22px;
  }

  .recruiting-cabinet-container
    .info-card
    .checkbox-group
    input[type="checkbox"]
    + label:before,
  #modalReg .modal-body .checkbox-group input[type="checkbox"] + label:before {
    border-radius: 2px;
    width: 13px;
    height: 13px;
  }

  .recruiting-cabinet-container
    .info-card
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after,
  #modalReg
    .modal-body
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 11px;
    height: 11px;
  }

  .recruiting-cabinet-container .info-card #submitInfo,
  #modalReg .modal-body #submitInfo {
    border-radius: 33px;
    box-shadow: 0 2.5px 2.5px 0 #00000040;
    padding: 7px 15px;
    font-size: 12px;
    line-height: 15px;
  }
}

@media (max-width: 991.5px) {
  .recruiting-cabinet-container .info-page {
    padding: 8px;
  }

  #modalReg .modal-dialog {
    max-width: 456px;
  }

  #modalReg .btn-close {
    top: 13px;
    right: 13px;
    width: 8px;
    height: 7px;
  }

  .recruiting-cabinet-container .info-card,
  #modalReg .modal-body {
    margin: 7px auto;
    width: 436px;
    border-radius: 19px;
    box-shadow: 0px 1.68px 1.68px 0px #00000040;
    padding: 14px 34px 13px;
  }

  .recruiting-cabinet-container .info-card .title,
  #modalReg .modal-body .title {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 10px;
  }

  .recruiting-cabinet-container .info-card .title .vacancy-arrow,
  #modalReg .modal-body .title .vacancy-arrow {
    top: -1px;
  }

  .recruiting-cabinet-container .info-card .left-column,
  #modalReg .modal-body .left-column {
    width: 143px;
    margin-right: 19px;
  }

  .recruiting-cabinet-container .info-card .form-group,
  #modalReg .modal-body .form-group {
    margin-bottom: 4px;
  }

  .recruiting-cabinet-container .info-card .form-group label,
  #modalReg .modal-body .form-group label {
    margin-left: 7px;
    margin-bottom: 4px;
  }

  .recruiting-cabinet-container .info-card .form-group .form-control,
  #modalReg .modal-body .form-group .form-control {
    border-radius: 8px;
    padding: 4px 7px;
  }

  .recruiting-cabinet-container .info-card .questionnaire-field,
  #modalReg .modal-body .questionnaire-field {
    border-radius: 8px;
    padding: 4px 7px;
  }

  .recruiting-cabinet-container .info-card .questionnaire-field img,
  #modalReg .modal-body .questionnaire-field img {
    margin-right: 4px;
  }

  .recruiting-cabinet-container .info-card .checkbox-group,
  #modalReg .modal-body .checkbox-group {
    max-width: 243px;
    margin: 10px auto;
  }

  .recruiting-cabinet-container
    .info-card
    .checkbox-group
    input[type="checkbox"]
    + label,
  #modalReg .modal-body .checkbox-group input[type="checkbox"] + label {
    padding-left: 16px;
  }

  .recruiting-cabinet-container
    .info-card
    .checkbox-group
    input[type="checkbox"]
    + label:before,
  #modalReg .modal-body .checkbox-group input[type="checkbox"] + label:before {
    border-radius: 1px;
    width: 9px;
    height: 9px;
  }

  .recruiting-cabinet-container
    .info-card
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after,
  #modalReg
    .modal-body
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 8px;
    height: 8px;
  }

  .recruiting-cabinet-container .info-card #submitInfo,
  #modalReg .modal-body #submitInfo {
    border-radius: 24px;
    box-shadow: 0 1.87px 1.87px 0 #00000040;
    padding: 5px 11px;
  }
}

@media (max-width: 767.5px) {
  .recruiting-cabinet-container .info-page {
    padding: 6px;
  }

  #modalReg .modal-dialog {
    max-width: 347px;
  }

  #modalReg .btn-close {
    top: 10px;
    right: 10px;
  }

  .recruiting-cabinet-container .info-card,
  #modalReg .modal-body {
    margin: 5px auto;
    width: 327px;
    border-radius: 14px;
    box-shadow: 0px 1.26px 1.26px 0px #00000040;
    padding: 10px 25px;
  }

  .recruiting-cabinet-container .info-card .title,
  #modalReg .modal-body .title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 7px;
  }

  .recruiting-cabinet-container .info-card .form-row,
  #modalReg .modal-body .form-row {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .recruiting-cabinet-container .info-card .left-column,
  #modalReg .modal-body .left-column {
    width: 100%;
    margin-right: 0;
  }

  .recruiting-cabinet-container .info-card .form-group,
  #modalReg .modal-body .form-group {
    margin-bottom: 3px;
  }

  .recruiting-cabinet-container .info-card .form-group label,
  #modalReg .modal-body .form-group label {
    margin-left: 5px;
    margin-bottom: 3px;
  }

  .recruiting-cabinet-container .info-card .form-group .form-control,
  #modalReg .modal-body .form-group .form-control {
    border-radius: 6px;
    padding: 3px 5px;
  }

  .recruiting-cabinet-container .info-card .questionnaire-field,
  #modalReg .modal-body .questionnaire-field {
    border-radius: 6px;
    padding: 3px 5px;
  }

  .recruiting-cabinet-container .info-card .questionnaire-field img,
  #modalReg .modal-body .questionnaire-field img {
    margin-right: 3px;
  }

  .recruiting-cabinet-container .info-card .checkbox-group,
  #modalReg .modal-body .checkbox-group {
    max-width: 181px;
    margin: 7px auto;
  }

  .recruiting-cabinet-container
    .info-card
    .checkbox-group
    input[type="checkbox"]
    + label,
  #modalReg .modal-body .checkbox-group input[type="checkbox"] + label {
    padding-left: 12px;
  }

  .recruiting-cabinet-container .info-card #submitInfo,
  #modalReg .modal-body #submitInfo {
    border-radius: 18px;
    box-shadow: 0 1.39px 1.39px 0 #00000040;
    padding: 4px 8px;
  }
}

@media (max-width: 575.5px) {
  #modalReg .modal-dialog {
    max-width: 264px;
  }

  .recruiting-cabinet-container .info-card,
  #modalReg .modal-body {
    width: 244px;
  }
}

.recruiting-cabinet-container .reg-page {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 20px 329px;
  flex-grow: 1;
}

.recruiting-cabinet-container .reg-info {
  margin-top: 12px;
  width: 100%;
  max-width: 1413px;
  background: #cfcfcf26;
  border-radius: 22px;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 51px 127px 42px 101px;
  font-weight: 500;
  font-size: 23px;
  line-height: 28px;
  text-align: center;
  text-shadow: 0px 5.83px 5.83px #00000040;
}

.recruiting-cabinet-container .reg-info > div {
  width: 50%;
}

.recruiting-cabinet-container .reg-info > div:not(:last-child) {
  margin-right: 57px;
}

.recruiting-cabinet-container .reg-block {
  height: 163px;
  width: 100%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("../images/recruiting_cabinet/reg-block.png") center center
    no-repeat;
  background-size: cover;
  border-radius: 27px;
  box-shadow: 0px 4.92px 18.44px 0px #00000080;
  margin-bottom: 20px;
  transition: all 0.5s;
}

.recruiting-cabinet-container .reg-block:hover {
  box-shadow: 0px 4.92px 18.44px 0px #5367bb;
}

.recruiting-cabinet-container .reg-block img {
  width: 121px;
}

.recruiting-cabinet-container .reg-info > div:last-child .reg-block img {
  width: 88px;
}

.recruiting-cabinet-container .reg-gallery {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  background: #00000040;
  padding: 31px 52px 30px 53px;
}

.recruiting-cabinet-container .reg-gallery__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-cabinet-container .reg-gallery__arrow.left {
  left: 11px;
}

.recruiting-cabinet-container .reg-gallery__arrow.right {
  right: 11px;
}

.recruiting-cabinet-container .reg-gallery__arrow button {
  width: 29px;
  height: 29px;
}

.recruiting-cabinet-container .reg-gallery__arrow button img {
  width: 100%;
}

.recruiting-cabinet-container .reg-gallery .reg-gallery-carousel video,
.recruiting-cabinet-container .reg-gallery .reg-gallery-carousel img {
  height: 175px;
  margin: 0 8px;
  object-fit: contain;
}

.reg-company-page {
  padding: 50px 131px 34px 181px;
  font-weight: 500;
}

.reg-back {
  position: absolute;
  top: 50px;
  left: 72px;
  width: 71px;
}

.reg-back img {
  width: 100%;
}

.reg-company-page .reg-company-block {
  background: #00000040;
  border-radius: 50px;
  padding: 36px 60px 45px 65px;
}

.reg-company-page .reg-company-block__title {
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 44px;
}

.reg-company-page .reg-company-block__head {
  position: relative;
  display: -ms-flex;
  display: flex;
  padding-right: 400px;
  margin-bottom: 14px;
}

.reg-company-page .reg-company-block__logo {
  width: 140px;
  height: 136px;
  margin-right: 46px;
}

.reg-company-page .reg-company-block__logo img {
  padding: 6px;
  border-radius: 25px;
  background: white;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.reg-company-page .reg-company-block__data {
  display: grid;
  grid-template-columns: auto auto;
  grid-gap: 35px 63px;
}

.reg-label {
  font-weight: 400;
  color: #cfcfcf;
  margin-bottom: 9px;
}

.reg-company-page .reg-company-block__head video {
  position: absolute;
  top: -37px;
  right: 0;
  height: 208px;
}

.reg-company-page .reg-company-block__about {
  margin-top: 25px;
  padding-right: 12px;
  padding-left: 6px;
}

.reg-link {
  display: inline-block;
  max-width: 376px;
  width: 100%;
  margin-top: 30px;
  border: 1px solid;
  border-radius: 62px;
  text-transform: uppercase;
  padding: 13px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  transition: background-color 0.5s;
  box-shadow: 0px 4.52px 4.52px 0px #00000040;
  backdrop-filter: blur(28px);
  text-decoration: none !important;
  color: white !important;
}

.reg-link:not(:hover) {
  background: #cfcfcf26 !important;
}

.reg-link span {
  position: relative;
}

.reg-link .reg-arrow {
  position: absolute;
  top: -6px;
  right: -21px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.reg-link .reg-arrow img {
  width: 9px;
}

.reg-vacancy-page {
  padding: 50px 131px 49px 193px;
}

.reg-vacancy-page .reg-vacancy-block {
  background: #00000040;
  border-radius: 41px;
  padding: 36px 51px 32px;
}

.reg-vacancy-page .reg-vacancy-block__title {
  font-weight: 500;
  font-size: 26px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.reg-vacancy-page .reg-vacancy-block .reg-label ~ .reg-label {
  margin-top: 20px;
}

.reg-vacancy-page .reg-vacancy-block .reg-vacancy-about {
  margin: 0 -14px 34px -17px;
  background: #00000040;
  border-radius: 20px;
  padding: 18px 18px 16px 42px;
}

.reg-vacancy-page .reg-data-row {
  display: -ms-flex;
  display: flex;
}

.reg-vacancy-page .reg-data-row > div:not(:last-child) {
  margin-right: 77px;
}

.reg-vacancy-page .reg-data-row .reg-label {
  margin-bottom: 5px;
}

@media (max-width: 1599.5px) {
  .recruiting-cabinet-container .reg-page {
    padding: 15px 15px 246px;
  }

  .recruiting-cabinet-container .reg-info {
    margin-top: 9px;
    max-width: 1059px;
    border-radius: 16px;
    padding: 37px 94px 31px 75px;
    font-size: 16px;
    line-height: 21px;
    text-shadow: 0 4.36px 4.36px #00000040;
  }

  .recruiting-cabinet-container .reg-info > div:not(:last-child) {
    margin-right: 42px;
  }

  .recruiting-cabinet-container .reg-block {
    height: 121px;
    border-radius: 19px;
    box-shadow: 0 3.69px 13.83px 0 #00000080;
    margin-bottom: 15px;
  }

  .recruiting-cabinet-container .reg-block:hover {
    box-shadow: 0 3.69px 13.83px 0 #5367bb;
  }

  .recruiting-cabinet-container .reg-block img {
    width: 90px;
  }

  .recruiting-cabinet-container .reg-info > div:last-child .reg-block img {
    width: 66px;
  }

  .recruiting-cabinet-container .reg-gallery {
    padding: 22px 39px;
  }

  .recruiting-cabinet-container .reg-gallery__arrow.left {
    left: 8px;
  }

  .recruiting-cabinet-container .reg-gallery__arrow.right {
    right: 8px;
  }

  .recruiting-cabinet-container .reg-gallery__arrow button {
    width: 21px;
    height: 21px;
  }

  .recruiting-cabinet-container .reg-gallery .reg-gallery-carousel video,
  .recruiting-cabinet-container .reg-gallery .reg-gallery-carousel img {
    height: 130px;
    margin: 0 6px;
  }

  .reg-company-page {
    padding: 37px 97px 25px 135px;
  }

  .reg-back {
    top: 37px;
    left: 54px;
    width: 52px;
  }

  .reg-company-page .reg-company-block {
    border-radius: 37px;
    padding: 27px 45px 33px 48px;
  }

  .reg-company-page .reg-company-block__title {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 33px;
  }

  .reg-company-page .reg-company-block__head {
    padding-right: 300px;
    margin-bottom: 10px;
  }

  .reg-company-page .reg-company-block__logo {
    width: 105px;
    height: 102px;
    margin-right: 34px;
  }

  .reg-company-page .reg-company-block__logo img {
    padding: 4px;
    border-radius: 18px;
  }

  .reg-company-page .reg-company-block__data {
    grid-gap: 25px 46px;
  }

  .reg-label {
    margin-bottom: 7px;
  }

  .reg-company-page .reg-company-block__head video {
    top: -27px;
    height: 156px;
  }

  .reg-company-page .reg-company-block__about {
    margin-top: 18px;
    padding-right: 9px;
    padding-left: 4px;
  }

  .reg-link {
    max-width: 282px;
    margin-top: 22px;
    border-radius: 46px;
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
    box-shadow: 0 3.39px 3.39px 0 #00000040;
  }

  .reg-link .reg-arrow {
    top: -4px;
    right: -15px;
    width: 11px;
    height: 11px;
  }

  .reg-link .reg-arrow img {
    width: 7px;
  }

  .reg-vacancy-page {
    padding: 37px 97px 36px 144px;
  }

  .reg-vacancy-page .reg-vacancy-block {
    border-radius: 30px;
    padding: 27px 37px 24px;
  }

  .reg-vacancy-page .reg-vacancy-block__title {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 7px;
  }

  .reg-vacancy-page .reg-vacancy-block .reg-label ~ .reg-label {
    margin-top: 15px;
  }

  .reg-vacancy-page .reg-vacancy-block .reg-vacancy-about {
    margin: 0 -10px 25px -13px;
    border-radius: 15px;
    padding: 13px 13px 12px 31px;
  }

  .reg-vacancy-page .reg-data-row > div:not(:last-child) {
    margin-right: 57px;
  }

  .reg-vacancy-page .reg-data-row .reg-label {
    margin-bottom: 4px;
  }
}

@media (max-width: 1199.5px) {
  .recruiting-cabinet-container .reg-page {
    padding: 11px 11px 184px;
  }

  .recruiting-cabinet-container .reg-info {
    margin-top: 7px;
    max-width: 793px;
    border-radius: 12px;
    padding: 27px 70px 22px 55px;
    font-size: 12px;
    line-height: 15px;
    text-shadow: 0 3.27px 3.27px #00000040;
  }

  .recruiting-cabinet-container .reg-info > div:not(:last-child) {
    margin-right: 31px;
  }

  .recruiting-cabinet-container .reg-block {
    height: 90px;
    border-radius: 14px;
    box-shadow: 0 2.76px 10.36px 0 #00000080;
    margin-bottom: 11px;
  }

  .recruiting-cabinet-container .reg-block:hover {
    box-shadow: 0 2.76px 10.36px 0 #5367bb;
  }

  .recruiting-cabinet-container .reg-block img {
    width: 67px;
  }

  .recruiting-cabinet-container .reg-info > div:last-child .reg-block img {
    width: 49px;
  }

  .recruiting-cabinet-container .reg-gallery {
    padding: 16px 28px;
  }

  .recruiting-cabinet-container .reg-gallery__arrow.left {
    left: 6px;
  }

  .recruiting-cabinet-container .reg-gallery__arrow.right {
    right: 6px;
  }

  .recruiting-cabinet-container .reg-gallery__arrow button {
    width: 15px;
    height: 15px;
  }

  .recruiting-cabinet-container .reg-gallery .reg-gallery-carousel video,
  .recruiting-cabinet-container .reg-gallery .reg-gallery-carousel img {
    height: 97px;
    margin: 0 4px;
  }

  .reg-company-page {
    padding: 27px 72px 18px 100px;
  }

  .reg-back {
    top: 27px;
    left: 40px;
    width: 39px;
  }

  .reg-company-page .reg-company-block {
    border-radius: 27px;
    padding: 19px 33px 24px 36px;
  }

  .reg-company-page .reg-company-block__title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 24px;
  }

  .reg-company-page .reg-company-block__head {
    padding-right: 225px;
    margin-bottom: 7px;
  }

  .reg-company-page .reg-company-block__logo {
    width: 78px;
    height: 76px;
    margin-right: 25px;
  }

  .reg-company-page .reg-company-block__logo img {
    padding: 3px;
    border-radius: 13px;
  }

  .reg-company-page .reg-company-block__data {
    grid-gap: 18px 34px;
  }

  .reg-label {
    margin-bottom: 5px;
  }

  .reg-company-page .reg-company-block__head video {
    top: -19px;
    height: 117px;
  }

  .reg-company-page .reg-company-block__about {
    margin-top: 13px;
    padding-right: 7px;
    padding-left: 3px;
  }

  .reg-link {
    max-width: 246px;
    margin-top: 16px;
    border-radius: 34px;
    padding: 7px;
    font-size: 12px;
    line-height: 15px;
    box-shadow: 0 2.53px 2.53px 0 #00000040;
  }

  .reg-link .reg-arrow {
    top: -3px;
    right: -11px;
    width: 8px;
    height: 8px;
  }

  .reg-link .reg-arrow img {
    width: 5px;
  }

  .reg-vacancy-page {
    padding: 27px 72px 27px 108px;
  }

  .reg-vacancy-page .reg-vacancy-block {
    border-radius: 22px;
    padding: 19px 27px 18px;
  }

  .reg-vacancy-page .reg-vacancy-block__title {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px;
  }

  .reg-vacancy-page .reg-vacancy-block .reg-label ~ .reg-label {
    margin-top: 11px;
  }

  .reg-vacancy-page .reg-vacancy-block .reg-vacancy-about {
    margin: 0 -7px 18px -10px;
    border-radius: 11px;
    padding: 10px 10px 9px 22px;
  }

  .reg-vacancy-page .reg-data-row > div:not(:last-child) {
    margin-right: 42px;
  }

  .reg-vacancy-page .reg-data-row .reg-label {
    margin-bottom: 3px;
  }
}

@media (max-width: 991.5px) {
  .recruiting-cabinet-container .reg-page {
    padding: 8px 8px 138px;
  }

  .recruiting-cabinet-container .reg-info {
    margin-top: 5px;
    max-width: 594px;
    border-radius: 9px;
    padding: 19px 52px 16px 40px;
    text-shadow: 0 2.44px 2.44px #00000040;
  }

  .recruiting-cabinet-container .reg-info > div:not(:last-child) {
    margin-right: 22px;
  }

  .recruiting-cabinet-container .reg-block {
    height: 67px;
    border-radius: 10px;
    box-shadow: 0 2.07px 7.77px 0 #00000080;
    margin-bottom: 8px;
  }

  .recruiting-cabinet-container .reg-block:hover {
    box-shadow: 0 2.07px 7.77px 0 #5367bb;
  }

  .recruiting-cabinet-container .reg-block img {
    width: 49px;
  }

  .recruiting-cabinet-container .reg-info > div:last-child .reg-block img {
    width: 36px;
  }

  .recruiting-cabinet-container .reg-gallery {
    padding: 12px 21px;
  }

  .recruiting-cabinet-container .reg-gallery__arrow.left {
    left: 4px;
  }

  .recruiting-cabinet-container .reg-gallery__arrow.right {
    right: 4px;
  }

  .recruiting-cabinet-container .reg-gallery__arrow button {
    width: 11px;
    height: 11px;
  }

  .recruiting-cabinet-container .reg-gallery .reg-gallery-carousel video,
  .recruiting-cabinet-container .reg-gallery .reg-gallery-carousel img {
    height: 72px;
    margin: 0 3px;
  }

  .reg-company-page {
    padding: 19px 54px 13px 75px;
  }

  .reg-back {
    top: 19px;
    left: 30px;
    width: 28px;
  }

  .reg-company-page .reg-company-block {
    border-radius: 19px;
    padding: 14px 24px 18px 27px;
  }

  .reg-company-page .reg-company-block__title {
    margin-bottom: 18px;
  }

  .reg-company-page .reg-company-block__head {
    padding-right: 168px;
    margin-bottom: 5px;
  }

  .reg-company-page .reg-company-block__logo {
    width: 58px;
    height: 57px;
    margin-right: 18px;
  }

  .reg-company-page .reg-company-block__logo img {
    padding: 2px;
    border-radius: 10px;
  }

  .reg-company-page .reg-company-block__data {
    grid-gap: 13px 25px;
  }

  .reg-label {
    margin-bottom: 4px;
  }

  .reg-company-page .reg-company-block__head video {
    top: -14px;
    height: 87px;
  }

  .reg-company-page .reg-company-block__about {
    margin-top: 10px;
    padding-right: 5px;
    padding-left: 2px;
  }

  .reg-link {
    margin-top: 12px;
    border-radius: 25px;
    padding: 5px;
    box-shadow: 0 1.89px 1.89px 0 #00000040;
  }

  .reg-vacancy-page {
    padding: 19px 54px 19px 81px;
  }

  .reg-vacancy-page .reg-vacancy-block {
    border-radius: 16px;
    padding: 14px 19px 13px;
  }

  .reg-vacancy-page .reg-vacancy-block__title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 4px;
  }

  .reg-vacancy-page .reg-vacancy-block .reg-label ~ .reg-label {
    margin-top: 8px;
  }

  .reg-vacancy-page .reg-vacancy-block .reg-vacancy-about {
    margin: 0 -5px 13px -7px;
    border-radius: 8px;
    padding: 7px 7px 7px 16px;
  }

  .reg-vacancy-page .reg-data-row > div:not(:last-child) {
    margin-right: 31px;
  }

  .reg-vacancy-page .reg-data-row .reg-label {
    margin-bottom: 2px;
  }
}

@media (max-width: 767.5px) {
  .recruiting-cabinet-container .reg-page {
    padding: 6px 6px 103px;
  }

  .recruiting-cabinet-container .reg-info {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 4px;
    max-width: 445px;
    border-radius: 7px;
    padding: 14px 39px 12px 30px;
    text-shadow: 0 1.83px 1.83px #00000040;
  }

  .recruiting-cabinet-container .reg-info > div {
    width: 100%;
  }

  .recruiting-cabinet-container .reg-info > div:not(:last-child) {
    margin-right: 0;
    margin-bottom: 16px;
  }

  .recruiting-cabinet-container .reg-block {
    border-radius: 7px;
    box-shadow: 0 1.54px 5.82px 0 #00000080;
    margin-bottom: 6px;
  }

  .recruiting-cabinet-container .reg-block:hover {
    box-shadow: 0 1.54px 5.82px 0 #5367bb;
  }

  .recruiting-cabinet-container .reg-block img {
    width: 36px;
  }

  .recruiting-cabinet-container .reg-info > div:last-child .reg-block img {
    width: 27px;
  }

  .recruiting-cabinet-container .reg-gallery {
    padding: 9px 15px;
  }

  .recruiting-cabinet-container .reg-gallery__arrow.left {
    left: 3px;
  }

  .recruiting-cabinet-container .reg-gallery__arrow.right {
    right: 3px;
  }

  .recruiting-cabinet-container .reg-gallery__arrow button {
    width: 8px;
    height: 8px;
  }

  .recruiting-cabinet-container .reg-gallery .reg-gallery-carousel video,
  .recruiting-cabinet-container .reg-gallery .reg-gallery-carousel img {
    height: 54px;
    margin: 0 2px;
  }

  .reg-company-page {
    padding: 14px 40px 10px 55px;
  }

  .reg-back {
    top: 14px;
    left: 22px;
    width: 21px;
  }

  .reg-company-page .reg-company-block {
    border-radius: 14px;
    padding: 10px 18px 13px 19px;
  }

  .reg-company-page .reg-company-block__title {
    margin-bottom: 13px;
  }

  .reg-company-page .reg-company-block__head {
    padding-right: 126px;
    margin-bottom: 4px;
  }

  .reg-company-page .reg-company-block__logo {
    width: 43px;
    height: 42px;
    margin-right: 13px;
  }

  .reg-company-page .reg-company-block__logo img {
    padding: 1px;
    border-radius: 7px;
  }

  .reg-company-page .reg-company-block__data {
    grid-gap: 10px 18px;
  }

  .reg-label {
    margin-bottom: 3px;
  }

  .reg-company-page .reg-company-block__head video {
    top: -10px;
    height: 64px;
  }

  .reg-company-page .reg-company-block__about {
    margin-top: 7px;
    padding-right: 4px;
    padding-left: 1px;
  }

  .reg-link {
    margin-top: 9px;
    border-radius: 18px;
    padding: 4px;
    box-shadow: 0 1.41px 1.41px 0 #00000040;
  }

  .reg-vacancy-page {
    padding: 14px 40px 14px 60px;
  }

  .reg-vacancy-page .reg-vacancy-block {
    border-radius: 12px;
    padding: 10px 14px;
  }

  .reg-vacancy-page .reg-vacancy-block__title {
    margin-bottom: 6px;
  }

  .reg-vacancy-page .reg-vacancy-block .reg-label ~ .reg-label {
    margin-top: 6px;
  }

  .reg-vacancy-page .reg-vacancy-block .reg-vacancy-about {
    margin: 0 -4px 10px -5px;
    border-radius: 6px;
    padding: 5px 5px 5px 12px;
  }

  .reg-vacancy-page .reg-data-row > div:not(:last-child) {
    margin-right: 22px;
  }

  .reg-vacancy-page .reg-data-row .reg-label {
    margin-bottom: 1px;
  }
}

@media (max-width: 575.5px) {
  .reg-company-page {
    padding: 10px 30px 7px 40px;
  }

  .reg-back {
    top: 10px;
    left: 16px;
    width: 15px;
  }

  .reg-company-page .reg-company-block__head {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
  }

  .reg-company-page .reg-company-block__head video {
    top: -7px;
    height: 48px;
  }

  .reg-company-page .reg-company-block__logo {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .reg-vacancy-page {
    padding: 10px 30px 10px 45px;
  }

  .reg-vacancy-page .reg-vacancy-block .reg-vacancy-about {
    word-break: break-all;
    word-break: break-word;
  }

  .reg-vacancy-page .reg-data-row {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .reg-vacancy-page .reg-data-row > div:not(:last-child) {
    margin-right: 0;
    margin-bottom: 16px;
  }
}

.recruiting-cabinet-top {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #00000040;
  padding: 40px 68px 40px 56px;
}

.recruiting-cabinet-top--adaptation {
  padding: 27px 86px 27px 78px;
  background: none;
}

.recruiting-cabinet-top--adaptation .button-color {
  background: #6d95ac;
}

.recruiting-cabinet-top > div:first-child {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.recruiting-cabinet-top .recruiting-cabinet-top__image {
  width: 122px;
  height: 122px;
  margin-right: 66px;
  position: relative;
}

.recruiting-cabinet-top .recruiting-cabinet-top__image::before {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 1.3vw;
  height: 1.3vw;
  background-image: url(../images/edit-personal-photo.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.recruiting-cabinet-top .recruiting-cabinet-top__image .delete-photo-btn {
  position: absolute;
  top: -0.26vw;
  right: -0.26vw;
  width: 1.04vw;
  height: 1.04vw;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
  background-size: 100%;
  background-repeat: no-repeat;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  cursor: pointer !important;
  z-index: 10;
}

.recruiting-cabinet-top
  .recruiting-cabinet-top__image
  .delete-photo-btn:hover::before {
  position: absolute;
  content: attr(data-tooltip);
  bottom: -1.82vw;
  right: -5.5vw;
  background: rgba(255, 255, 255, 1);
  color: rgba(119, 119, 119, 1);
  padding: 0.42vw 0.63vw;
  border-radius: 0 0.31vw 0.31vw 0.31vw;
  font-size: 0.63vw;
  white-space: nowrap;
  z-index: 1000;
  box-shadow: 0px 0.13vw 0.13vw 0px rgba(0, 0, 0, 0.25);
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.63vw;
  line-height: 0.63vw;
  letter-spacing: -0.02em;
}

.recruiting-cabinet-top .recruiting-cabinet-top__image.hide-edit-icon::before {
  opacity: 0;
  visibility: hidden;
}

.recruiting-cabinet-top
  .recruiting-cabinet-top__image
  .delete-photo-btn:hover::after {
  content: "";
  position: absolute;
  bottom: -0.42vw;
  right: -0.3vw;
  width: 0;
  height: 0;
  border-right: 0.42vw solid transparent;
  border-bottom: 0.42vw solid white;
  filter: drop-shadow(0 -0.05vw 0.05vw rgba(0, 0, 0, 0.1));
}

.recruiting-cabinet-top
  .recruiting-cabinet-top__image:not(:has(img[src*="default-image.png"])):hover
  .delete-photo-btn {
  opacity: 1;
  visibility: visible;
}

.recruiting-cabinet-top
  .recruiting-cabinet-top__image.photo-default
  .delete-photo-btn {
  display: none;
}

.recruiting-cabinet-top .recruiting-cabinet-top__image .photo-upload-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 20;
}

.recruiting-cabinet-top
  .recruiting-cabinet-top__image
  .photo-upload-loader.active {
  opacity: 1;
  visibility: visible;
}

.recruiting-cabinet-top
  .recruiting-cabinet-top__image
  .photo-upload-loader
  .spinner {
  width: 1.56vw;
  height: 1.56vw;
  border: 0.15vw solid #ffffff;
  border-top: 0.15vw solid #6d95ac;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 0.4vw;
}

.recruiting-cabinet-top
  .recruiting-cabinet-top__image
  .photo-upload-loader
  span {
  font-size: 0.6vw;
  color: #ffffff;
  font-weight: 500;
  font-family: Montserrat;
}

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

.recruiting-cabinet-top .recruiting-cabinet-top__image.uploading img {
  opacity: 0.5;
  filter: blur(0.05vw);
}

.recruiting-cabinet-top .recruiting-cabinet-top__image.uploading {
  pointer-events: none;
}

.recruiting-cabinet-top .recruiting-cabinet-top__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.recruiting-cabinet-top .recruiting-cabinet-top__title {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  font-weight: 500;
  font-size: 34px;
  line-height: 51px;
}

.recruiting-cabinet-top .recruiting-cabinet-top__title .vacancy-arrow {
  margin-top: -3px;
  margin-left: 14px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-cabinet-top .recruiting-cabinet-top__title .vacancy-arrow img {
  width: 12px;
}

.recruiting-cabinet-top .recruiting-cabinet-top__logout {
  margin-left: auto;
  font-weight: 500;
  color: #c8c8c8 !important;
}

.recruiting-cabinet-top .recruiting-cabinet-top__logout img {
  width: 44px;
  margin-right: 26px;
}

.recruiting-cabinet-body {
  display: -ms-flex;
  display: flex;
  flex-grow: 1;
  padding: 32px 68px 51px 21px;
}

.recruiting-cabinet-body--adaptation {
  padding: 0 86px 51px 78px;
}

.recruiting-cabinet-body--adaptation-notifications {
  height: 100%;
  max-height: calc(-103px + 100vh);
  padding: 45px;
}

.recruiting-cabinet-body--adaptation-notifications .notifications-wrap {
  overflow-y: auto;
  position: relative;
  padding-right: 2.08vw;
  box-sizing: content-box;
}


.recruiting-cabinet-body--adaptation-notifications .notifications-wrap::-webkit-scrollbar {
  display: block;
  width: 0.67vw;
  position: absolute;
  right: -200px;
}

.recruiting-cabinet-body--adaptation-notifications .notifications-wrap::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0.47vw;
  border: 0.01vw solid rgba(217, 217, 217, 0.14);
}

.recruiting-cabinet-body--adaptation-notifications .notifications-wrap::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 0.47vw;
  border: 0.1vw solid transparent;
  background-clip: content-box;
}


.recruiting-cabinet-body--adaptation-chat {
  padding: 45px;
  height: 100%;
  max-height: calc(100vh - 103px);
}

.recruiting-cabinet-body--adaptation-chat .recruiting-cabinet--chat {
  height: 100%;
}

.recruiting-cabinet-body--adaptation .button-color,
.recruiting-cabinet-body--adaptation .main-color {
  background: #6d95ac;
}

.recruiting-cabinet-body .recruiting-cabinet-menu {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 357px;
  flex-shrink: 0;
  margin-right: 24px;
}

.recruiting-cabinet-body .recruiting-cabinet-menu a {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 6px;
  border-radius: 24px;
  padding: 11px 35px;
  font-size: 22px;
  line-height: 27px;
  color: white;
}

.recruiting-cabinet-body .recruiting-cabinet-menu a.active {
  position: relative;
  background: #cfcfcf26;
  color: white;
}

.recruiting-cabinet-body .recruiting-cabinet-menu a.active:before {
  content: "";
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  margin: auto;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #5367bb;
}

.recruiting-cabinet-body .recruiting-cabinet-menu a.active:after {
  content: "";
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 0;
  margin: auto;
  background: url("../images/vacancy-arrow.png") center center no-repeat;
  background-size: contain;
  width: 13px;
  height: 13px;
}

.recruiting-cabinet-body .recruiting-cabinet-menu a img {
  margin-left: 5px;
  width: 21px;
}

.recruiting-cabinet-body .recruiting-cabinet-menu a .notifications-count {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: -5px;
  margin-left: 6px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  font-weight: 500;
  font-size: 9px;
  line-height: 11px;
  color: white;
}

.recruiting-cabinet-body .recruiting-cabinet-content {
  position: relative;
  width: 100%;
  background: #cfcfcf26;
  border-radius: 24px;
  padding: 30px;
}

.recruiting-cabinet--notifications {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.recruiting-cabinet-content .recruiting-cabinet-title {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #cfcfcf26;
  border-radius: 24px;
  padding: 12px 65px;
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
  text-transform: uppercase;
}

.recruiting-cabinet-body--adaptation
  .recruiting-cabinet-content
  .recruiting-cabinet-title {
  padding-right: 29px;
  padding-left: 34px;
}

.recruiting-cabinet-body--adaptation-chat
  .recruiting-cabinet-content
  .recruiting-cabinet-title {
  padding-right: 23px;
  margin-right: 26px;
}

.recruiting-cabinet-content .recruiting-cabinet-title .vacancy-arrow {
  margin-top: -6px;
  margin-left: 9px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-cabinet-content .recruiting-cabinet-title .vacancy-arrow img {
  width: 9px;
}

.recruiting-cabinet-body .recruiting-cabinet-content .recruiting-cabinet-edit {
  position: absolute;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  right: 34px;
  top: 24px;
  font-size: 21px;
  line-height: 25px;
  color: #9b9b9b;
}

.recruiting-cabinet-body
  .recruiting-cabinet-content
  .recruiting-cabinet-edit
  img {
  width: 24px;
  margin-right: 11px;
}

@media (max-width: 1599.5px) {
  .recruiting-cabinet-top {
    padding: 30px 51px 30px 42px;
  }

  .recruiting-cabinet-top--adaptation {
    padding: 19px 64px 19px 58px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__image {
    width: 91px;
    height: 91px;
    margin-right: 49px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__title {
    font-size: 25px;
    line-height: 37px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__title .vacancy-arrow {
    margin-top: -2px;
    margin-left: 10px;
    width: 14px;
    height: 14px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__title .vacancy-arrow img {
    width: 9px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__logout img {
    width: 33px;
    margin-right: 19px;
  }

  .recruiting-cabinet-body {
    padding: 24px 51px 37px 15px;
  }

  .recruiting-cabinet-body--adaptation {
    padding: 0 48px 37px 58px;
  }

  .recruiting-cabinet-body--adaptation-notifications {
    padding: 35px;
    max-height: calc(100vh - 87.55px);
  }

  .recruiting-cabinet-body--adaptation-chat {
    padding: 35px;
    max-height: calc(100vh - 87.55px);
  }



  .recruiting-cabinet-body .recruiting-cabinet-menu {
    width: 267px;
    margin-right: 18px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a {
    margin-bottom: 4px;
    border-radius: 18px;
    padding: 8px 25px;
    font-size: 16px;
    line-height: 19px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a.active:before {
    right: 10px;
    width: 14px;
    height: 14px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a.active:after {
    right: 11px;
    width: 10px;
    height: 10px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a img {
    margin-left: 4px;
    width: 15px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a .notifications-count {
    margin-right: -3px;
    margin-left: 4px;
    width: 11px;
    height: 11px;
    font-size: 7px;
    line-height: 8px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-content {
    border-radius: 18px;
    padding: 20px;
  }


  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-title {
    border-radius: 18px;
    padding: 9px 48px;
    font-size: 15px;
    line-height: 18px;
  }

  .recruiting-cabinet-body--adaptation
    .recruiting-cabinet-content
    .recruiting-cabinet-title {
    padding-right: 21px;
    padding-left: 25px;
  }

  .recruiting-cabinet-body--adaptation-chat
    .recruiting-cabinet-content
    .recruiting-cabinet-title {
    padding-right: 16px;
    margin-right: 19px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-title
    .vacancy-arrow {
    margin-top: -4px;
    margin-left: 7px;
    width: 11px;
    height: 11px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-title
    .vacancy-arrow
    img {
    width: 7px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-edit {
    right: 25px;
    top: 18px;
    font-size: 15px;
    line-height: 18px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-edit
    img {
    width: 18px;
    margin-right: 8px;
  }
}

@media (max-width: 1199.5px) {
  .recruiting-cabinet-top {
    padding: 22px 37px 22px 31px;
  }

  .recruiting-cabinet-top--adaptation {
    padding: 14px 48px 14px 43px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__image {
    width: 67px;
    height: 67px;
    margin-right: 36px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__title {
    font-size: 18px;
    line-height: 27px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__title .vacancy-arrow {
    margin-top: -1px;
    margin-left: 7px;
    width: 10px;
    height: 10px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__title .vacancy-arrow img {
    width: 7px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__logout img {
    width: 24px;
    margin-right: 14px;
  }

  .recruiting-cabinet-body {
    padding: 18px 37px 27px 11px;
  }

  .recruiting-cabinet-body--adaptation {
    padding: 0 36px 27px 43px;
  }

  .recruiting-cabinet-body--adaptation-notifications {
    padding: 25px;
    max-height: calc(100vh - 67.55px);
  }

  .recruiting-cabinet-body--adaptation-chat {
    padding: 25px;
    max-height: calc(100vh - 67.55px);
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu {
    width: 199px;
    margin-right: 13px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a {
    margin-bottom: 3px;
    border-radius: 13px;
    padding: 6px 18px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a.active:before {
    right: 7px;
    width: 10px;
    height: 10px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a.active:after {
    right: 9px;
    width: 6px;
    height: 6px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a img {
    margin-left: 3px;
    width: 11px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a .notifications-count {
    margin-right: -2px;
    margin-left: 3px;
    width: 8px;
    height: 8px;
    font-size: 5px;
    line-height: 6px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-content {
    border-radius: 13px;
    padding: 15px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-title {
    border-radius: 13px;
    padding: 7px 36px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet-body--adaptation
    .recruiting-cabinet-content
    .recruiting-cabinet-title {
    padding-right: 15px;
    padding-left: 18px;
  }

  .recruiting-cabinet-body--adaptation-chat
    .recruiting-cabinet-content
    .recruiting-cabinet-title {
    padding-right: 12px;
    margin-right: 14px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-title
    .vacancy-arrow {
    margin-top: -3px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-title
    .vacancy-arrow
    img {
    width: 5px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-edit {
    right: 18px;
    top: 13px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-edit
    img {
    width: 13px;
    margin-right: 6px;
  }
}

@media (max-width: 991.5px) {
  .recruiting-cabinet-top {
    padding: 16px 27px 16px 22px;
  }

  .recruiting-cabinet-top--adaptation {
    padding: 10px 36px 10px 31px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__image {
    width: 49px;
    height: 49px;
    margin-right: 27px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__title {
    font-size: 13px;
    line-height: 19px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__title .vacancy-arrow {
    margin-left: 4px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__logout img {
    width: 18px;
    margin-right: 10px;
  }

  .recruiting-cabinet-body {
    padding: 13px 27px 19px 8px;
  }

  .recruiting-cabinet-body--adaptation {
    padding: 0 27px 19px 31px;
  }

  .recruiting-cabinet-body--adaptation-notifications {
    padding: 20px;
  }

  .recruiting-cabinet-body--adaptation-chat {
    padding: 20px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu {
    width: 148px;
    margin-right: 10px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a {
    margin-bottom: 2px;
    border-radius: 10px;
    padding: 4px 13px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a.active:before {
    right: 5px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a.active:after {
    right: 7px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a img {
    margin-left: 2px;
    width: 8px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-content {
    border-radius: 10px;
    padding: 10px;
  }


  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-title {
    border-radius: 10px;
    padding: 5px 27px;
  }

  .recruiting-cabinet-body--adaptation
    .recruiting-cabinet-content
    .recruiting-cabinet-title {
    padding-right: 11px;
    padding-left: 13px;
  }

  .recruiting-cabinet-body--adaptation-chat
    .recruiting-cabinet-content
    .recruiting-cabinet-title {
    padding-right: 9px;
    margin-right: 10px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-title
    .vacancy-arrow {
    margin-top: -2px;
    margin-left: 4px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-edit {
    right: 13px;
    top: 10px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-edit
    img {
    width: 10px;
    margin-right: 4px;
  }
}

@media (max-width: 767.5px) {
  .recruiting-cabinet-top {
    padding: 12px 19px 12px 16px;
  }

  .recruiting-cabinet-top--adaptation {
    padding: 7px 27px 7px 22px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__image {
    width: 36px;
    height: 36px;
    margin-right: 19px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__title {
    font-size: 12px;
    line-height: 18px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__title .vacancy-arrow {
    margin-left: 3px;
  }

  .recruiting-cabinet-top .recruiting-cabinet-top__logout img {
    width: 13px;
    margin-right: 7px;
  }

  .recruiting-cabinet-body {
    padding: 10px 19px 13px 6px;
  }

  .recruiting-cabinet-body--adaptation {
    padding: 0 19px 14px 22px;
  }

  .recruiting-cabinet-body--adaptation-notifications {
    padding: 15px;
    max-height: calc(100vh - 30px);
  }

  .recruiting-cabinet-body--adaptation-chat {
    padding: 15px;
    max-height: calc(100vh - 30px);
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu {
    width: 111px;
    margin-right: 7px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a {
    margin-bottom: 1px;
    border-radius: 7px;
    padding: 3px 10px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a.active:before {
    right: 4px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu a.active:after {
    right: 6px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-content {
    border-radius: 7px;
    padding: 8px;
  }


  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-title {
    border-radius: 7px;
    padding: 4px 19px;
  }

  .recruiting-cabinet-body--adaptation
    .recruiting-cabinet-content
    .recruiting-cabinet-title {
    padding-right: 8px;
    padding-left: 10px;
  }

  .recruiting-cabinet-body--adaptation-chat
    .recruiting-cabinet-content
    .recruiting-cabinet-title {
    padding-right: 7px;
    margin-right: 7px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-title
    .vacancy-arrow {
    margin-top: -1px;
    margin-left: 3px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-edit {
    right: 10px;
    top: 7px;
  }

  .recruiting-cabinet-body
    .recruiting-cabinet-content
    .recruiting-cabinet-edit
    img {
    margin-right: 3px;
  }
}

@media (max-width: 575.5px) {
  .recruiting-cabinet-top {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .recruiting-cabinet-body {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .recruiting-cabinet-body .recruiting-cabinet-menu {
    width: 100%;
    margin-right: 0;
    margin-bottom: 7px;
  }

  .recruiting-cabinet-body .recruiting-cabinet-content {
    flex-grow: 1;
  }
}

.recruiting-cabinet--index {
  padding-right: 22px;
}

.recruiting-cabinet--index .recruiting-cabinet-title {
  padding-right: 72px;
  margin-bottom: 27px;
}

.recruiting-cabinet--dop-data {
  position: absolute;
  right: 28px;
  bottom: 22px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.recruiting-cabinet--dop-data > div {
  display: -ms-flex;
  display: flex;
}

.recruiting-cabinet--dop-data > div:not(:last-child) {
  margin-bottom: 5px;
}

.recruiting-cabinet--dop-data > div > div:not(:last-child) {
  margin-right: 22px;
}

.recruiting-cabinet--row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.recruiting-cabinet--index .recruiting-cabinet--row {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.recruiting-cabinet--index label {
  margin-bottom: 22px;
  white-space: nowrap;
}

.recruiting-cabinet--index label + div {
  margin-bottom: 22px;
}

.recruiting-cabinet--index .recruiting-cabinet--row > div:first-child label {
  width: 100%;
  text-align: center;
  margin-bottom: 13px;
}

.recruiting-cabinet--index .recruiting-cabinet--row > div:first-child > div {
  width: 250px;
  height: 250px;
  margin-right: auto;
  margin-left: auto;
}

.recruiting-cabinet--index
  .recruiting-cabinet--row
  > div:first-child
  > div
  img {
  background: white;
  border-radius: 25px;
  width: 100%;
  height: 100%;
  padding: 11px;
  object-fit: contain;
}

.recruiting-cabinet--index .about-company-field {
  background: white;
  border: 1px solid;
  border-radius: 20px;
  color: black;
  padding: 20px;
}

@media (max-width: 1599.5px) {
  .recruiting-cabinet--index {
    padding-right: 16px;
  }

  .recruiting-cabinet--index .recruiting-cabinet-title {
    padding-right: 54px;
    margin-bottom: 19px;
  }

  .recruiting-cabinet--dop-data {
    right: 21px;
    bottom: 16px;
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-cabinet--dop-data > div:not(:last-child) {
    margin-bottom: 4px;
  }

  .recruiting-cabinet--dop-data > div > div:not(:last-child) {
    margin-right: 16px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row label {
    margin-bottom: 16px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row label + div {
    margin-bottom: 16px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:not(:last-child) {
    margin-right: 40px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:first-child label {
    margin-bottom: 10px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:first-child > div {
    width: 187px;
    height: 187px;
  }

  .recruiting-cabinet--index
    .recruiting-cabinet--row
    > div:first-child
    > div
    img {
    border-radius: 18px;
    padding: 8px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row .about-company-field {
    border-radius: 15px;
    padding: 15px;
  }
}

@media (max-width: 1199.5px) {
  .recruiting-cabinet--index {
    padding-right: 12px;
  }

  .recruiting-cabinet--index .recruiting-cabinet-title {
    padding-right: 40px;
    margin-bottom: 14px;
  }

  .recruiting-cabinet--dop-data {
    right: 15px;
    bottom: 12px;
  }

  .recruiting-cabinet--dop-data > div:not(:last-child) {
    margin-bottom: 3px;
  }

  .recruiting-cabinet--dop-data > div > div:not(:last-child) {
    margin-right: 12px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row label {
    margin-bottom: 12px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row label + div {
    margin-bottom: 12px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:not(:last-child) {
    margin-right: 30px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:first-child label {
    margin-bottom: 7px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:first-child > div {
    width: 139px;
    height: 139px;
  }

  .recruiting-cabinet--index
    .recruiting-cabinet--row
    > div:first-child
    > div
    img {
    border-radius: 13px;
    padding: 6px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row .about-company-field {
    border-radius: 11px;
    padding: 11px;
  }
}

@media (max-width: 991.5px) {
  .recruiting-cabinet--index {
    padding-right: 9px;
  }

  .recruiting-cabinet--index .recruiting-cabinet-title {
    padding-right: 30px;
    margin-bottom: 10px;
  }

  .recruiting-cabinet--dop-data {
    position: static;
    margin-top: 11px;
    margin-left: auto;
    width: fit-content;
  }

  .recruiting-cabinet--dop-data > div:not(:last-child) {
    margin-bottom: 2px;
  }

  .recruiting-cabinet--dop-data > div > div:not(:last-child) {
    margin-right: 9px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row label {
    margin-bottom: 9px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row label + div {
    margin-bottom: 9px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:not(:last-child) {
    margin-right: 22px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:last-child {
    flex-grow: 1;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:first-child label {
    margin-bottom: 5px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:first-child > div {
    width: 103px;
    height: 103px;
  }

  .recruiting-cabinet--index
    .recruiting-cabinet--row
    > div:first-child
    > div
    img {
    border-radius: 10px;
    padding: 4px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row .about-company-field {
    border-radius: 8px;
    padding: 8px;
  }
}

@media (max-width: 767.5px) {
  .recruiting-cabinet--index {
    padding-right: 7px;
  }

  .recruiting-cabinet--index .recruiting-cabinet-title {
    padding-right: 22px;
    margin-bottom: 7px;
  }

  .recruiting-cabinet--dop-data {
    margin-top: 8px;
  }

  .recruiting-cabinet--dop-data > div:not(:last-child) {
    margin-bottom: 1px;
  }

  .recruiting-cabinet--dop-data > div > div:not(:last-child) {
    margin-right: 7px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row label {
    margin-bottom: 7px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row label + div {
    margin-bottom: 7px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:not(:last-child) {
    margin-right: 16px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:first-child label {
    margin-bottom: 4px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row > div:first-child > div {
    width: 76px;
    height: 76px;
  }

  .recruiting-cabinet--index
    .recruiting-cabinet--row
    > div:first-child
    > div
    img {
    border-radius: 7px;
    padding: 3px;
  }

  .recruiting-cabinet--index .recruiting-cabinet--row .about-company-field {
    border-radius: 6px;
    padding: 6px;
  }
}

.recruiting-cabinet--profile .recruiting-cabinet-title {
  margin-bottom: 24px;
}

.recruiting-cabinet--profile .recruiting-cabinet-title .vacancy-arrow {
  margin-left: 5px;
}

.recruiting-cabinet-body--adaptation
  .recruiting-cabinet--profile
  .recruiting-cabinet-title
  .vacancy-arrow {
  margin-left: 12px;
}

.recruiting-cabinet--profile .recruiting-cabinet--row:not(:last-child) {
  margin-bottom: 29px;
}

/* .recruiting-cabinet-body--adaptation
  .recruiting-cabinet--row:nth-last-child(2) {
  margin-bottom: 0;
} */

.recruiting-cabinet--profile .recruiting-cabinet--row > * {
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
}

.recruiting-cabinet--profile .recruiting-cabinet--row.inactive > * {
  color: #323232;
}

.recruiting-cabinet--profile .recruiting-cabinet--row label {
  width: 310px;
  margin-bottom: 0;
  color: #9b9b9b;
}

.recruiting-cabinet--profile
  .recruiting-cabinet--row.interview-row
  > div:last-child {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 30px;
  font-size: 24px;
  line-height: 30px;
}

.recruiting-cabinet--profile .recruiting-cabinet--row.inactive img {
  width: 30px;
  margin-left: 21px;
}

.recruiting-cabinet--profile
  .recruiting-cabinet--row.interview-row:not(.inactive)
  img {
  width: 20px;
  margin-top: 4px;
  margin-right: 22px;
  margin-left: 17px;
}

.recruiting-cabinet--profile .recruiting-cabinet--row .button-color {
  border-radius: 61px;
  padding: 14px 33px 13px;
  box-shadow: 0 4.46px 4.46px 0 #00000040;
  backdrop-filter: blur(14px);
  text-decoration: none !important;
  color: white !important;
  text-transform: uppercase;
}

.recruiting-cabinet--profile .recruiting-cabinet--row .input-field + input {
  display: none;
}

.recruiting-cabinet--profile .recruiting-cabinet--row .input-field {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.recruiting-cabinet--profile .recruiting-cabinet--row .input-field img {
  width: 14px;
  margin-right: 9px;
}

@media (max-width: 1599.5px) {
  .recruiting-cabinet--profile .recruiting-cabinet-title {
    margin-bottom: 18px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet-title .vacancy-arrow {
    margin-left: 4px;
  }

  .recruiting-cabinet-body--adaptation
    .recruiting-cabinet--profile
    .recruiting-cabinet-title
    .vacancy-arrow {
    margin-left: 9px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row:not(:last-child) {
    margin-bottom: 21px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row > * {
    font-size: 15px;
    line-height: 18px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row label {
    width: 232px;
  }

  .recruiting-cabinet--profile
    .recruiting-cabinet--row.interview-row
    > div:last-child {
    height: 22px;
    font-size: 18px;
    line-height: 22px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row.inactive img {
    width: 22px;
    margin-left: 15px;
  }

  .recruiting-cabinet--profile
    .recruiting-cabinet--row.interview-row:not(.inactive)
    img {
    width: 15px;
    margin-top: 3px;
    margin-right: 16px;
    margin-left: 13px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row .button-color {
    border-radius: 45px;
    padding: 10px 24px;
    box-shadow: 0 3.34px 3.34px 0 #00000040;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row .input-field img {
    width: 10px;
    margin-right: 7px;
  }
}

@media (max-width: 1199.5px) {
  .recruiting-cabinet--profile .recruiting-cabinet-title {
    margin-bottom: 13px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet-title .vacancy-arrow {
    margin-left: 3px;
  }

  .recruiting-cabinet-body--adaptation
    .recruiting-cabinet--profile
    .recruiting-cabinet-title
    .vacancy-arrow {
    margin-left: 7px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row:not(:last-child) {
    margin-bottom: 15px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row > * {
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row label {
    width: 174px;
  }

  .recruiting-cabinet--profile
    .recruiting-cabinet--row.interview-row
    > div:last-child {
    height: 16px;
    font-size: 13px;
    line-height: 16px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row.inactive img {
    width: 16px;
    margin-left: 11px;
  }

  .recruiting-cabinet--profile
    .recruiting-cabinet--row.interview-row:not(.inactive)
    img {
    width: 11px;
    margin-top: 2px;
    margin-right: 12px;
    margin-left: 10px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row .button-color {
    border-radius: 33px;
    padding: 7px 18px;
    box-shadow: 0 2.5px 2.5px 0 #00000040;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row .input-field img {
    width: 7px;
    margin-right: 5px;
  }
}

@media (max-width: 991.5px) {
  .recruiting-cabinet--profile .recruiting-cabinet-title {
    margin-bottom: 10px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet-title .vacancy-arrow {
    margin-left: 2px;
  }

  .recruiting-cabinet-body--adaptation
    .recruiting-cabinet--profile
    .recruiting-cabinet-title
    .vacancy-arrow {
    margin-left: 5px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row:not(:last-child) {
    margin-bottom: 11px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row label {
    width: 130px;
  }

  .recruiting-cabinet--profile
    .recruiting-cabinet--row.interview-row
    > div:last-child {
    height: 15px;
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row.inactive img {
    width: 12px;
    margin-left: 8px;
  }

  .recruiting-cabinet--profile
    .recruiting-cabinet--row.interview-row:not(.inactive)
    img {
    width: 8px;
    margin-top: 1px;
    margin-right: 9px;
    margin-left: 7px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row .button-color {
    border-radius: 24px;
    padding: 5px 13px;
    box-shadow: 0 1.87px 1.87px 0 #00000040;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row .input-field img {
    margin-right: 4px;
  }
}

@media (max-width: 767.5px) {
  .recruiting-cabinet--profile .recruiting-cabinet-title {
    margin-bottom: 7px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row:not(:last-child) {
    margin-bottom: 8px;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row label {
    width: 114px;
  }

  .recruiting-cabinet--profile
    .recruiting-cabinet--row.interview-row
    > div:last-child {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row.inactive img {
    width: 9px;
    margin-left: 6px;
  }

  .recruiting-cabinet--profile
    .recruiting-cabinet--row.interview-row:not(.inactive)
    img {
    margin: 6px;
    transform: rotate(90deg);
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row .button-color {
    border-radius: 18px;
    padding: 4px 10px;
    box-shadow: 0 1.39px 1.39px 0 #00000040;
  }

  .recruiting-cabinet--profile .recruiting-cabinet--row .input-field img {
    margin-right: 3px;
  }
}

@media (max-width: 575.5px) {
  .recruiting-cabinet--profile .recruiting-cabinet--row .button-color {
    border-radius: 13px;
    padding: 3px 7px;
    text-align: center;
    word-break: break-all;
    word-break: break-word;
  }
}

/* .recruiting-cabinet--notifications {
  padding-right: 88px;
} */

.recruiting-cabinet--notifications .recruiting-cabinet-title {
  margin-bottom: 23px;
  padding-right: 31px;
  padding-left: 35px;
}

.recruiting-cabinet--notifications .recruiting-cabinet-title .vacancy-arrow {
  margin-left: 7px;
}

.recruiting-cabinet--notifications .unread {
  margin-top: 11px;
  margin-left: 30px;
  font-size: 21px;
  line-height: 25px;
  color: #cfcfcf;
}


.recruiting-cabinet--notifications .notifications-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5px 28px;
}

.recruiting-cabinet-notification {
  position: relative;
  display: -ms-flex;
  display: flex;
  /* background: #d9d9d926; */
  border-radius: 25px;
  padding: 11px 80px 11px 17px;
  transition: all 0.5s ease;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(10px);
}

.recruiting-cabinet-notification:hover {
  text-decoration: none;
  box-shadow: 0px 3.11px 3.11px 0px rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 1);
}

.recruiting-cabinet-notification:hover .recruiting-cabinet-notification__title {
  color: rgba(109, 149, 172, 1);
}

.recruiting-cabinet-notification:focus {
  color: white;
  text-decoration: none;
}

.recruiting-cabinet-notification .recruiting-cabinet-notification__img {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  margin-right: 28px;
  flex-shrink: 0;
}

.recruiting-cabinet-notification .recruiting-cabinet-notification__img img {
  width: 31px;
}

.recruiting-cabinet-notification .recruiting-cabinet-notification__body {
  padding-top: 9px;
  padding-bottom: 16px;
}

.recruiting-cabinet-notification .recruiting-cabinet-notification__title {
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
  transition: all 0.5s ease;
}

.recruiting-cabinet-notification .recruiting-cabinet-notification__date {
  position: absolute;
  right: 18px;
  bottom: 7px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #9b9b9b;
}

.recruiting-cabinet--notifications .notification-menu {
  position: absolute;
  top: 28px;
  right: 30px;
}

.recruiting-cabinet--notifications .notification-menu > button {
  width: 21px;
}

.recruiting-cabinet--notifications .notification-menu > button img {
  width: 100%;
}

.recruiting-cabinet--notifications
  .notification-menu
  .notification-menu__list:not(.active) {
  display: none;
}

.recruiting-cabinet--notifications .notification-menu .notification-menu__list {
  position: absolute;
  right: 0;
  top: 100%;
  white-space: nowrap;
  background: #d9d9d926;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  backdrop-filter: blur(25px);
  z-index: 1;
}

.recruiting-cabinet--notifications
  .notification-menu
  .notification-menu__list
  button {
  padding: 4px;
  text-align: left;
}

.recruiting-cabinet--notifications
  .notification-menu
  .notification-menu__list
  button
  img {
  height: 22px;
  margin-left: 10px;
}

.recruiting-cabinet--notifications
  .notification-menu
  .notification-menu__list
  button.non-active
  img {
  opacity: 0.1;
}

.recruiting-cabinet-notification__title {
  display: flex;
  align-items: center;
  gap: 0.52vw;
}

.recruiting-cabinet-notification .unread-dot {
  width: 0.52vw;
  height: 0.52vw;
  border-radius: 50%;
  background: #ABCADD;
  flex: 0 0 0.52vw;
  margin-bottom: auto;
  margin-top: 0.365vw;
}



@media (max-width: 1599.5px) {
  /* .recruiting-cabinet--notifications {
    padding-right: 66px;
  } */

  .recruiting-cabinet--notifications .recruiting-cabinet-title {
    margin-bottom: 16px;
    padding-right: 22px;
    padding-left: 25px;
  }

  .recruiting-cabinet--notifications .recruiting-cabinet-title .vacancy-arrow {
    margin-left: 5px;
  }

  .recruiting-cabinet--notifications .unread {
    margin-top: 8px;
    margin-left: 22px;
    font-size: 15px;
    line-height: 18px;
  }

  .recruiting-cabinet--notifications .notifications-grid {
    grid-gap: 4px 21px;
  }

  .recruiting-cabinet-notification {
    border-radius: 18px;
    padding: 8px 13px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__img {
    width: 51px;
    height: 51px;
    margin-right: 21px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__img img {
    width: 22px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__body {
    padding-top: 7px;
    padding-bottom: 12px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__title {
    font-size: 15px;
    line-height: 18px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__date {
    right: 13px;
    bottom: 5px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet--notifications .notification-menu {
    top: 21px;
    right: 22px;
  }

  .recruiting-cabinet--notifications .notification-menu > button {
    width: 15px;
  }

  .recruiting-cabinet--notifications
    .notification-menu
    .notification-menu__list
    button {
    padding: 3px;
  }

  .recruiting-cabinet--notifications
    .notification-menu
    .notification-menu__list
    button
    img {
    height: 16px;
    margin-left: 7px;
  }

  .recruiting-cabinet-notification .unread-dot {
    margin-top: 0.29vw;
  }
}

@media (max-width: 1199.5px) {
  /* .recruiting-cabinet--notifications {
    padding-right: 49px;
  } */

  .recruiting-cabinet--notifications .recruiting-cabinet-title {
    margin-bottom: 12px;
    padding-right: 16px;
    padding-left: 18px;
  }

  .recruiting-cabinet--notifications .recruiting-cabinet-title .vacancy-arrow {
    margin-left: 4px;
  }

  .recruiting-cabinet--notifications .unread {
    margin-top: 6px;
    margin-left: 16px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet--notifications .notifications-grid {
    grid-gap: 3px 15px;
  }

  .recruiting-cabinet-notification {
    border-radius: 13px;
    padding: 6px 10px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__img {
    width: 37px;
    height: 37px;
    margin-right: 15px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__img img {
    width: 16px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__body {
    padding-top: 5px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__title {
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__date {
    right: 10px;
    bottom: 4px;
  }

  .recruiting-cabinet--notifications .notification-menu {
    top: 15px;
    right: 16px;
  }

  .recruiting-cabinet--notifications .notification-menu > button {
    width: 11px;
  }

  .recruiting-cabinet--notifications
    .notification-menu
    .notification-menu__list
    button {
    padding: 2px;
  }

  .recruiting-cabinet--notifications
    .notification-menu
    .notification-menu__list
    button
    img {
    height: 15px;
    margin-left: 5px;
  }

   .recruiting-cabinet-notification .unread-dot {
    margin-top: 0.34vw;
  }
}

@media (max-width: 991.5px) {
  /* .recruiting-cabinet--notifications {
    padding-right: 36px;
  } */

  .recruiting-cabinet--notifications .recruiting-cabinet-title {
    margin-bottom: 9px;
    padding-right: 12px;
    padding-left: 13px;
  }

  .recruiting-cabinet--notifications .recruiting-cabinet-title .vacancy-arrow {
    margin-left: 3px;
  }

  .recruiting-cabinet--notifications .unread {
    margin-top: 4px;
    margin-left: 12px;
  }

  .recruiting-cabinet--notifications .notifications-grid {
    grid-gap: 2px 11px;
  }

  .recruiting-cabinet-notification {
    border-radius: 10px;
    padding: 4px 7px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__img {
    width: 27px;
    height: 27px;
    margin-right: 11px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__img img {
    width: 12px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__body {
    padding-top: 4px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__date {
    right: 7px;
    bottom: 3px;
  }

  .recruiting-cabinet--notifications .notification-menu {
    top: 11px;
    right: 12px;
  }

  .recruiting-cabinet--notifications
    .notification-menu
    .notification-menu__list
    button
    img {
    margin-left: 4px;
  }

   .recruiting-cabinet-notification .unread-dot {
    margin-top: 0.4vw;
  }
}

@media (max-width: 767.5px) {
  /* .recruiting-cabinet--notifications {
    padding-right: 27px;
  } */

  .recruiting-cabinet--notifications .recruiting-cabinet-title {
    margin-bottom: 7px;
    padding-right: 9px;
    padding-left: 10px;
  }

  .recruiting-cabinet--notifications .recruiting-cabinet-title .vacancy-arrow {
    margin-left: 2px;
  }

  .recruiting-cabinet--notifications .unread {
    margin-top: 3px;
    margin-left: 9px;
  }

  .recruiting-cabinet--notifications .notifications-grid {
    grid-gap: 2px 8px;
  }

  .recruiting-cabinet-notification {
    border-radius: 7px;
    padding: 3px 5px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__img {
    margin-right: 8px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__body {
    padding-top: 3px;
  }

  .recruiting-cabinet-notification .recruiting-cabinet-notification__date {
    right: 5px;
    bottom: 2px;
  }

  .recruiting-cabinet--notifications .notification-menu {
    top: 8px;
    right: 9px;
  }

  .recruiting-cabinet--notifications
    .notification-menu
    .notification-menu__list
    button
    img {
    margin-left: 3px;
  }
  .recruiting-cabinet-notification .unread-dot {
    margin-top: 0.6vw;
  }
}

@media (max-width: 575.5px) {
  .recruiting-cabinet--notifications .notifications-grid {
    grid-template-columns: 1fr;
  }

   .recruiting-cabinet-notification .unread-dot {
    margin-top: 0.9vw;
  }
}

.recruiting-cabinet--chat .recruiting-cabinet--row {
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 23px;
}

.recruiting-cabinet--chat .recruiting-chat-image {
  margin-right: 32px;
  background: white;
  width: 49px;
  height: 49px;
  padding: 4px;
  border-radius: 10px;
}

.recruiting-cabinet--chat .recruiting-cabinet-title {
  margin-right: 32px;
  padding-right: 23px;
  padding-left: 35px;
}

.recruiting-cabinet--chat .recruiting-cabinet-title .vacancy-arrow {
  margin-left: 12px;
}

.recruiting-cabinet--chat .search-line {
  position: relative;
  /* width: 100%; */
}

.recruiting-cabinet-body--adaptation-chat .search-line {
  width: 100%;
}

.recruiting-cabinet--chat .search-line input {
  background: #ffffffcc;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  padding: 10px 65px 10px 19px;
  font-size: 16px;
  line-height: 20px;
  color: #010541;
  width: 583px;
}

.recruiting-cabinet-body--adaptation
  .recruiting-cabinet--chat
  .search-line
  input {
  width: 100%;
}

.recruiting-cabinet--chat .search-line input::placeholder {
  color: #010541;
  opacity: 0.6;
}

.recruiting-cabinet--chat .search-line > button {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  width: 26px;
  margin: auto;
}

.recruiting-cabinet--chat .search-line > button img {
  width: 100%;
}

.recruiting-cabinet--chat .search-line .chat-search-users {
  position: absolute;
  top: 100%;
  right: -32px;
  left: -26px;
  margin-top: 13px;
  background: white;
  z-index: 1;
  border-radius: 25px;
  padding: 30px;
  overflow: auto;
  max-height: 537px;
}

.recruiting-cabinet--chat
  .search-line
  .chat-search-users
  .checkbox-group:not(:first-child),
.event-search-users .checkbox-group:not(:first-child) {
  margin-top: 8px;
}

.recruiting-cabinet--chat
  .search-line
  .chat-search-users
  .checkbox-group
  input
  + label,
.event-search-users .checkbox-group input + label {
  padding-left: 42px;
  font-weight: 600;
  font-size: 18px;
  line-height: normal;
  word-break: break-all;
  word-break: break-word;
}

.event-search-users .checkbox-group input + label {
  color: #777777;
}

.recruiting-cabinet--chat
  .search-line
  .chat-search-users
  .checkbox-group
  input
  + label:before,
.event-search-users .checkbox-group input + label:before {
  top: 2px;
  bottom: auto;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  border-color: #6d95ac;
}

.recruiting-cabinet--chat
  .search-line
  .chat-search-users
  .checkbox-group
  input:checked
  + label:after,
.event-search-users .checkbox-group input:checked + label:after {
  top: 2px;
  bottom: auto;
  width: 21px;
  height: 21px;
  background-image: url("../images/adaptation/chat-check.png");
}

.recruiting-cabinet--chat
  .search-line
  .chat-search-users
  .checkbox-group
  input
  + label
  .dropdown-button,
.event-search-users .checkbox-group input + label .dropdown-button {
  position: absolute;
  top: 2px;
  margin-right: 11px;
  width: 22px;
  line-height: 1px;
}

.recruiting-cabinet--chat
  .search-line
  .chat-search-users
  .checkbox-group
  input
  + label
  .dropdown-button
  + span,
.event-search-users .checkbox-group input + label .dropdown-button + span {
  padding-left: 33px;
}

.recruiting-cabinet--chat
  .search-line
  .chat-search-users
  .checkbox-group.active
  input
  + label
  .dropdown-button,
.event-search-users .checkbox-group.active input + label .dropdown-button {
  transform: rotate(180deg);
}

.recruiting-cabinet--chat
  .search-line
  .chat-search-users
  .checkbox-group
  input
  + label
  .dropdown-button
  img,
.event-search-users .checkbox-group input + label .dropdown-button img {
  width: 100%;
}

.recruiting-cabinet--chat
  .search-line
  .chat-search-users
  .checkbox-group:not(.active)
  .checkbox-group,
.event-search-users .checkbox-group:not(.active) .checkbox-group {
  display: none;
}

.recruiting-cabinet--chat
  .search-line
  .chat-search-users
  .checkbox-group
  .checkbox-group,
.event-search-users .checkbox-group .checkbox-group {
  margin-top: 12px;
  padding-left: 42px;
}

.recruiting-cabinet--chat
  .search-line
  .chat-search-users
  .checkbox-group
  .checkbox-group
  input
  + label,
.event-search-users .checkbox-group .checkbox-group input + label {
  padding-left: 33px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.recruiting-cabinet--chat
  .search-line
  .chat-search-users
  .checkbox-group
  .checkbox-group
  input
  + label
  b,
.event-search-users .checkbox-group .checkbox-group input + label b {
  font-weight: 600;
}

.recruiting-cabinet--chat .search-line .chat-search-users .write-message,
.event-search-users .expand {
  margin-top: 17px;
  background: #6d95ac;
  border-radius: 14px;
  padding: 10px 30px 11px;
  font-size: 20px;
  line-height: 24px;
}

.recruiting-cabinet--chat .recruiting-cabinet-edit {
  position: static !important;
  margin-left: auto;
}

.recruiting-cabinet--chat .chat-block {
  display: -ms-flex;
  display: flex;
  /* padding-right: 13px; */
}

.recruiting-cabinet-body--adaptation .recruiting-cabinet--chat .chat-block {
  height: 100%;
}

.recruiting-cabinet-body--adaptation .recruiting-cabinet--chat .chat-block > div {
  height: 100%;
}

.recruiting-cabinet-body--adaptation .recruiting-cabinet--chat .chat-block .user-chats {
  overflow-y: auto;
}

.recruiting-cabinet-body--adaptation .recruiting-cabinet--chat .chat-block .chat-body {
  height: 100%;
}

.recruiting-cabinet--chat .chat-left {
  width: 545px;
  margin-right: 36px;
  flex-shrink: 0;
  height: 55vh;
  display: flex;
  flex-direction: column;
}

.recruiting-cabinet--chat .chat-left .chat-user {
  position: relative;
  border-radius: 25px;
  padding: 20px 67px 27px 113px;
  transition: 0.5s all;
}

.recruiting-cabinet--chat .chat-left .chat-user:not(.button-color--55) {
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(10px);
}

.recruiting-cabinet--chat .chat-left .chat-user.active {
  background: white;
}

.recruiting-cabinet--chat .chat-left .chat-user:not(:last-child) {
  margin-bottom: 5px;
}

.recruiting-cabinet--chat .chat-left .chat-user .chat-user-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 17px;
  margin: auto;
  width: 68px;
  height: 68px;
}

.recruiting-cabinet--chat
  .chat-left
  .chat-user:not(.active)
  .chat-user-image
  img:last-child {
  display: none;
}

.recruiting-cabinet--chat
  .chat-left
  .chat-user.active
  .chat-user-image
  img:first-child {
  display: none;
}

.recruiting-cabinet--chat .chat-left .chat-user .chat-user-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.recruiting-cabinet--chat .chat-left .chat-user .chat-user-name {
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
  user-select: none;
}

.recruiting-cabinet--chat .chat-left .chat-user.active .chat-user-name {
  color: #6d95ac;
}

.recruiting-cabinet--chat .chat-left .chat-user .chat-user-name.group input {
  border: none!important;
  background: transparent!important;
  padding: 0;
  user-select: text;
}

.recruiting-cabinet--chat .chat-left .chat-user .chat-user-name.group input:active {
  border: none!important;
  background: transparent!important;
}

.recruiting-cabinet--chat .chat-left .chat-user .chat-user-type {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #9b9b9b;
}

.recruiting-cabinet--chat .chat-left .chat-user .chat-user-date {
  position: absolute;
  right: 15px;
  bottom: 7px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #9b9b9b;
}

.recruiting-cabinet--chat .chat-right {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.recruiting-cabinet--chat .empty-chat {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 375px;
  height: 100%;
  background: rgba(255, 255, 255, 0.10);
  border-radius: 25px;
  font-size: 14px;
  line-height: 17px;
  color: #cfcfcf;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(10px);
}

.recruiting-cabinet--chat .empty-chat img {
  width: 157px;
  margin-top: -3px;
  margin-bottom: -5px;
}

.recruiting-cabinet--chat .empty-chat span span {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-decoration: underline;
}

@media (max-width: 1599.5px) {
  .recruiting-cabinet--chat .recruiting-cabinet--row {
    margin-bottom: 16px;
  }

  .recruiting-cabinet--chat .recruiting-chat-image {
    margin-right: 24px;
    width: 36px;
    height: 36px;
    padding: 3px;
    border-radius: 7px;
  }

  .recruiting-cabinet--chat .recruiting-cabinet-title {
    margin-right: 24px;
    padding-right: 16px;
    padding-left: 25px;
  }

  .recruiting-cabinet--chat .recruiting-cabinet-title .vacancy-arrow {
    margin-left: 9px;
  }


  .recruiting-cabinet--chat .search-line input {
    border-radius: 15px;
    padding: 7px 48px 7px 14px;
    font-size: 12px;
    line-height: 15px;
    width: 436px;
  }


  .recruiting-cabinet--chat .search-line > button {
    right: 15px;
    width: 19px;
  }

  .recruiting-cabinet--chat .search-line .chat-search-users {
    right: -24px;
    left: -19px;
    margin-top: 10px;
    border-radius: 18px;
    padding: 25px;
    max-height: 402px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group:not(:first-child),
  .event-search-users .checkbox-group:not(:first-child) {
    margin-top: 6px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input
    + label,
  .event-search-users .checkbox-group input + label {
    padding-left: 31px;
    font-size: 16px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input
    + label:before,
  .event-search-users .checkbox-group input + label:before {
    top: 1px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input:checked
    + label:after,
  .event-search-users .checkbox-group input:checked + label:after {
    top: 1px;
    width: 15px;
    height: 15px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input
    + label
    .dropdown-button,
  .event-search-users .checkbox-group input + label .dropdown-button {
    top: 1px;
    margin-right: 8px;
    width: 16px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input
    + label
    .dropdown-button
    + span,
  .event-search-users .checkbox-group input + label .dropdown-button + span {
    padding-left: 24px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    .checkbox-group,
  .event-search-users .checkbox-group .checkbox-group {
    margin-top: 9px;
    padding-left: 31px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    .checkbox-group
    input
    + label,
  .event-search-users .checkbox-group .checkbox-group input + label {
    padding-left: 24px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet--chat .search-line .chat-search-users .write-message,
  .event-search-users .expand {
    margin-top: 13px;
    border-radius: 12px;
    padding: 6px 18px;
    font-size: 14px;
  }

  .recruiting-cabinet--chat .chat-block {
    padding-right: 10px;
  }


  .recruiting-cabinet--chat .chat-left {
    width: 408px;
    margin-right: 27px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user {
    border-radius: 18px;
    padding: 15px 49px 19px 84px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user:not(:last-child) {
    margin-bottom: 4px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user .chat-user-image {
    left: 13px;
    width: 51px;
    height: 51px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user .chat-user-name {
    font-size: 15px;
    line-height: 18px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user .chat-user-type {
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user .chat-user-date {
    right: 11px;
    bottom: 5px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet--chat .empty-chat {
    min-height: 280px;
    border-radius: 18px;
    font-size: 12px;
    line-height: 15px;
  }

  .recruiting-cabinet--chat .empty-chat img {
    width: 117px;
    margin-top: -2px;
    margin-bottom: -4px;
  }

  .recruiting-cabinet--chat .empty-chat span span {
    font-size: 13px;
    line-height: 16px;
  }
}

@media (max-width: 1199.5px) {
  .recruiting-cabinet--chat .recruiting-cabinet--row {
    margin-bottom: 12px;
  }

  .recruiting-cabinet--chat .recruiting-chat-image {
    margin-right: 18px;
    width: 27px;
    height: 27px;
    padding: 2px;
    border-radius: 5px;
  }

  .recruiting-cabinet--chat .recruiting-cabinet-title {
    margin-right: 18px;
    padding-right: 12px;
    padding-left: 18px;
  }

  .recruiting-cabinet--chat .recruiting-cabinet-title .vacancy-arrow {
    margin-left: 7px;
  }


  .recruiting-cabinet--chat .search-line input {
    border-radius: 11px;
    padding: 5px 36px 5px 10px;
    width: 327px;
  }


  .recruiting-cabinet--chat .search-line > button {
    right: 11px;
    width: 14px;
  }

  .recruiting-cabinet--chat .search-line .chat-search-users {
    right: -18px;
    left: -14px;
    margin-top: 7px;
    border-radius: 13px;
    padding: 20px;
    max-height: 301px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group:not(:first-child),
  .event-search-users .checkbox-group:not(:first-child) {
    margin-top: 4px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input
    + label,
  .event-search-users .checkbox-group input + label {
    padding-left: 22px;
    font-size: 12px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input
    + label:before,
  .event-search-users .checkbox-group input + label:before {
    width: 12px;
    height: 12px;
    border-radius: 3px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input:checked
    + label:after,
  .event-search-users .checkbox-group input:checked + label:after {
    width: 11px;
    height: 11px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input
    + label
    .dropdown-button,
  .event-search-users .checkbox-group input + label .dropdown-button {
    margin-right: 6px;
    width: 12px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input
    + label
    .dropdown-button
    + span,
  .event-search-users .checkbox-group input + label .dropdown-button + span {
    padding-left: 18px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    .checkbox-group,
  .event-search-users .checkbox-group .checkbox-group {
    margin-top: 7px;
    padding-left: 22px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    .checkbox-group
    input
    + label,
  .event-search-users .checkbox-group .checkbox-group input + label {
    padding-left: 18px;
  }

  .recruiting-cabinet--chat .search-line .chat-search-users .write-message,
  .event-search-users .expand {
    margin-top: 10px;
    border-radius: 10px;
    padding: 2px 16px;
    font-size: 12px;
  }

  .recruiting-cabinet--chat .chat-block {
    padding-right: 7px;
  }


  .recruiting-cabinet--chat .chat-left {
    width: 306px;
    margin-right: 19px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user {
    border-radius: 13px;
    padding: 11px 36px 14px 63px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user:not(:last-child) {
    margin-bottom: 3px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user .chat-user-image {
    left: 10px;
    width: 37px;
    height: 37px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user .chat-user-name {
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user .chat-user-date {
    right: 8px;
    bottom: 4px;
  }

  .recruiting-cabinet--chat .empty-chat {
    min-height: 210px;
    border-radius: 13px;
  }

  .recruiting-cabinet--chat .empty-chat img {
    width: 87px;
    margin-top: -1px;
    margin-bottom: -3px;
  }

  .recruiting-cabinet--chat .empty-chat span span {
    font-size: 12px;
    line-height: 15px;
  }
}

@media (max-width: 991.5px) {
  .recruiting-cabinet--chat .recruiting-cabinet--row {
    margin-bottom: 9px;
  }

  .recruiting-cabinet--chat .recruiting-chat-image {
    margin-right: 13px;
    width: 19px;
    height: 19px;
    padding: 1px;
    border-radius: 4px;
  }

  .recruiting-cabinet--chat .recruiting-cabinet-title {
    margin-right: 13px;
    padding-right: 9px;
    padding-left: 13px;
  }

  .recruiting-cabinet--chat .recruiting-cabinet-title .vacancy-arrow {
    margin-left: 5px;
  }


  .recruiting-cabinet--chat .search-line input {
    border-radius: 8px;
    padding: 4px 27px 4px 7px;
    width: 244px;
  }


  .recruiting-cabinet--chat .search-line > button {
    right: 8px;
    width: 10px;
  }

  .recruiting-cabinet--chat .search-line .chat-search-users {
    right: -13px;
    left: -10px;
    margin-top: 5px;
    border-radius: 10px;
    padding: 15px;
    max-height: 225px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group:not(:first-child),
  .event-search-users .checkbox-group:not(:first-child) {
    margin-top: 3px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input
    + label
    .dropdown-button,
  .event-search-users .checkbox-group input + label .dropdown-button {
    margin-right: 4px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input
    + label
    .dropdown-button
    + span,
  .event-search-users .checkbox-group input + label .dropdown-button + span {
    padding-left: 16px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    .checkbox-group,
  .event-search-users .checkbox-group .checkbox-group {
    margin-top: 5px;
  }

  .recruiting-cabinet--chat .search-line .chat-search-users .write-message,
  .event-search-users .expand {
    margin-top: 7px;
    border-radius: 8px;
    padding: 0px 12px;
  }

  .recruiting-cabinet--chat .chat-block {
    padding-right: 5px;
  }


  .recruiting-cabinet--chat .chat-left {
    width: 229px;
    margin-right: 14px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user {
    border-radius: 10px;
    padding: 8px 27px 10px 46px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user:not(:last-child) {
    margin-bottom: 2px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user .chat-user-image {
    left: 7px;
    width: 27px;
    height: 27px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user .chat-user-date {
    right: 6px;
    bottom: 3px;
  }

  .recruiting-cabinet--chat .empty-chat {
    min-height: 157px;
    border-radius: 10px;
  }

  .recruiting-cabinet--chat .empty-chat img {
    width: 64px;
    margin-top: 0;
    margin-bottom: -2px;
  }
}

@media (max-width: 767.5px) {
  .recruiting-cabinet--chat .recruiting-cabinet--row {
    margin-bottom: 7px;
  }

  .recruiting-cabinet--chat .recruiting-chat-image {
    margin-right: 10px;
  }

  .recruiting-cabinet--chat .recruiting-cabinet-title {
    margin-right: 10px;
    padding-right: 7px;
    padding-left: 10px;
  }

  .recruiting-cabinet--chat .recruiting-cabinet-title .vacancy-arrow {
    margin-left: 4px;
  }


  .recruiting-cabinet--chat .search-line input {
    border-radius: 6px;
    padding: 3px 19px 3px 5px;
    width: 183px;
  }


  .recruiting-cabinet--chat .search-line > button {
    right: 6px;
  }

  .recruiting-cabinet--chat .search-line .chat-search-users {
    right: -10px;
    left: -7px;
    margin-top: 4px;
    border-radius: 7px;
    padding: 10px;
    max-height: 168px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group:not(:first-child),
  .event-search-users .checkbox-group:not(:first-child) {
    margin-top: 2px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input
    + label
    .dropdown-button,
  .event-search-users .checkbox-group input + label .dropdown-button {
    margin-right: 3px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    input
    + label
    .dropdown-button
    + span,
  .event-search-users .checkbox-group input + label .dropdown-button + span {
    padding-left: 15px;
  }

  .recruiting-cabinet--chat
    .search-line
    .chat-search-users
    .checkbox-group
    .checkbox-group,
  .event-search-users .checkbox-group .checkbox-group {
    margin-top: 4px;
  }

  .recruiting-cabinet--chat .search-line .chat-search-users .write-message,
  .event-search-users .expand {
    margin-top: 5px;
    border-radius: 7px;
    padding: 0px 9px;
    line-height: 20px;
  }

  .recruiting-cabinet--chat .chat-block {
    padding-right: 4px;
  }

  .recruiting-cabinet--chat .chat-left {
    width: 171px;
    margin-right: 10px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user {
    border-radius: 7px;
    padding: 6px 19px 7px 34px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user .chat-user-image {
    left: 5px;
    width: 19px;
    height: 19px;
  }

  .recruiting-cabinet--chat .chat-left .chat-user .chat-user-date {
    right: 4px;
    bottom: 2px;
  }

  .recruiting-cabinet--chat .empty-chat {
    min-height: 107px;
    border-radius: 7px;
  }

  .recruiting-cabinet--chat .empty-chat img {
    width: 48px;
    margin-bottom: -1px;
  }
}

@media (max-width: 575.5px) {
  .recruiting-cabinet--chat .recruiting-cabinet--row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .recruiting-cabinet--chat .search-line input {
    width: 136px;
  }

  .recruiting-cabinet-edit {
    margin-top: 7px;
  }

  .recruiting-cabinet--chat .chat-block {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .recruiting-cabinet--chat .chat-left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.recruiting-cabinet-container .test-block {
  max-width: 1086px;
  margin: 71px auto;
  background: #ffffff33;
  border-radius: 50px;
  padding: 51px 95px 41px;
}

.recruiting-cabinet-container .test-block .chapter {
  margin-bottom: 25px;
  padding: 16px 28px;
  border: 3px solid;
  border-radius: 20px;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
}

.recruiting-cabinet-container
  .test-block:not(.show-results)
  .question-block.active {
  display: none;
}

.recruiting-cabinet-container
  .test-block
  .question-block:not(.active)
  ~ .question-block {
  display: none;
}

.recruiting-cabinet-container
  .test-block.show-results
  .question-block:not(:last-child) {
  margin-bottom: 19px;
}

.recruiting-cabinet-container .test-block .question-title {
  position: relative;
  border-radius: 19px;
  margin-bottom: 19px;
  padding: 11px 44px;
  text-align: center;
  box-shadow: 0px 3.89px 3.89px 0px #00000040;
}

.recruiting-cabinet-container .test-block .question-title.success {
  background: #43a047;
}

.recruiting-cabinet-container .test-block .question-title.error {
  background: #bb5353;
  color: white;
}

.recruiting-cabinet-container .test-block .question-title:before {
  content: "";
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
  background: url("../images/question-arrow.png") center center no-repeat;
  background-size: contain;
  width: 18px;
}

.recruiting-cabinet-container .test-block .question-title:after {
  content: "";
  position: absolute;
  bottom: -19px;
  right: 0;
  left: 0;
  margin: auto;
  background: url("../images/question-under.png") center center no-repeat;
  background-size: contain;
  width: 106px;
  height: 20px;
}

.recruiting-cabinet-container .test-block .question-title.success:after {
  background-image: url("../images/recruiting_cabinet/question-under-success.png");
}

.recruiting-cabinet-container .test-block .question-title.error:after {
  background-image: url("../images/recruiting_cabinet/question-under-error.png");
}

.recruiting-cabinet-container .test-block .answers-block {
  background: white;
  border-radius: 24px;
  padding: 29px 31px 16px;
  margin-bottom: 11px;
}

.recruiting-cabinet-container .test-block .answers-block .form-group {
  margin-bottom: 17px;
}

.recruiting-cabinet-container .test-block .answers-block .form-group textarea {
  color: black;
  width: 100%;
  border: none;
  padding: 0;
}

.recruiting-cabinet-container
  .test-block
  .answers-block
  .form-group
  textarea.success {
  color: #43a047;
}

.recruiting-cabinet-container
  .test-block
  .answers-block
  .form-group
  textarea.error {
  color: #bb5353;
}

.recruiting-cabinet-container
  .test-block
  .answers-block
  .form-group
  input[type="checkbox"],
.recruiting-cabinet-container
  .test-block
  .answers-block
  .form-group
  input[type="radio"] {
  display: none;
}

.recruiting-cabinet-container
  .test-block
  .answers-block
  .form-group
  input
  + label {
  position: relative;
  margin-bottom: 0;
  padding-left: 40px;
}

.recruiting-cabinet-container
  .test-block
  .answers-block
  .form-group
  input.success
  + label {
  color: #43a047;
}

.recruiting-cabinet-container
  .test-block
  .answers-block
  .form-group
  input.error
  + label {
  color: #bb5353;
}

.recruiting-cabinet-container
  .test-block
  .answers-block
  .form-group
  input
  + label
  .before {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid;
  border-radius: 5px;
  width: 22px;
  height: 22px;
  background: transparent;
}

.recruiting-cabinet-container
  .test-block
  .answers-block
  .form-group
  input.success
  + label
  .before {
  border-color: #43a047;
}

.recruiting-cabinet-container
  .test-block
  .answers-block
  .form-group
  input.error
  + label
  .before {
  border-color: #bb5353;
}

.recruiting-cabinet-container
  .test-block
  .answers-block
  .form-group
  input:checked
  + label:after {
  content: "";
  display: block;
  background: url("../images/recruiting_cabinet/check.png") center center
    no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 21px;
  height: 21px;
}

.recruiting-cabinet-container .test-block .question-type {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 22px;
}

.recruiting-cabinet-container .test-block .buttons {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-cabinet-container .test-block .buttons button {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  background: #cfcfcf26;
  box-shadow: 0 2.31px 2.31px 0 #00000040;
  backdrop-filter: blur(15px);
  border-radius: 32px;
  border: 1px solid;
  padding: 13px 13px 14px;
  width: 170px;
  font-size: 12px;
  line-height: 15px;
}

.recruiting-cabinet-container .test-block .buttons button:not(:last-child) {
  margin-right: 17px;
}

.recruiting-cabinet-container .test-block .buttons button span {
  position: relative;
}

.recruiting-cabinet-container .test-block .buttons button .vacancy-arrow {
  position: absolute;
  top: -3px;
  right: -12px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-cabinet-container .test-block .buttons button .vacancy-arrow img {
  width: 5px;
}

.recruiting-cabinet-container .test-block.show-results .question-type,
.recruiting-cabinet-container .test-block.show-results .buttons {
  display: none;
}

#testResults .modal-dialog {
  max-width: 584px;
}

#testResults .modal-content {
  border-radius: 27px;
  background: url("../images/recruiting_cabinet/modal-test-back.png") center
    center no-repeat;
  background-size: cover;
  box-shadow: 0px 4.92px 18.44px 0px #00000080;
}

#testResults .btn-close {
  top: 17px;
  right: 18px;
  background: url("../images/recruiting_resume/modal-resume-close.png") center
    center no-repeat;
  background-size: contain;
  width: 17px;
  height: 17px;
}

#testResults .modal-body {
  padding: 23px 23px 27px;
  text-align: center;
}

#testResults .modal-body .title {
  font-size: 19px;
  line-height: 23px;
  margin-bottom: 8px;
  text-shadow: 0px 4.92px 4.92px #00000040;
}

#testResults .modal-body .count {
  font-weight: 500;
  font-size: 39px;
  line-height: 48px;
  margin-bottom: 21px;
  text-shadow: 0px 4.92px 4.92px #00000040;
}

#testResults .modal-body .buttons {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

#testResults .modal-body .buttons > * {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #cfcfcf26;
  box-shadow: 0px 2.31px 2.31px 0px #00000040;
  backdrop-filter: blur(15px);
  border-radius: 32px;
  padding: 10px 37px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-decoration: none !important;
}

#testResults .modal-body .buttons > * span {
  position: relative;
}

#testResults .modal-body .buttons > * .vacancy-arrow {
  margin-top: -3px;
  margin-left: 3px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#testResults .modal-body .buttons > * span .vacancy-arrow {
  position: absolute;
  top: -3px;
  right: -12px;
  margin: auto;
}

#testResults .modal-body .buttons > * .vacancy-arrow img {
  width: 5px;
}

#testResults .modal-body .buttons > *:first-child {
  margin-right: 21px;
  padding: 10px 14px 10px 17px;
}

@media (max-width: 1599.5px) {
  .recruiting-cabinet-container .test-block {
    max-width: 814px;
    margin: 52px auto;
    border-radius: 37px;
    padding: 37px 70px 30px;
  }

  .recruiting-cabinet-container .test-block .chapter {
    margin-bottom: 18px;
    padding: 12px 21px;
    border: 2px solid;
    border-radius: 15px;
    font-size: 16px;
    line-height: 19px;
  }

  .recruiting-cabinet-container
    .test-block.show-results
    .question-block:not(:last-child) {
    margin-bottom: 14px;
  }

  .recruiting-cabinet-container .test-block .question-title {
    border-radius: 14px;
    margin-bottom: 14px;
    padding: 8px 33px;
    box-shadow: 0px 2.91px 2.91px 0px #00000040;
  }

  .recruiting-cabinet-container .test-block .question-title:before {
    right: 12px;
    width: 13px;
  }

  .recruiting-cabinet-container .test-block .question-title:after {
    bottom: -14px;
    width: 79px;
    height: 15px;
  }

  .recruiting-cabinet-container .test-block .answers-block {
    border-radius: 18px;
    padding: 21px 22px 12px;
    margin-bottom: 8px;
  }

  .recruiting-cabinet-container .test-block .answers-block .form-group {
    margin-bottom: 13px;
  }

  .recruiting-cabinet-container
    .test-block
    .answers-block
    .form-group
    input
    + label {
    padding-left: 30px;
  }

  .recruiting-cabinet-container
    .test-block
    .answers-block
    .form-group
    input
    + label
    .before {
    border-radius: 4px;
    width: 16px;
    height: 16px;
  }

  .recruiting-cabinet-container
    .test-block
    .answers-block
    .form-group
    input:checked
    + label:after {
    width: 15px;
    height: 15px;
  }

  .recruiting-cabinet-container .test-block .question-type {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 16px;
  }

  .recruiting-cabinet-container .test-block .buttons button {
    box-shadow: 0 1.72px 1.72px 0 #00000040;
    border-radius: 24px;
    padding: 10px;
    width: 127px;
    font-size: 9px;
    line-height: 11px;
  }

  .recruiting-cabinet-container .test-block .buttons button:not(:last-child) {
    margin-right: 13px;
  }

  .recruiting-cabinet-container .test-block .buttons button .vacancy-arrow {
    top: -2px;
    right: -9px;
    width: 7px;
    height: 7px;
  }

  .recruiting-cabinet-container .test-block .buttons button .vacancy-arrow img {
    width: 4px;
  }

  #testResults .modal-dialog {
    max-width: 438px;
  }

  #testResults .modal-content {
    border-radius: 19px;
    box-shadow: 0 3.69px 13.83px 0 #00000080;
  }

  #testResults .btn-close {
    top: 13px;
    right: 13px;
    width: 13px;
    height: 13px;
  }

  #testResults .modal-body {
    padding: 16px 16px 19px;
  }

  #testResults .modal-body .title {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 6px;
    text-shadow: 0 3.69px 3.69px #00000040;
  }

  #testResults .modal-body .count {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 15px;
    text-shadow: 0 3.69px 3.69px #00000040;
  }

  #testResults .modal-body .buttons > * {
    box-shadow: 0 1.72px 1.72px 0 #00000040;
    border-radius: 24px;
    padding: 7px 27px;
    font-size: 9px;
    line-height: 11px;
  }

  #testResults .modal-body .buttons > * .vacancy-arrow {
    margin-top: -2px;
    margin-left: 2px;
    width: 7px;
    height: 7px;
  }

  #testResults .modal-body .buttons > * span .vacancy-arrow {
    top: -2px;
    right: -9px;
  }

  #testResults .modal-body .buttons > * .vacancy-arrow img {
    width: 4px;
  }

  #testResults .modal-body .buttons > *:first-child {
    margin-right: 15px;
    padding: 7px 10px 7px 13px;
  }
}

@media (max-width: 1199.5px) {
  .recruiting-cabinet-container .test-block {
    max-width: 610px;
    margin: 39px auto;
    border-radius: 27px;
    padding: 27px 52px 22px;
  }

  .recruiting-cabinet-container .test-block .chapter {
    margin-bottom: 13px;
    padding: 9px 15px;
    border: 1px solid;
    border-radius: 11px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-cabinet-container
    .test-block.show-results
    .question-block:not(:last-child) {
    margin-bottom: 10px;
  }

  .recruiting-cabinet-container .test-block .question-title {
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 6px 24px;
    box-shadow: 0px 2.17px 2.17px 0px #00000040;
  }

  .recruiting-cabinet-container .test-block .question-title:before {
    right: 9px;
    width: 10px;
  }

  .recruiting-cabinet-container .test-block .question-title:after {
    bottom: -10px;
    width: 58px;
    height: 11px;
  }

  .recruiting-cabinet-container .test-block .answers-block {
    border-radius: 13px;
    padding: 15px 16px 9px;
    margin-bottom: 6px;
  }

  .recruiting-cabinet-container .test-block .answers-block .form-group {
    margin-bottom: 10px;
  }

  .recruiting-cabinet-container
    .test-block
    .answers-block
    .form-group
    input
    + label {
    padding-left: 22px;
  }

  .recruiting-cabinet-container
    .test-block
    .answers-block
    .form-group
    input
    + label
    .before {
    border-radius: 3px;
    width: 12px;
    height: 12px;
  }

  .recruiting-cabinet-container
    .test-block
    .answers-block
    .form-group
    input:checked
    + label:after {
    width: 11px;
    height: 11px;
  }

  .recruiting-cabinet-container .test-block .question-type {
    margin-bottom: 12px;
  }

  .recruiting-cabinet-container .test-block .buttons button {
    box-shadow: 0 1.29px 1.29px 0 #00000040;
    border-radius: 18px;
    padding: 7px;
    width: 94px;
  }

  .recruiting-cabinet-container .test-block .buttons button:not(:last-child) {
    margin-right: 10px;
  }

  .recruiting-cabinet-container .test-block .buttons button .vacancy-arrow {
    top: -1px;
  }

  #testResults .modal-dialog {
    max-width: 328px;
  }

  #testResults .modal-content {
    border-radius: 14px;
    box-shadow: 0 2.76px 10.36px 0 #00000080;
  }

  #testResults .btn-close {
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
  }

  #testResults .modal-body {
    padding: 12px 12px 14px;
  }

  #testResults .modal-body .title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 4px;
    text-shadow: 0 2.76px 2.76px #00000040;
  }

  #testResults .modal-body .count {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 11px;
    text-shadow: 0 2.76px 2.76px #00000040;
  }

  #testResults .modal-body .buttons {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }

  #testResults .modal-body .buttons > * {
    box-shadow: 0 1.29px 1.29px 0 #00000040;
    border-radius: 18px;
    padding: 5px 19px;
  }

  #testResults .modal-body .buttons > * .vacancy-arrow {
    margin-top: -1px;
  }

  #testResults .modal-body .buttons > * span .vacancy-arrow {
    top: -1px;
  }

  #testResults .modal-body .buttons > *:first-child {
    margin-right: 0;
    margin-bottom: 11px;
    padding: 5px 7px 5px 10px;
  }
}

@media (max-width: 991.5px) {
  .recruiting-cabinet-container .test-block {
    max-width: 457px;
    margin: 28px auto;
    border-radius: 19px;
    padding: 19px 39px 16px;
  }

  .recruiting-cabinet-container .test-block .chapter {
    margin-bottom: 10px;
    padding: 7px 11px;
    border-radius: 8px;
  }

  .recruiting-cabinet-container
    .test-block.show-results
    .question-block:not(:last-child) {
    margin-bottom: 7px;
  }

  .recruiting-cabinet-container .test-block .question-title {
    border-radius: 7px;
    margin-bottom: 7px;
    padding: 4px 18px;
    box-shadow: 0px 1.62px 1.62px 0px #00000040;
  }

  .recruiting-cabinet-container .test-block .question-title:before {
    right: 7px;
    width: 7px;
  }

  .recruiting-cabinet-container .test-block .question-title:after {
    bottom: -7px;
    width: 43px;
    height: 8px;
  }

  .recruiting-cabinet-container .test-block .answers-block {
    border-radius: 10px;
    padding: 11px 12px 7px;
    margin-bottom: 4px;
  }

  .recruiting-cabinet-container .test-block .answers-block .form-group {
    margin-bottom: 7px;
  }

  .recruiting-cabinet-container .test-block .question-type {
    margin-bottom: 9px;
  }

  .recruiting-cabinet-container .test-block .buttons button {
    box-shadow: 0 0.96px 0.96px 0 #00000040;
    border-radius: 13px;
    padding: 5px;
  }

  .recruiting-cabinet-container .test-block .buttons button:not(:last-child) {
    margin-right: 7px;
  }

  #testResults .modal-dialog {
    max-width: 246px;
  }

  #testResults .modal-content {
    border-radius: 10px;
    box-shadow: 0 2.07px 7.77px 0 #00000080;
  }

  #testResults .btn-close {
    top: 7px;
    right: 7px;
  }

  #testResults .modal-body {
    padding: 9px 9px 10px;
  }

  #testResults .modal-body .title {
    margin-bottom: 3px;
    text-shadow: 0 2.07px 2.07px #00000040;
  }

  #testResults .modal-body .count {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 8px;
    text-shadow: 0 2.07px 2.07px #00000040;
  }

  #testResults .modal-body .buttons > * {
    box-shadow: 0 0.96px 0.96px 0 #00000040;
    border-radius: 13px;
    padding: 4px 14px;
  }

  #testResults .modal-body .buttons > *:first-child {
    margin-bottom: 8px;
    padding: 4px 5px 4px 7px;
  }
}

@media (max-width: 767.5px) {
  .recruiting-cabinet-container .test-block {
    max-width: 342px;
    margin: 21px auto;
    border-radius: 14px;
    padding: 14px 28px 12px;
  }

  .recruiting-cabinet-container .test-block .chapter {
    margin-bottom: 7px;
    padding: 5px 8px;
    border-radius: 6px;
  }

  .recruiting-cabinet-container
    .test-block.show-results
    .question-block:not(:last-child) {
    margin-bottom: 5px;
  }

  .recruiting-cabinet-container .test-block .question-title {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 3px 13px;
    box-shadow: 0px 1.21px 1.21px 0px #00000040;
  }

  .recruiting-cabinet-container .test-block .question-title:before {
    right: 5px;
  }

  .recruiting-cabinet-container .test-block .question-title:after {
    bottom: -5px;
    width: 31px;
    height: 6px;
  }

  .recruiting-cabinet-container .test-block .answers-block {
    border-radius: 7px;
    padding: 8px 9px 5px;
    margin-bottom: 3px;
  }

  .recruiting-cabinet-container .test-block .answers-block .form-group {
    margin-bottom: 5px;
  }

  .recruiting-cabinet-container .test-block .question-type {
    margin-bottom: 7px;
  }

  .recruiting-cabinet-container .test-block .buttons button {
    box-shadow: 0 0.72px 0.72px 0 #00000040;
    border-radius: 10px;
    padding: 4px;
  }

  .recruiting-cabinet-container .test-block .buttons button:not(:last-child) {
    margin-right: 5px;
  }

  #testResults .modal-dialog {
    max-width: 184px;
  }

  #testResults .modal-content {
    border-radius: 7px;
    box-shadow: 0 1.54px 5.82px 0 #00000080;
  }

  #testResults .btn-close {
    top: 5px;
    right: 5px;
  }

  #testResults .modal-body {
    padding: 7px;
  }

  #testResults .modal-body .title {
    margin-bottom: 2px;
    text-shadow: 0 1.54px 1.54px #00000040;
  }

  #testResults .modal-body .count {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 6px;
    text-shadow: 0 1.54px 1.54px #00000040;
  }

  #testResults .modal-body .buttons > * {
    box-shadow: 0 0.72px 0.72px 0 #00000040;
    border-radius: 10px;
    padding: 3px 10px;
  }

  #testResults .modal-body .buttons > *:first-child {
    margin-bottom: 6px;
    padding: 3px 4px 3px 5px;
  }
}

@media (max-width: 575.5px) {
  .recruiting-cabinet-container .test-block {
    max-width: 256px;
    margin: 21px auto;
    border-radius: 14px;
    padding: 14px 28px 12px;
  }
}

#modalInterview .modal-dialog.base-modal-dialog {
  max-width: 1030px;
}

#modalInterview .base-modal-dialog .modal-content {
  background: #00000080;
  backdrop-filter: blur(12px);
  border-radius: 25px;
  padding: 26px 45px 35px 58px;
}

#modalInterview .base-modal-dialog .btn-close {
  top: 16px;
  right: 16px;
  background: url("../images/recruiting_resume/modal-resume-close.png") center
    center no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
}

#modalInterview .title {
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
  margin-bottom: 33px;
}

#modalInterview .title span {
  position: relative;
}

#modalInterview .title .vacancy-arrow {
  position: absolute;
  top: -6px;
  right: -28px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#modalInterview .title .vacancy-arrow img {
  width: 12px;
}

#modalInterview .base-modal-dialog .modal-body {
  padding: 0;
  display: -ms-flex;
  display: flex;
}

#modalInterview .modal-left {
  width: 186px;
  margin-right: 51px;
  flex-shrink: 0;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}

#modalInterview .modal-left .calendar {
  background: white;
  border-radius: 10px;
  padding: 12px 0 7px;
  color: black;
}

#modalInterview .modal-left .choose-month {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 13px;
  padding: 0 8px 0 15px;
  font-weight: 600;
  font-size: 9px;
  line-height: 11px;
  text-transform: uppercase;
}

#modalInterview .modal-left .choose-month button {
  width: 15px;
}

#modalInterview .modal-left .choose-month button:not(:last-child) {
  margin-right: 8px;
}

#modalInterview .modal-left .choose-month button img {
  width: 100%;
}

#modalInterview .modal-left .calendar-table {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 8px;
  word-break: break-all;
  word-break: break-word;
  margin-right: 7px;
  margin-left: 11px;
}

#modalInterview .modal-left .calendar-table .line {
  position: absolute;
  top: 15px;
  right: -7px;
  left: -11px;
  border-bottom: 1px solid;
}

#modalInterview .modal-left .calendar-table .head {
  text-align: center;
  font-size: 9px;
  line-height: 11px;
}

#modalInterview .modal-left .calendar-table .short-month {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  padding-left: 3px;
  grid-column: span 2;
  white-space: nowrap;
  text-transform: uppercase;
  color: #848484;
}

#modalInterview .modal-left .calendar-table .button-color {
  color: white;
}

#modalInterview .modal-left .calendar-table > *:not(.head):not(.line) {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  font-weight: 400;
  font-size: 9px;
  line-height: 11px;
  border-radius: 50%;
  text-decoration: none !important;
}

#modalInterview .modal-left .calendar-table > *:not(.head):nth-child(7n + 6),
#modalInterview .modal-left .calendar-table > *:not(.head):nth-child(7n + 7) {
  color: #9f9f9f;
}

#modalInterview .modal-left label {
  margin-bottom: 5px;
  font-size: 14px;
  line-height: 17px;
  color: #cfcfcf;
}

#modalInterview .modal-left > div:not(:last-child) {
  margin-bottom: 10px;
}

#modalInterview .modal-right {
  width: 100%;
}

#modalInterview .interview-offline-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 24px;
  margin-bottom: 15px;
}

#modalInterview .interview-offline-grid img {
  width: 31px;
}

#modalInterview label {
  width: 100%;
  margin-bottom: 12px;
}

#modalInterview .question-label {
  margin-top: 28px;
  margin-bottom: 16px;
}

#modalInterview .question-block {
  margin-bottom: 10px;
}

#modalInterview .question-block label {
  margin-left: 17px;
}

#modalInterview .question-field {
  background: white;
  border: 1px solid;
  border-radius: 20px;
  padding: 10px 24px;
  font-weight: 500;
}

#modalInterview .question-block + label {
  margin-top: 8px;
}

#modalInterview textarea {
  width: 100%;
  height: 104px;
  resize: none;
  border-radius: 20px;
  padding: 9px 19px;
  font-size: 20px;
  line-height: 24px;
}

#modalInterview .buttons {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 24px -1px 0 -3px;
}

#modalInterview .buttons > button {
  background: #ffffff26;
  border-radius: 62px;
  width: 217px;
  padding: 14px;
  font-weight: 500;
  text-align: center;
}

#modalInterview .buttons > button span {
  position: relative;
}

#modalInterview .buttons > button .vacancy-arrow {
  position: absolute;
  top: -6px;
  right: -21px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#modalInterview .buttons > button .vacancy-arrow img {
  width: 9px;
}

#modalInterview .interview-date-modal .modal-top {
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1599.5px) {
  #modalInterview .modal-dialog.base-modal-dialog {
    max-width: 901px;
  }

  #modalInterview .base-modal-dialog .modal-content {
    border-radius: 18px;
    padding: 19px 33px 25px 43px;
  }

  #modalInterview .base-modal-dialog .btn-close {
    top: 12px;
    right: 12px;
    width: 11px;
    height: 11px;
  }

  #modalInterview .title {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 24px;
  }

  #modalInterview .title .vacancy-arrow {
    top: -4px;
    right: -21px;
    width: 14px;
    height: 14px;
  }

  #modalInterview .title .vacancy-arrow img {
    width: 9px;
  }

  #modalInterview .modal-left {
    margin-right: 37px;
    font-size: 15px;
    line-height: 18px;
  }

  #modalInterview .modal-left label {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 15px;
  }

  #modalInterview .modal-left > div:not(:last-child) {
    margin-bottom: 7px;
  }

  #modalInterview .interview-offline-grid {
    grid-gap: 18px;
    margin-bottom: 11px;
  }

  #modalInterview .interview-offline-grid img {
    width: 22px;
  }

  #modalInterview label {
    margin-bottom: 9px;
  }

  #modalInterview .question-label {
    margin-top: 21px;
    margin-bottom: 12px;
  }

  #modalInterview .question-block {
    margin-bottom: 7px;
  }

  #modalInterview .question-block label {
    margin-left: 13px;
  }

  #modalInterview .question-field {
    border-radius: 15px;
    padding: 7px 18px;
  }

  #modalInterview .question-block + label {
    margin-top: 6px;
  }

  #modalInterview textarea {
    height: 78px;
    border-radius: 15px;
    padding: 7px 14px;
    font-size: 15px;
    line-height: 18px;
  }

  #modalInterview .buttons {
    margin: 18px 0 0 -2px;
  }

  #modalInterview .buttons > button {
    border-radius: 46px;
    width: 162px;
    padding: 10px;
  }

  #modalInterview .buttons > button .vacancy-arrow {
    top: -4px;
    right: -15px;
    width: 12px;
    height: 12px;
  }

  #modalInterview .buttons > button .vacancy-arrow img {
    width: 7px;
  }
}

@media (max-width: 1199.5px) {
  #modalInterview .modal-dialog.base-modal-dialog {
    max-width: 788px;
  }

  #modalInterview .base-modal-dialog .modal-content {
    border-radius: 13px;
    padding: 14px 24px 18px 31px;
  }

  #modalInterview .base-modal-dialog .btn-close {
    top: 9px;
    right: 9px;
    width: 8px;
    height: 8px;
  }

  #modalInterview .title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 18px;
  }

  #modalInterview .title .vacancy-arrow {
    top: -3px;
    right: -15px;
    width: 10px;
    height: 10px;
  }

  #modalInterview .title .vacancy-arrow img {
    width: 7px;
  }

  #modalInterview .modal-left {
    margin-right: 27px;
    font-size: 12px;
    line-height: 14px;
  }

  #modalInterview .modal-left label {
    margin-bottom: 3px;
  }

  #modalInterview .modal-left > div:not(:last-child) {
    margin-bottom: 5px;
  }

  #modalInterview .interview-offline-grid {
    grid-gap: 13px;
    margin-bottom: 8px;
  }

  #modalInterview .interview-offline-grid img {
    width: 16px;
  }

  #modalInterview label {
    margin-bottom: 7px;
  }

  #modalInterview .question-label {
    margin-top: 15px;
    margin-bottom: 9px;
  }

  #modalInterview .question-block {
    margin-bottom: 5px;
  }

  #modalInterview .question-block label {
    margin-left: 10px;
  }

  #modalInterview .question-field {
    border-radius: 11px;
    padding: 5px 13px;
  }

  #modalInterview .question-block + label {
    margin-top: 4px;
  }

  #modalInterview textarea {
    height: 58px;
    border-radius: 11px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 15px;
  }

  #modalInterview .buttons {
    margin: 13px 0 0 -1px;
  }

  #modalInterview .buttons > button {
    border-radius: 34px;
    width: 141px;
    padding: 7px;
  }

  #modalInterview .buttons > button .vacancy-arrow {
    top: -3px;
    right: -11px;
    width: 9px;
    height: 9px;
  }

  #modalInterview .buttons > button .vacancy-arrow img {
    width: 5px;
  }
}

@media (max-width: 991.5px) {
  #modalInterview .modal-dialog.base-modal-dialog {
    max-width: 591px;
  }

  #modalInterview .base-modal-dialog .modal-content {
    border-radius: 10px;
    padding: 10px 18px 13px 22px;
  }

  #modalInterview .base-modal-dialog .btn-close {
    top: 7px;
    right: 7px;
  }

  #modalInterview .title {
    margin-bottom: 13px;
  }

  #modalInterview .title .vacancy-arrow {
    top: -2px;
    right: -11px;
    width: 7px;
    height: 7px;
  }

  #modalInterview .title .vacancy-arrow img {
    width: 5px;
  }

  #modalInterview .base-modal-dialog .modal-body {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }

  #modalInterview .modal-left {
    margin-right: 0;
    margin-bottom: 13px;
  }

  #modalInterview .modal-left label {
    margin-bottom: 2px;
  }

  #modalInterview .modal-left > div:not(:last-child) {
    margin-bottom: 4px;
  }

  #modalInterview .interview-offline-grid {
    grid-gap: 10px;
    margin-bottom: 6px;
  }

  #modalInterview .interview-offline-grid img {
    width: 12px;
  }

  #modalInterview label {
    margin-bottom: 5px;
  }

  #modalInterview .question-label {
    margin-top: 11px;
    margin-bottom: 7px;
  }

  #modalInterview .question-block {
    margin-bottom: 4px;
  }

  #modalInterview .question-block label {
    margin-left: 7px;
  }

  #modalInterview .question-field {
    border-radius: 8px;
    padding: 4px 10px;
  }

  #modalInterview .question-block + label {
    margin-top: 3px;
  }

  #modalInterview textarea {
    height: 43px;
    border-radius: 8px;
    padding: 4px 7px;
  }

  #modalInterview .buttons {
    margin: 10px 0 0 0;
  }

  #modalInterview .buttons > button {
    border-radius: 25px;
    padding: 5px;
  }

  #modalInterview .buttons > button .vacancy-arrow {
    top: -2px;
  }
}

@media (max-width: 767.5px) {
  #modalInterview .modal-dialog.base-modal-dialog {
    max-width: 484px;
  }

  #modalInterview .base-modal-dialog .modal-content {
    border-radius: 7px;
    padding: 7px 13px 10px 16px;
  }

  #modalInterview .base-modal-dialog .btn-close {
    top: 5px;
    right: 5px;
  }

  #modalInterview .title {
    margin-bottom: 10px;
  }

  #modalInterview .title .vacancy-arrow {
    top: -1px;
  }

  #modalInterview .modal-left {
    margin-bottom: 14px;
  }

  #modalInterview .modal-left > div:not(:last-child) {
    margin-bottom: 3px;
  }

  #modalInterview .interview-offline-grid {
    grid-gap: 7px;
    margin-bottom: 4px;
  }

  #modalInterview label {
    margin-bottom: 4px;
  }

  #modalInterview .question-label {
    margin-top: 8px;
    margin-bottom: 5px;
  }

  #modalInterview .question-block {
    margin-bottom: 3px;
  }

  #modalInterview .question-block label {
    margin-left: 5px;
  }

  #modalInterview .question-field {
    border-radius: 6px;
    padding: 3px 7px;
  }

  #modalInterview .question-block + label {
    margin-top: 2px;
  }

  #modalInterview textarea {
    height: 31px;
    border-radius: 6px;
    padding: 3px 5px;
  }

  #modalInterview .buttons {
    margin-top: 7px;
  }

  #modalInterview .buttons > button {
    border-radius: 18px;
    padding: 4px;
  }

  #modalInterview .buttons > button .vacancy-arrow {
    top: -1px;
  }
}

@media (max-width: 575.5px) {
  #modalInterview .modal-dialog.base-modal-dialog {
    max-width: 283px;
  }

  #modalInterview .interview-offline-grid {
    grid-template-columns: 1fr;
  }

  #modalInterview .buttons {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }

  #modalInterview .buttons > * {
    margin-bottom: 8px;
  }
}

.modal-chat .modal-dialog {
  max-width: 953px;
}

.modal-chat .modal-content {
  background: url("../images/recruiting_resume/background.png") center center
    no-repeat;
  background-size: cover;
  border-radius: 60px;
}

.modal-chat .modal-content .btn-close {
  top: 39px;
  right: 37px;
  background: url("../images/close.png") center center no-repeat;
  background-size: cover;
  width: 24px;
  height: 24px;
}

.modal-chat .modal-body {
  padding: 36px 43px 37px 44px;
}

.modal-chat .title {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.modal-chat .title span {
  position: relative;
}

.modal-chat .title .title-arrow {
  position: absolute;
  top: -4px;
  right: -39px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-chat .title .title-arrow img {
  width: 12px;
}

.modal-chat .chat-user {
  position: relative;
  margin-bottom: 22px;
  border-radius: 25px;
  padding: 20px 113px 27px;
  font-weight: 500;
  transition: 0.5s all;
}

.modal-chat .chat-user:not(.button-color--55) {
  background: #d9d9d926;
}

.modal-chat .chat-user .chat-user-image {
  position: absolute;
  top: 24px;
  left: 23px;
  width: 56px;
  height: 56px;
}

.modal-chat .chat-user .chat-user-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.modal-chat .chat-user .chat-user-name {
  font-size: 21px;
  line-height: 25px;
}

.modal-chat .chat-user .chat-user-type {
  font-size: 15px;
  line-height: 18px;
  color: #9b9b9b;
}

.chat-body {
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.14);
  /* border-radius: 0 0 0.73vw 0.73vw; */
  backdrop-filter: blur(10px);
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 437px;
  padding: 20px;
  overflow: auto;
}

.modal-chat .chat-body {
  height: 310px;
}

.modal-chat .chat-body > img {
  margin: auto;
  width: 170px;
  height: 170px;
}

.chat-body > div {
  border-radius: 0.8vw!important;
  padding: 0.52vw 0.78vw!important;
  max-width: 40%;
  align-self: end;
  transition: 0.5s all;
  font-family: Montserrat;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0;
  font-size: 0.73vw;
  background: #6D95AC;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  row-gap: 0.26vw;
}
.chat-body .chat-message-image img {
  max-width: 13.5vw;
  max-height: 13.5vw;
}

.chat-body .chat-date-separator {
  text-align: center;
  width: 100%;
  background: no-repeat;
  max-width: unset;
  font-size: 0.68vw;
}

.chat-message-time {
  font-size: 0.625vw;
  opacity: .6;
  margin-top: 0.2vw;
  text-align: right;
}



.chat-body > div.new {
  transition: 3s all;
}

.chat-body > div.button-color--55 {
  position: relative;
}

.chat-body > div.button-color--55::before {
  position: absolute;
  content: '';
  width: 0.365vw;
  height:  0.365vw;
  background: white;
  border-radius: 50%;
  right: -0.573vw;
  top: 0.78vw;
}

.chat-message {
  position: relative;
}

.chat-message-time {
  font-size: 12px;
  opacity: .6;
  text-align: right;
  margin-top: -5px;
  margin-right: -5px;
  padding-left: 10px;
}

.chat-empty-text {
    text-align: center;
    color: #999;
    margin: auto;
    font-size: 0.73vw;
    background: transparent!important;
    width: 100%;
    max-width: unset!important;
    font-family: Montserrat;
    font-weight: 400;
    font-style: Regular;
    color: #CFCFCF!important;
}

.chat-empty-text img {
    display: block;
    margin: 0.625vw auto 0;
    opacity: 0.6;
    max-width: 6.25vw;
}


.chat-body > div:not(:last-child) {
  margin-bottom: 8px;
}

.chat-body > div.left {
  align-self: start;
  background: #F1F0F0;
  color: #585858;
}

.chat-input-group {
  position: relative;
}

.chat-input-group [type="file"] {
  display: none;
}

.chat-input-group .add-file {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  width: 38px;
  height: 38px;
  margin: auto;
}

.chat-input-group .add-file img {
  width: 100%;
}

.chat-input-group .chat-input {
  width: 100%;
  border-radius: 0 0 0.73vw 0.73vw;
  background: white;
  border: none;
  padding: 17px 17px 17px 63px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: black;
  resize: none;
  outline: none !important;
}


.recruiting-cabinet-body--adaptation-chat .chat-input-group  {
  height: 52px;
}

.chat-input-group .chat-input::placeholder {
  color: #9b9b9b;
}

@media (max-width: 1599.5px) {
  .modal-chat .modal-dialog {
    max-width: 714px;
  }

  .modal-chat .modal-content {
    border-radius: 45px;
  }

  .modal-chat .modal-content .btn-close {
    top: 28px;
    right: 27px;
    width: 18px;
    height: 18px;
  }

  .modal-chat .modal-body {
    padding: 27px 31px 27px 33px;
  }

  .modal-chat .title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px;
  }

  .modal-chat .title .title-arrow {
    top: -3px;
    right: -28px;
    width: 14px;
    height: 14px;
  }

  .modal-chat .title .title-arrow img {
    width: 9px;
  }

  .modal-chat .chat-user {
    margin-bottom: 16px;
    border-radius: 18px;
    padding: 15px 84px 19px;
  }

  .modal-chat .chat-user .chat-user-image {
    top: 18px;
    left: 26px;
    width: 42px;
    height: 42px;
  }

  .modal-chat .chat-user .chat-user-name {
    font-size: 15px;
    line-height: 18px;
  }

  .modal-chat .chat-user .chat-user-type {
    font-size: 12px;
    line-height: 14px;
  }

  .chat-body {
    height: 327px;
    padding: 15px;
  }

  .modal-chat .chat-body {
    height: 232px;
  }

  .modal-chat .chat-body > img {
    width: 127px;
    height: 127px;
  }

  .chat-body > div {
    border-radius: 7px;
    padding: 6px;

  }

  .chat-body > div:not(:last-child) {
    margin-bottom: 6px;
  }

  .chat-input-group .add-file {
    left: 12px;
    width: 28px;
    height: 28px;
  }

  .chat-input-group .chat-input {
    /* border-radius: 18px; */
    padding: 13px 13px 13px 46px;
    font-size: 12px;
    line-height: 14px;
  }
}

@media (max-width: 1199.5px) {
  .modal-chat .modal-dialog {
    max-width: 535px;
  }

  .modal-chat .modal-content {
    border-radius: 33px;
  }

  .modal-chat .modal-content .btn-close {
    top: 21px;
    right: 19px;
    width: 13px;
    height: 13px;
  }

  .modal-chat .modal-body {
    padding: 19px 22px 19px 24px;
  }

  .modal-chat .title {
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 12px;
  }

  .modal-chat .title .title-arrow {
    top: -2px;
    right: -21px;
    width: 10px;
    height: 10px;
  }

  .modal-chat .title .title-arrow img {
    width: 7px;
  }

  .modal-chat .chat-user {
    margin-bottom: 12px;
    border-radius: 13px;
    padding: 11px 63px 14px;
  }

  .modal-chat .chat-user .chat-user-image {
    top: 13px;
    left: 19px;
    width: 31px;
    height: 31px;
  }

  .modal-chat .chat-user .chat-user-name {
    font-size: 12px;
    line-height: 14px;
  }

  .chat-body {
    height: 244px;
    padding: 11px;
  }

  .modal-chat .chat-body {
    height: 174px;
  }

  .modal-chat .chat-body > img {
    width: 94px;
    height: 94px;
  }

  .chat-body > div {
    border-radius: 5px;
    padding: 4px;
  }

  .chat-body > div:not(:last-child) {
    margin-bottom: 4px;
  }

  .chat-input-group .add-file {
    left: 9px;
    width: 21px;
    height: 21px;
  }

  .chat-input-group .chat-input {
    /* border-radius: 13px; */
    padding: 10px 10px 10px 34px;
  }
}

@media (max-width: 991.5px) {
  .modal-chat .modal-dialog {
    max-width: 400px;
  }

  .modal-chat .modal-content {
    border-radius: 24px;
  }

  .modal-chat .modal-content .btn-close {
    top: 15px;
    right: 14px;
    width: 10px;
    height: 10px;
  }

  .modal-chat .modal-body {
    padding: 14px 16px 14px 18px;
  }

  .modal-chat .title {
    font-size: 13px;
    line-height: 15px;
    margin-bottom: 9px;
  }

  .modal-chat .title .title-arrow {
    top: -1px;
    right: -15px;
    width: 7px;
    height: 7px;
  }

  .modal-chat .title .title-arrow img {
    width: 5px;
  }

  .modal-chat .chat-user {
    margin-bottom: 9px;
    border-radius: 10px;
    padding: 8px 46px 10px;
  }

  .modal-chat .chat-user .chat-user-image {
    top: 10px;
    left: 14px;
    width: 22px;
    height: 22px;
  }

  .chat-body {
    height: 183px;
    padding: 8px;
  }

  .modal-chat .chat-body {
    height: 130px;
  }

  .modal-chat .chat-body > img {
    width: 70px;
    height: 70px;
  }

  .chat-body > div {
    border-radius: 4px;
    padding: 3px;
  }

  .chat-body > div:not(:last-child) {
    margin-bottom: 3px;
  }

  .chat-input-group .add-file {
    left: 7px;
    width: 15px;
    height: 15px;
  }

  .chat-input-group .chat-input {
    /* border-radius: 10px; */
    padding: 7px 7px 7px 25px;
  }
}

@media (max-width: 767.5px) {
  .modal-chat .modal-dialog {
    max-width: 300px;
  }

  .modal-chat .modal-content {
    border-radius: 18px;
  }

  .modal-chat .modal-content .btn-close {
    top: 11px;
    right: 10px;
  }

  .modal-chat .modal-body {
    padding: 10px 12px 10px 13px;
  }

  .modal-chat .title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 7px;
  }

  .modal-chat .title .title-arrow {
    right: -11px;
  }

  .modal-chat .chat-user {
    margin-bottom: 7px;
    border-radius: 7px;
    padding: 6px 34px 7px;
  }

  .modal-chat .chat-user .chat-user-image {
    top: 7px;
    left: 10px;
    width: 16px;
    height: 16px;
  }

  .chat-body {
    height: 136px;
    padding: 6px;
  }

  .modal-chat .chat-body {
    height: 97px;
  }

  .modal-chat .chat-body > img {
    width: 52px;
    height: 52px;
  }

  .chat-body > div {
    border-radius: 3px;
    padding: 2px;
  }

  .chat-body > div:not(:last-child) {
    margin-bottom: 2px;
  }

  .chat-input-group .add-file {
    left: 5px;
    width: 11px;
    height: 11px;
  }

  .chat-input-group .chat-input {
    /* border-radius: 7px; */
    padding: 5px 5px 5px 18px;
  }
}

#about-the-platform .main {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 2vw 0 9.64vw;
  margin-top: 0;
  min-height: unset;
}

#about-the-platform .main .btn-back {
  width: 2.97vw;
  height: 2.97vw;
  display: inline-flex;
  align-items: center;
  background-image: url("../images/about-the-platform/btn-back.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: fixed;
  top: 6vw;
  left: 3.75vw;
}

#about-the-platform .main .logo {
  width: 5.21vw;
  height: auto;
  margin-bottom: 2.77vw;
}

#about-the-platform .main .logo_mobile {
  display: none;
}

#about-the-platform .main .logo img {
  width: inherit;
}

#about-the-platform .main .title {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 0.26vw;
  color: white;
  font-family: Montserrat;
  letter-spacing: 0;
  margin-bottom: 2.81vw;
}

#about-the-platform .main .title span:first-of-type {
  font-weight: 500;
  font-size: 1.41vw;
  line-height: 1.15vw;
  text-align: center;
  text-transform: uppercase;
}

#about-the-platform .main .title span:last-of-type {
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 0.89vw;
}

#about-the-platform .main .subtitle {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 0.94vw;
  line-height: 0.89vw;
  letter-spacing: 0;
  text-align: right;
  margin-bottom: 2.67vw;
  color: rgba(116, 138, 158, 1);
}

#about-the-platform .main .btn-explore {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: white;
  padding: 0.73vw 2.45vw 0.68vw;
  background: linear-gradient(90deg, #000000 0%, #748a9e 100%);
  box-shadow: 0px 0.1vw 0.1vw 0px rgba(207, 207, 207, 0.16);
  border: none;
}

@media (max-width: 991.5px) {
  #about-the-platform .main {
    padding: 0 0 11.09vw;
    margin-top: 1.5vw;
  }

  #about-the-platform .main .btn-back {
    width: 3.42vw;
    height: 3.42vw;
    left: 4.31vw;
  }

  #about-the-platform .main .logo {
    width: 5.99vw;
    margin-bottom: 3.19vw;
  }

  #about-the-platform .main .title {
    row-gap: 0.3vw;
    margin-bottom: 3.23vw;
  }

  #about-the-platform .main .title span:first-of-type {
    font-size: 1.62vw;
    line-height: 1.32vw;
  }

  #about-the-platform .main .title span:last-of-type {
    font-size: 1.08vw;
    line-height: 1.02vw;
  }

  #about-the-platform .main .subtitle {
    font-size: 1.08vw;
    line-height: 1.02vw;
    margin-bottom: 3.07vw;
  }

  #about-the-platform .main .btn-explore {
    font-size: 1.5vw;
    padding: 0.84vw 2.82vw 0.78vw;
    box-shadow: 0px 0.12vw 0.12vw 0px rgba(207, 207, 207, 0.16);
  }
}

@media (max-width: 575.5px) {
  #about-the-platform {
    padding-top: 25vw;
    position: relative;
    overflow: hidden;
    margin-top: -5vw;
  }

  #about-the-platform .main {
    align-items: flex-start;
    padding: 0 9.06vw 10.94vw;
    position: relative;
    margin-top: 0;
  }

  #about-the-platform .main .btn-back {
    width: 6.25vw;
    height: 6.25vw;
    left: 7.19vw;
    top: -17.19vw;
  }

  #about-the-platform .main .logo_mobile {
    position: absolute;
    right: 0;
    bottom: 42.81vw;
    width: 11.56vw;
    height: auto;
    margin-bottom: 0;
    display: block !important;
  }

  #about-the-platform .main .logo {
    display: none;
  }

  #about-the-platform .main .title {
    align-items: flex-start;
    row-gap: 1.25vw;
    margin-bottom: 9.06vw;
  }

  #about-the-platform .main .title span:first-of-type {
    font-size: 4.38vw;
    line-height: 4.38vw;
    text-align: left;
    max-width: 70.94vw;
  }

  #about-the-platform .main .title span:last-of-type {
    font-size: 2.81vw;
    line-height: 2.34vw;
    text-align: left;
  }

  #about-the-platform .main .subtitle {
    font-size: 3.13vw;
    line-height: 3.13vw;
    margin-bottom: 7.81vw;
  }

  #about-the-platform .main .btn-explore {
    margin: auto;
    font-size: 3.44vw;
    padding: 1.88vw 6.56vw;
    box-shadow: 0px 0.28vw 0.28vw 0px rgba(207, 207, 207, 0.16);
  }

  #about-the-platform .main .subtitle + a {
    margin: auto;
  }
}

#about-the-platform .advantages .title {
  font-family: Montserrat;
  font-weight: 600;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: white;
  margin-bottom: 2.24vw;
  text-align: center;
}

#about-the-platform .advantages .top-list {
  display: flex;
  flex-direction: column;
  row-gap: 1.3vw;
  padding: 0 9.64vw 3.7vw 8.49vw;
}

#about-the-platform .advantages .top-list .top-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1.04vw;
}

#about-the-platform .advantages .top-list .top-row .item {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.15vw;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  height: 6.35vw;
  width: 100%;
  padding: 0 1.05vw;
  border: 0.14vw solid transparent;
  border-image-source: linear-gradient(180deg, #000000 0%, #748a9e 100%);
  border-image-slice: 1;
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

#about-the-platform .advantages .top-list .bottom-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2.3vw;
}

#about-the-platform .advantages .top-list .bottom-row .item {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.15vw;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  height: 6.35vw;
  width: 100%;
  padding: 0 5.21vw;
  border: 0.14vw solid transparent;
  border-image-source: linear-gradient(0deg, #000000 0%, #748a9e 100%);
  border-image-slice: 1;
  background: rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
}

#about-the-platform .advantages .bottom-list {
  padding: 0 0 4.74vw 2.65vw;
  display: flex;
  flex-direction: column;
  row-gap: 0.94vw;
}

#about-the-platform .advantages .bottom-list .items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
  background-image: url("../images/about-the-platform/bg-advantages-item-1.png");
  background-size: cover;
}

#about-the-platform .advantages .bottom-list .item {
  display: flex;
  flex-direction: column;
  row-gap: 0.31vw;
  padding: 1.25vw 3.33vw 1.25vw 3.65vw;
  height: 100%;
}

#about-the-platform .advantages .bottom-list .item__title {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 1.15vw;
  line-height: normal;
  letter-spacing: 0;
  text-transform: uppercase;
  color: white;
}

#about-the-platform .advantages .bottom-list .item__subtitle {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 1vw;
  letter-spacing: 0;
  color: white;
}

@media (max-width: 991.5px) {
  #about-the-platform .advantages .title {
    font-size: 1.79vw;
    margin-bottom: 2.58vw;
  }

  #about-the-platform .advantages .top-list {
    row-gap: 1.5vw;
    padding: 0 8.87vw 4.26vw 7.8vw;
  }

  #about-the-platform .advantages .top-list .top-row {
    column-gap: 1.2vw;
  }

  #about-the-platform .advantages .top-list .top-row .item {
    font-size: 1.18vw;
    height: 7.3vw;
    padding: 0 0.97vw;
    border: 0.16vw solid transparent;
    border-image-source: linear-gradient(180deg, #000000 0%, #748a9e 100%);
    border-image-slice: 1;
  }

  #about-the-platform .advantages .top-list .bottom-row {
    column-gap: 2.65vw;
  }

  #about-the-platform .advantages .top-list .bottom-row .item {
    font-size: 1.32vw;
    height: 7.3vw;
    padding: 0 5.99vw;
    border: 0.16vw solid transparent;
    border-image-source: linear-gradient(0deg, #000000 0%, #748a9e 100%);
    border-image-slice: 1;
  }

  #about-the-platform .advantages .bottom-list {
    padding: 0 0 5.45vw 3.05vw;
    row-gap: 1.08vw;
  }

  #about-the-platform .advantages .bottom-list .items {
    background-size: contain;
  }

  #about-the-platform .advantages .bottom-list .item {
    row-gap: 0.36vw;
    padding: 1.44vw 3.83vw 1.44vw 4.2vw;
  }

  #about-the-platform .advantages .bottom-list .item__title {
    font-size: 1.32vw;
  }

  #about-the-platform .advantages .bottom-list .item__subtitle {
    font-size: 1.08vw;
    line-height: 1.15vw;
  }
}

@media (max-width: 575.5px) {
  #about-the-platform .advantages .title {
    font-size: 3.94vw;
    margin-bottom: 6.25vw;
  }

  #about-the-platform .advantages .top-list {
    row-gap: 1.56vw;
    padding: 0 9.06vw 7.81vw;
  }

  #about-the-platform .advantages .top-list .top-row {
    display: flex;
    flex-direction: column;
    row-gap: 1.56vw;
  }

  #about-the-platform .advantages .top-list .top-row .item {
    font-size: 3.13vw;
    height: 16.56vw;
    padding: 0 4.69vw;
    border: 0.31vw solid transparent;
    border-image-source: linear-gradient(0deg, #000000 0%, #748a9e 100%);
    border-image-slice: 1;
  }

  #about-the-platform .advantages .top-list .top-row .item:last-of-type {
    border: 0.31vw solid transparent;
    border-image-source: radial-gradient(
      48.47% 1184.55% at 51.53% 50.94%,
      #000000 0%,
      #748a9e 100%
    );
    border-image-slice: 1;
  }

  #about-the-platform .advantages .top-list .bottom-row {
    display: flex;
    flex-direction: column;
    row-gap: 1.56vw;
  }

  #about-the-platform .advantages .top-list .bottom-row .item {
    font-size: 3.13vw;
    height: 16.56vw;
    padding: 0 4.69vw;
    border: 0.31vw solid transparent;
    border-image-source: linear-gradient(180deg, #000000 0%, #748a9e 100%);
    border-image-slice: 1;
  }

  #about-the-platform .advantages .bottom-list {
    padding: 0 0 9.69vw 3.13vw;
    row-gap: 1.25vw;
  }

  #about-the-platform .advantages .bottom-list .items {
    display: flex;
    flex-direction: column;
    row-gap: 0.94vw;
    background-image: none;
  }

  #about-the-platform .advantages .bottom-list .item {
    row-gap: 0.78vw;
    padding: 3.28vw 7.5vw 3.13vw 9.69vw;
  }

  #about-the-platform .advantages .bottom-list .items .item:nth-child(1) {
    background-image: url("../images/about-the-platform/bg-advantages-item-1-mobile.png");
    background-size: cover;
  }

  #about-the-platform .advantages .bottom-list .items .item:nth-child(2) {
    background-image: url("../images/about-the-platform/bg-advantages-item-2-mobile.png");
    background-size: cover;
  }

  #about-the-platform
    .advantages
    .bottom-list
    .items
    .item:nth-child(2)
    .item__title {
    text-align: right;
  }

  #about-the-platform
    .advantages
    .bottom-list
    .items
    .item:nth-child(2)
    .item__subtitle {
    text-align: right;
  }

  #about-the-platform .advantages .bottom-list .item__title {
    font-size: 3.13vw;
  }

  #about-the-platform .advantages .bottom-list .item__subtitle {
    font-size: 2.66vw;
    line-height: normal;
  }
}

#about-the-platform .help {
  padding: 0 6.11vw 6.42vw;
}

#about-the-platform .help .title {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.41vw;
  line-height: 1.15vw;
  letter-spacing: 0;
  text-align: center;
  margin-bottom: 3.7vw;
  color: white;
}

#about-the-platform .help .items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3.91vw;
  row-gap: 3.75vw;
}

#about-the-platform .help .item {
  height: 8.06vw;
  width: 100%;
  padding: 1.3vw 1.88vw 0;
  background: rgba(217, 217, 217, 0.05);
  border: 0.11vw solid transparent;
  border-image-source: radial-gradient(
    61.45% 152.87% at 50% 50.12%,
    #000000 0%,
    #ffffff 100%
  );
  border-image-slice: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.47vw;
  position: relative;
}

#about-the-platform .help .item.active {
  display: flex;
}

#about-the-platform .help .item__title {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 0.99vw;
  line-height: normal;
  letter-spacing: 0;
  text-transform: uppercase;
  color: white;
}

#about-the-platform .help .item__content {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 0.89vw;
  letter-spacing: 0;
}

#about-the-platform .help .navigation {
  display: none;
}

@media (max-width: 991.5px) {
  #about-the-platform .help {
    padding: 0 3.03vw 7.38vw;
  }

  #about-the-platform .help .title {
    font-size: 1.62vw;
    line-height: 1.32vw;
    margin-bottom: 4.26vw;
  }

  #about-the-platform .help .items {
    column-gap: 4.5vw;
    row-gap: 4.31vw;
  }

  #about-the-platform .help .item {
    height: 9.27vw;
    padding: 1.5vw 2.16vw 0;
    border: 0.13vw solid transparent;
    border-image-source: radial-gradient(
      61.45% 152.87% at 50% 50.12%,
      #000000 0%,
      #ffffff 100%
    );
    border-image-slice: 1;
    row-gap: 0.54vw;
  }

  #about-the-platform .help .item__title {
    font-size: 1.14vw;
  }

  #about-the-platform .help .item__content {
    font-size: 0.95vw;
    line-height: 1.02vw;
  }
}

@media (max-width: 575.5px) {
  #about-the-platform .help {
    padding: 0 0 15.94vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
  }

  #about-the-platform .help .title {
    font-size: 3.75vw;
    line-height: 3.13vw;
    margin-bottom: 8.13vw;
  }

  #about-the-platform .help .items {
    column-gap: 11.88vw;
    row-gap: 8.13vw;
    margin-left: 0;
    grid-template-columns: repeat(1, 1fr);
  }

  #about-the-platform .help .item {
    height: 24.38vw;
    width: 80.94vw;
    padding: 4.06vw 1.56vw 0 5.63vw;
    border: 0.14vw solid transparent;
    border-image-source: radial-gradient(
      61.45% 152.87% at 50% 50.12%,
      #000000 0%,
      #ffffff 100%
    );
    border-image-slice: 1;
    row-gap: 1.56vw;
    display: none;
    backdrop-filter: blur(1.88vw);
  }

  #about-the-platform .help .item__title {
    font-size: 3.13vw;
  }

  #about-the-platform .help .item__content {
    font-size: 2.5vw;
    line-height: 2.73vw;
  }

  #about-the-platform .help .navigation {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 14.69vw;
    margin: auto;
    margin-top: 9.69vw;
  }

  #about-the-platform .help .navigation button {
    width: 3.19vw;
    height: 4.69vw;
    display: inline-block;
    background: transparent;
    border: none;
  }

  #about-the-platform .help .navigation .previous {
    background: url("../images/about-the-platform/prv-btn.svg");
    background-size: 100% 100%;
  }

  #about-the-platform .help .navigation .next {
    background: url("../images/about-the-platform/next-btn.svg");
    background-size: 100% 100%;
  }
}

#about-the-platform .before-after {
  padding: 3.96vw 5.05vw 1.56vw;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2.81vw;
}

#about-the-platform .before-after > div {
  padding: 1.56vw 2.19vw;
  background: transparent;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.52vw;
  border: 0.05vw solid transparent;
  border-image-source: radial-gradient(
    61.45% 152.87% at 50% 50.12%,
    #000000 0%,
    #ffffff 100%
  );
  border-image-slice: 1;
}

#about-the-platform .before-after > div + div {
  border-image-source: none;
  background: linear-gradient(90deg, #20272e 0%, #748a9e 100%);
  border: none;
}

#about-the-platform .before-after .title {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 1.15vw;
  line-height: normal;
  letter-spacing: 0;
  text-transform: uppercase;
  color: white;
}

#about-the-platform .before-after .list {
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 0.52vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 0.94vw;
  letter-spacing: 0;
  color: white;
  padding: 0;
}

#about-the-platform .before-after img {
  position: absolute;
  height: auto;
  right: 1.88vw;
}

#about-the-platform .before img {
  width: 15.47vw;
  top: -2.55vw;
}

#about-the-platform .after img {
  width: 14.58vw;
  top: -4.9vw;
}

@media (max-width: 991.5px) {
  #about-the-platform .before-after {
    padding: 4.55vw 2vw 1.79vw;
    column-gap: 3.23vw;
  }

  #about-the-platform .before-after > div {
    padding: 1.79vw 2.52vw;
    row-gap: 0.6vw;
    border: 0.06vw solid transparent;
    border-image-source: radial-gradient(
      61.45% 152.87% at 50% 50.12%,
      #000000 0%,
      #ffffff 100%
    );
    border-image-slice: 1;
  }

  #about-the-platform .before-after .title {
    font-size: 1.32vw;
  }

  #about-the-platform .before-after .list {
    row-gap: 0.6vw;
    font-size: 1.08vw;
    line-height: 1.08vw;
  }

  #about-the-platform .before-after img {
    right: 0.16vw;
  }

  #about-the-platform .before img {
    width: 16.79vw;
    top: -2.53vw;
  }

  #about-the-platform .after img {
    width: 15.77vw;
    top: -4.64vw;
  }
}

@media (max-width: 575.5px) {
  #about-the-platform .before-after {
    padding: 8vw 0 7.19vw;
    display: flex;
    flex-direction: column;
    row-gap: 8.13vw;
  }

  #about-the-platform .before-after > div {
    padding: 4.69vw 9.69vw;
    row-gap: 1.56vw;
    border: 0.16vw solid transparent;
    border-image-source: radial-gradient(
      61.45% 152.87% at 50% 50.12%,
      #000000 0%,
      #ffffff 100%
    );
    border-image-slice: 1;
    border-left: none;
    border-right: none;
  }

  #about-the-platform .before-after > div + div {
    border-image-source: none;
    background: linear-gradient(90deg, #20272e 0%, #748a9e 100%);
    border: none;
    align-items: flex-end;
    text-align: end;
  }

  #about-the-platform .before-after .title {
    font-size: 3.44vw;
  }

  #about-the-platform .before-after .list {
    row-gap: 1.56vw;
    font-size: 2.81vw;
    line-height: 2.81vw;
  }

  #about-the-platform .after .list {
    max-width: 68.13vw;
  }

  #about-the-platform .before img {
    width: 47.5vw;
    height: auto;
    rotate: -31.7deg;
    right: -17.19vw;
    top: -20.31vw;
  }

  #about-the-platform .after img {
    width: 43.75vw;
    height: auto;
    rotate: 26.7deg;
    left: -12.5vw;
    top: -14.06vw;
    transform: scale(-1, 1);
  }
}

.consultation-modal.in {
  display: -ms-flex;
  display: flex !important;
  -ms-flex-align: center;
  align-items: center;
  color: black;
}

#consultationModal .modal-dialog {
  max-width: 34.79vw;
}

#consultationModal .modal-content {
  padding-top: 1.51vw;
  padding-right: 1.93vw;
}

.consultation-modal .modal-content {
  background: transparent;
}

.consultation-modal .modal-content .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  background: url(../images/login-modal-close.png) center center no-repeat;
  background-size: contain;
  width: 1.04vw;
  height: 0.99vw;
}

#consultationModal .modal-body {
  padding: 2.03vw 1.56vw 2.03vw;
}

.consultation-modal .modal-body {
  background: white;
  font-size: 0.83vw;
  line-height: 1.04vw;
}

#consultationModal .modal-title,
#registerInfoModal .modal-title {
  margin-bottom: 1.04vw;
  font-weight: 600;
  font-size: 1.3vw;
  line-height: 1.56vw;
  text-align: center;
  text-transform: uppercase;
}

#consultationModal input {
  padding-left: 0.94vw;
}

.consultation-modal input {
  background: #e0e0e0;
  border: none;
  padding: 0.52vw 1.04vw;
  color: black;
  font-size: 0.83vw;
  line-height: 1.04vw;
}

#consultationModal .form-group {
  max-width: 24.58vw;
  margin: 0 auto 0.52vw;
}

.consultation-modal .form-group {
  position: relative;
}

#consultationModal .form-group label {
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 1.04vw;
  color: black;
}

#consultationModal .form-group label .red {
  color: #f5550f;
}

#consultationModal input {
  padding-left: 0.94vw;
}

.consultation-modal input {
  background: #e0e0e0;
  border: none;
  padding: 0.52vw 1.04vw;
  color: black;
  font-size: 0.83vw;
  line-height: 1.04vw;
}

.consultation-modal input[name="phone"]::placeholder {
  color: black;
}

#consultationModal .checkbox-group {
  max-width: 24.58vw;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0.78vw;
}

#consultationModal .checkbox-group + .checkbox-group {
  margin-bottom: 0;
}

.consultation-modal .checkbox-group input[type="checkbox"] {
  display: none;
}

.consultation-modal .checkbox-group input[type="checkbox"] + label {
  display: flex;
  align-items: center;
  position: relative;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 1.04vw;
  color: black;
  padding-left: 1.46vw;
}

.consultation-modal .checkbox-group input[type="checkbox"] + label:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.05vw;
  bottom: 0.1vw;
  left: 0;
  width: 0.89vw;
  height: 0.89vw;
  margin: 0;
  border: 0.05vw solid #81868b;
  border-radius: 0.21vw;
}

.consultation-modal
  .checkbox-group
  input[type="checkbox"]
  + label
  .show-message:not(:hover)
  .hidden-message {
  display: none;
}

.consultation-modal
  .checkbox-group
  input[type="checkbox"]
  + label
  .show-message:hover
  .hidden-message {
  display: block;
  position: absolute;
  top: -0.68vw;
  right: -11.88vw;
  width: 11.25vw;
  border-radius: 0.68vw;
  background: #000000;
  box-shadow: 0px 0.21vw 0.21vw 0px #00000040;
  padding: 0.36vw 0.36vw 0.36vw 0.57vw;
  font-size: 0.55vw;
  line-height: 0.68vw;
  z-index: 1;
  text-align: left;
  color: white;
  letter-spacing: 0;
}

.consultation-modal
  .checkbox-group
  input[type="checkbox"]
  + label.with-message
  span {
  margin-right: auto;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.68vw;
  line-height: normal;
  letter-spacing: 0;
}

.consultation-modal .checkbox-group input[type="checkbox"] + label span {
  margin-right: auto;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.68vw;
  line-height: normal;
  letter-spacing: 0;
}

.consultation-modal
  .checkbox-group
  input[type="checkbox"]
  + label.with-message
  span
  a {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.68vw;
  line-height: normal;
  letter-spacing: 0;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0;
}

.consultation-modal
  .checkbox-group
  input[type="checkbox"]
  + label
  .show-message {
  position: relative;
  margin-left: 0.26vw;
  padding: 0;
  border: none;
  background: transparent;
  outline: none !important;
  line-height: 0.73vw;
  border-radius: 50%;
  flex-shrink: 0;
}

.consultation-modal
  .checkbox-group
  input[type="checkbox"]:checked
  + label:after {
  content: "";
  display: block;
  background: url(../images/professional/check-gray.png) center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.05vw;
  margin: 0;
  width: 0.83vw;
  height: 0.83vw;
}

.consultation-modal
  .checkbox-group
  input[type="checkbox"]
  + label
  .show-message
  img {
  height: 0.73vw;
  width: 0.73vw;
  object-fit: contain;
}

.consultation-modal .btn-send {
  display: flex;
  align-items: center;
  justify-content: center;
  background: black;
  border-radius: 0.63vw;
  font-weight: 500;
  font-size: 0.94vw;
  line-height: 1.15vw;
  color: white;
  margin: auto;
  height: 2.97vw;
  width: 17.17vw;
  margin-top: 1.3vw;
  transition: transform 0.2s ease, box-shadow 0.2s ease,
    background-color 0.2s ease;
  /* border: 1px solid black; */
}

/* Наведение — лёгкое масштабирование и светлая тень */
.consultation-modal .btn-send:not(:disabled):hover {
  box-shadow: 0 0.3vw 0.6vw rgba(1, 1, 1, 0.5);
}

/* Нажатие — лёгкое сжатие */
.consultation-modal .btn-send:not(:disabled):active {
  transform: scale(0.98);
  box-shadow: 0 0.2vw 0.4vw rgba(255, 255, 255, 0.08);
}

@media (max-width: 991.5px) {
  #consultationModal .modal-dialog {
    max-width: 41.75vw;
  }

  #consultationModal .modal-content {
    padding-top: 1.81vw;
    padding-right: 2.32vw;
  }

  .consultation-modal .modal-content .btn-close {
    width: 1.25vw;
    height: 1.19vw;
  }

  #consultationModal .modal-body {
    padding: 2.44vw 1.87vw 2.44vw;
  }

  .consultation-modal .modal-body {
    font-size: 1vw;
    line-height: 1.25vw;
  }

  #consultationModal .modal-title,
  #registerInfoModal .modal-title {
    margin-bottom: 1.25vw;
    font-size: 1.56vw;
    line-height: 1.87vw;
  }

  #consultationModal input {
    padding-left: 1.13vw;
  }

  .consultation-modal input {
    padding: 0.62vw 1.25vw;
    font-size: 1vw;
    line-height: 1.25vw;
  }

  #consultationModal .form-group {
    max-width: 29.5vw;
    margin-bottom: 0.62vw;
  }

  #consultationModal .form-group label {
    font-size: 1vw;
    line-height: 1.25vw;
  }

  #consultationModal .checkbox-group {
    max-width: 29.5vw;
    margin-bottom: 0.94vw;
  }

  .consultation-modal .checkbox-group input[type="checkbox"] + label {
    font-size: 1vw;
    line-height: 1.25vw;
    padding-left: 1.75vw;
  }

  .consultation-modal .checkbox-group input[type="checkbox"] + label:before {
    top: 0.06vw;
    bottom: 0.12vw;
    width: 1.07vw;
    height: 1.07vw;
    border: 0.06vw solid #81868b;
    border-radius: 0.25vw;
  }

  .consultation-modal
    .checkbox-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: -0.82vw;
    right: -14.26vw;
    width: 13.5vw;
    border-radius: 0.82vw;
    padding: 0.43vw 0.43vw 0.43vw 0.68vw;
    font-size: 0.66vw;
    line-height: 0.82vw;
  }

  .consultation-modal
    .checkbox-group
    input[type="checkbox"]
    + label.with-message
    span {
    font-size: 0.82vw;
  }

  .consultation-modal .checkbox-group input[type="checkbox"] + label span {
    font-size: 0.82vw;
  }

  .consultation-modal
    .checkbox-group
    input[type="checkbox"]
    + label.with-message
    span
    a {
    font-size: 0.82vw;
  }

  .consultation-modal
    .checkbox-group
    input[type="checkbox"]
    + label
    .show-message {
    margin-left: 0.31vw;
    line-height: 0.88vw;
  }

  .consultation-modal
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    left: 0.06vw;
    width: 1vw;
    height: 1vw;
  }

  .consultation-modal
    .checkbox-group
    input[type="checkbox"]
    + label
    .show-message
    img {
    height: 0.88vw;
    width: 0.88vw;
  }

  .consultation-modal .btn-send {
    border-radius: 0.76vw;
    font-size: 1.13vw;
    line-height: 1.38vw;
    height: 3.56vw;
    width: 17vw;
    margin-top: 1.56vw;
  }
}

@media (max-width: 575.5px) {
  #consultationModal .modal-dialog {
    max-width: 95vw;
    padding: 0;
  }

  #consultationModal .modal-content {
    padding-top: 0;
    padding-right: 0;
  }

  .consultation-modal .modal-content .btn-close {
    width: 3.63vw;
    height: 3.34vw;
    top: 3.13vw;
    right: 3.13vw;
  }

  #consultationModal .modal-body {
    padding: 5.94vw 11.25vw 5.94vw;
  }

  .consultation-modal .modal-body {
    font-size: 2.44vw;
    line-height: normal;
  }

  #consultationModal .modal-title,
  #registerInfoModal .modal-title {
    margin-bottom: 2.97vw;
    font-size: 3.75vw;
    line-height: normal;
  }

  .consultation-modal input {
    padding: 1.56vw 2.81vw;
    font-size: 2.5vw;
    line-height: normal;
  }

  #consultationModal .form-group {
    max-width: 72.19vw;
    margin-bottom: 1.56vw;
  }

  #consultationModal .form-group label {
    font-size: 2.5vw;
    line-height: normal;
    margin-bottom: 0.63vw;
  }

  #consultationModal .checkbox-group {
    max-width: 72.19vw;
    margin-bottom: 2.34vw;
  }

  .consultation-modal .checkbox-group input[type="checkbox"] + label {
    font-size: 2.03vw;
    line-height: normal;
    padding-left: 4.38vw;
  }

  .consultation-modal .checkbox-group input[type="checkbox"] + label:before {
    top: 0;
    bottom: 0;
    width: 2.81vw;
    height: 2.81vw;
    border: 0.16vw solid #81868b;
    border-radius: 0.78vw;
  }

  .consultation-modal
    .checkbox-group
    input[type="checkbox"]
    + label
    .show-message:hover
    .hidden-message {
    top: -1.56vw;
    right: -32.81vw;
    width: 33.13vw;
    border-radius: 2vw;
    padding: 0.94vw 1.25vw 1.56vw 1.25vw;
    font-size: 1.56vw;
    line-height: normal;
    box-shadow: 0px 0.61vw 0.61vw 0px rgba(0, 0, 0, 0.25);
  }

  .consultation-modal
    .checkbox-group
    input[type="checkbox"]
    + label.with-message
    span {
    font-size: 2.03vw;
  }

  .consultation-modal .checkbox-group input[type="checkbox"] + label span {
    font-size: 2.03vw;
  }

  .consultation-modal
    .checkbox-group
    input[type="checkbox"]
    + label.with-message
    span
    a {
    font-size: 2.03vw;
  }

  .consultation-modal
    .checkbox-group
    input[type="checkbox"]
    + label
    .show-message {
    margin-left: 1.56vw;
    line-height: 1.88vw;
  }

  .consultation-modal
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    left: 0vw;
    width: 2.81vw;
    height: 2.81vw;
  }

  .consultation-modal
    .checkbox-group
    input[type="checkbox"]
    + label
    .show-message
    img {
    height: 1.88vw;
    width: 1.88vw;
    position: relative;
    top: 0.31vw;
    right: 1.25vw;
  }

  .consultation-modal .btn-send {
    border-radius: 1.69vw;
    font-size: 2.81vw;
    line-height: normal;
    height: 8.75vw;
    width: 41.88vw;
    margin-top: 1.56vw;
  }
}

#about-the-platform .menu {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: fixed;
  right: 0;
  top: 7.52vw;
  z-index: 1;
}

#about-the-platform .menu-toggle > img {
  display: none;
}

#about-the-platform .menu-item a {
  display: flex;
  flex-direction: column;
  row-gap: 0.94vw;
  width: 2.76vw;
  padding: 0.63vw 0 2.19vw;
  background: linear-gradient(180deg, #748a9e 0%, #293138 100%);
  box-shadow: -0.1vw 0.1vw 0.34vw 0px rgba(0, 0, 0, 0.25);
  align-items: center;
  border-radius: 0.57vw 0 0 0.57vw;
  column-gap: 0.94vw;
  margin-top: -0.78vw;
  text-decoration: none;
}

#about-the-platform .menu-item:last-of-type {
  padding-bottom: 1.04vw;
}

#about-the-platform .menu-item img {
  width: 1.35vw;
  height: auto;
}

#about-the-platform .menu-item img:last-of-type {
  display: none;
}

#about-the-platform .menu-item span {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.73vw;
  line-height: 0.73vw;
  letter-spacing: 0;
  color: white;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}

@media (max-width: 991.5px) {
  #about-the-platform .menu {
    top: 8.348vw;
  }

  #about-the-platform .menu-item a {
    row-gap: 1.081vw;
    width: 3.174vw;
    padding: 0.7245vw 0 2.5185vw;
    box-shadow: -0.115vw 0.115vw 0.391vw 0px rgba(0, 0, 0, 0.25);
    border-radius: 0.6555vw 0 0 0.6555vw;
    column-gap: 1.081vw;
    margin-top: -0.897vw;
  }

  #about-the-platform .menu-item:last-of-type {
    padding-bottom: 1.196vw;
  }

  #about-the-platform .menu-item img {
    width: 1.5525vw;
  }

  #about-the-platform .menu-item span {
    font-size: 0.8395vw;
    line-height: 0.8395vw;
  }
}

@media (max-width: 575.5px) {
  #about-the-platform .menu {
    flex-direction: row;
    top: 81.581vw;
    background: linear-gradient(269.5deg, #000000 -5.99%, #748a9e 103.27%);
    box-shadow: 0px 1.4375vw 1.5065vw 0px rgba(0, 0, 0, 0.25);
    border-radius: 1.794vw 0 0 1.794vw;
    padding: 1.794vw 4.669vw 1.794vw 3.956vw;
    column-gap: 5.037vw;
    align-items: center;
    right: -35.9375vw;
    z-index: 5;
  }

  #about-the-platform .menu.active {
    right: 0;
  }

  #about-the-platform .menu-toggle > img {
    display: block;
    width: 4.3125vw;
    height: auto;
    margin-top: 0.7245vw;
  }

  #about-the-platform .menu-toggle {
    height: 6vw;
  }

  #about-the-platform .menu-item a {
    display: block;
    width: unset;
    padding: 0;
    background: transparent;
    box-shadow: none;
    align-items: center;
    border-radius: 0;
    column-gap: 0;
    margin-top: 0;
  }

  #about-the-platform .menu-item:last-of-type {
    padding-bottom: 0;
  }

  #about-the-platform .menu-item img {
    height: 6.4745vw;
    width: auto;
  }

  #about-the-platform .menu-item img:first-of-type {
    display: none;
  }

  #about-the-platform .menu-item img:last-of-type {
    display: block;
  }

  #about-the-platform .menu-item span {
    display: none;
  }
}

.adaptation-page {
  position: relative;
  display: -ms-flex;
  display: flex;
  /* background: url("../images/adaptation-top-image.png") center top no-repeat; */
  background: 
  radial-gradient(circle at 1px 1px, rgba(255,255,255,0.05) 1px, transparent 1.7px),
  radial-gradient(980px 650px at 72% 26%, rgba(145,88,108,0.16), rgba(255,255,255,0) 66%),
  radial-gradient(900px 620px at 28% 72%, rgba(145,88,108,0.12), rgba(255,255,255,0) 66%),
  radial-gradient(860px 560px at 85% 70%, rgba(0,0,0,0.18), rgba(255,255,255,0) 62%),
  linear-gradient(135deg, #1C1F27 0%, #3E4148 52%, #141519 100%);
  background-size: cover;
  flex-grow: 1;
  overflow: hidden;
}

.adaptation-page.with-menu {
  padding-left: 306px;
}

.main-line.fixed + .adaptation-page {
  padding-top: 49px;
}

.adaptation-page:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #00000099;
  /* backdrop-filter: blur(100px); */
}

.adaptation-page > * {
  position: relative;
}

.adaptation-page .adaptation-page__left-menu {
  position: fixed;
  top: 103px;
  bottom: 0;
  left: 0;
  overflow: auto;
  width: 306px;
  background: #cfcfcf26;
}

.main-line + .adaptation-page .adaptation-page__left-menu {
  top: 144px;
}

.adaptation-page .adaptation-page__left-menu > div {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 40px 36px 46px;
  flex-shrink: 0;
}

.adaptation-page .adaptation-page__left-menu a {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  padding-left: 76px;
  opacity: 1;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  transition: all 0.3s;
}
.adaptation-page .adaptation-page__left-menu a:hover {
  text-decoration: none;
  color: #6d95ac;
}


.adaptation-page .adaptation-page__left-menu a.active {
  color: #6d95ac;
  font-weight: 600;
}

.adaptation-page .adaptation-page__left-menu a:not(:last-child) {
  margin-bottom: 20px;
}

.adaptation-page .adaptation-page__left-menu a .img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 56px;
  height: 56px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* .adaptation-page .adaptation-page__left-menu a .img:last-child {
  border-radius: 50%;
  overflow: hidden;
} */

.adaptation-page .adaptation-page__left-menu a .img .icon {
    position: absolute;
    transition: opacity 0.2s;
}

.adaptation-page .adaptation-page__left-menu a .img .icon-active { 
  opacity: 0; 
}

.adaptation-page .adaptation-page__left-menu a .img .icon-default { 
  opacity: 1; 
}

.adaptation-page .adaptation-page__left-menu a:hover .icon-active,
.adaptation-page .adaptation-page__left-menu a.active .icon-active {
    opacity: 1;
}

.adaptation-page .adaptation-page__left-menu a:hover .icon-default,
.adaptation-page .adaptation-page__left-menu a.active .icon-default {
    opacity: 0;
}

.adaptation-page .adaptation-page__left-menu a:focus {
  text-decoration: none;
  color: white;
  outline: none;
}

.adaptation-page .adaptation-page__left-menu a .img img {
  width: inherit;
  border-radius: 0%;
}

.adaptation-page .adaptation-page__left-menu a:nth-child(2) img {
  width: 56px;
}

.adaptation-page .adaptation-page__left-menu a:nth-child(5) img {
  width: 48px;
}

.adaptation-page .adaptation-page__left-menu a:nth-child(6) img {
  width: 47px;
}

.adaptation-page .adaptation-page__left-menu a:nth-child(7) img {
  width: 49px;
}

.adaptation-page .adaptation-page__left-menu a:nth-child(8) img {
  width: 41px;
}

.adaptation-page .adaptation-page__left-menu a:nth-child(9) img {
  width: 41px;
}

.adaptation-page .adaptation-page__left-menu a:nth-child(10) img {
  width: 46px;
  height: 47px;
  border-radius: 50%;
  object-fit: cover;
}

.menu-notifications-text {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    gap: 0.26vw;
}

.menu-unread-indicator {
    width: 0.42vw;
    height: 0.42vw;
    border-radius: 50%;
    display: inline-block;
    background: #ABCADD;
}
.read-message {
    background-color: #f0f0f0; /* Цвет фона для прочитанных сообщений */
    border-left: 4px solid #4CAF50; /* Зеленая линия слева */
    opacity: 0.6; /* Добавим эффект полупрозрачности */
}


.adaptation-page .adaptation-page__body {
  width: 100%;
}

@media (max-width: 1599.5px) {
  .adaptation-page.with-menu {
    padding-left: 250px;
  }

  .main-line.fixed + .adaptation-page {
    padding-top: 34px;
  }

  .adaptation-page .adaptation-page__left-menu {
    top: 87.55px;
    width: 250px;
  }

  .main-line.fixed + .adaptation-page .adaptation-page__left-menu {
    top: 104px;
  }

  .adaptation-page .adaptation-page__left-menu > div {
    padding: 35px 27px 34px;
  }

  .adaptation-page .adaptation-page__left-menu a {
    height: 42px;
    padding-left: 47px;
    font-size: 15px;
    line-height: 15px;
  }

  .adaptation-page .adaptation-page__left-menu a:not(:last-child) {
    margin-bottom: 15px;
  }

  .adaptation-page .adaptation-page__left-menu a .img {
    width: 32px;
    height: 32px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(2) img {
    width: 35px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(5) img {
    width: 36px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(6) img {
    width: 34px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(7) img {
    width: 36px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(8) img {
    width: 30px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(9) img {
    width: 30px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(10) img {
    width: 34px;
    height: 34px;
  }
}

@media (max-width: 1199.5px) {
  .adaptation-page.with-menu {
    padding-left: 171px;
  }

  .main-line.fixed + .adaptation-page {
    padding-top: 28px;
  }

  .adaptation-page .adaptation-page__left-menu {
    top: 67.55px;
    width: 171px;
  }

  .main-line.fixed + .adaptation-page .adaptation-page__left-menu {
    top: 83px;
  }

  .adaptation-page .adaptation-page__left-menu > div {
    padding: 25px 19px 25px;
  }

  .adaptation-page .adaptation-page__left-menu a {
    height: 31px;
    padding-left: 34px;
    font-size: 12px;
    line-height: 12px;
  }

  .adaptation-page .adaptation-page__left-menu a:not(:last-child) {
    margin-bottom: 11px;
  }

  .adaptation-page .adaptation-page__left-menu a .img {
    width: 31px;
    height: 31px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(2) img {
    width: 31px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(5) img {
    width: 27px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(6) img {
    width: 25px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(7) img {
    width: 27px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(8) img {
    width: 22px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(9) img {
    width: 22px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(10) img {
    width: 25px;
    height: 25px;
  }
}

@media (max-width: 991.5px) {
  .adaptation-page.with-menu {
    padding-left: 149px;
  }

  .main-line.fixed + .adaptation-page {
    padding-top: 26px;
  }

  .adaptation-page .adaptation-page__left-menu {
    top: 67.55px;
    width: 149px;
  }

  .main-line.fixed + .adaptation-page .adaptation-page__left-menu {
    top: 78px;
  }

  .adaptation-page .adaptation-page__left-menu > div {
    padding: 25px 14px 18px;
  }

  .adaptation-page .adaptation-page__left-menu a {
    height: 22px;
    padding-left: 25px;
    font-size: 10.5px;
    white-space: nowrap;
  }

  .adaptation-page .adaptation-page__left-menu a:not(:last-child) {
    margin-bottom: 8px;
  }

  .adaptation-page .adaptation-page__left-menu a .img {
    width: 22px;
    height: 22px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(2) img {
    width: 22px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(5) img {
    width: 19px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(6) img {
    width: 18px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(7) img {
    width: 19px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(8) img {
    width: 16px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(9) img {
    width: 16px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(10) img {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 767.5px) {
  .adaptation-page.with-menu {
    padding-left: 130px;
  }

  .adaptation-page .adaptation-page__left-menu {
    top: 54px;
    width: 130px;
  }

  .main-line.fixed + .adaptation-page .adaptation-page__left-menu {
    top: 80px;
  }

  .adaptation-page .adaptation-page__left-menu > div {
    padding: 6px 10px 13px;
  }

  .adaptation-page .adaptation-page__left-menu a {
    padding-left: 18px;
  }

  .adaptation-page .adaptation-page__left-menu a:not(:last-child) {
    margin-bottom: 6px;
  }

  .adaptation-page .adaptation-page__left-menu a .img {
    width: 16px;
    height: 16px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(2) img {
    width: 16px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(5) img {
    width: 14px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(6) img {
    width: 13px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(7) img {
    width: 14px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(8) img {
    width: 12px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(9) img {
    width: 12px;
  }

  .adaptation-page .adaptation-page__left-menu a:nth-child(10) img {
    width: 13px;
    height: 13px;
  }
}

@media (max-width: 575.5px) {
  .adaptation-page {
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.knowledge-base__top {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  justify-content: flex-end;
  padding: 15px 56px 15px 22px;
}

.knowledge-base__top > img {
  margin-top: -2px;
  margin-bottom: 2px;
  width: 212px;
  flex-shrink: 0;
  display: none;
}

.knowledge-base__top .search-line {
  position: relative;
  width: 100%;
}

.knowledge-base__top .search-line input {
  background: #ffffffcc;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  padding: 13px 65px 12px 22px;
  color: #010541;
  font-size: 18px;
  line-height: 22px;
  width: 100%;
  display: none;
}

.knowledge-base__top .search-line input::placeholder {
  color: #010541;
  opacity: 0.6;
}

.knowledge-base__top .search-line button {
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 0;
  width: 26px;
  display: none;
}

.knowledge-base__top .search-line button img {
  width: 100%;
}

.knowledge-base__top .new-material {
  width: 260px;
  flex-shrink: 0;
  text-align: center;
  background: #cfcfcf26;
  border-radius: 24px;
  margin-left: 38px;
  padding: 8px 11px;
  font-size: 16px;
  line-height: 20px;
  text-decoration: none !important;
  white-space: nowrap;
  color: inherit !important;
}

.knowledge-base__body {
  padding: 0 45px 31px 27px;
}

.knowledge-base__buttons-line {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 9px 23px;
}

.knowledge-base__buttons-line .dop-buttons {
  margin-right: 23px;
}

.knowledge-base__buttons-line .dop-buttons > button {
  background: #cfcfcf26;
  width: 105px;
  border-radius: 17px;
  padding: 4px;
  font-size: 14px;
  line-height: 17px;
}

.knowledge-base__buttons-line .dop-buttons > button:hover {
  background: #6d95ac;
}

.knowledge-base__buttons-line .dop-buttons > button:not(:last-child) {
  margin-right: 6px;
}

.knowledge-base__buttons-line > button:not(.active) img:last-child {
  display: none;
}

.knowledge-base__buttons-line > button.active img:first-child {
  display: none;
}

.knowledge-base__buttons-line > a:not(:last-child),
.knowledge-base__buttons-line > button:not(:last-child) {
  margin-right: 14px;
}

.knowledge-base__buttons-line > .edit-button {
  width: 24px;
}

.knowledge-base__buttons-line > .create-button {
  background: #cfcfcf26;
  border-radius: 15px;
  padding: 7px 13px 7px 15px;
  font-size: 13px;
  line-height: 16px;
  margin-top: -5px;
  margin-bottom: -5px;
  color: white !important;
  text-decoration: none !important;
}

.knowledge-base__buttons-line > .add-knowledge {
  background: #6d95ac;
  border-radius: 17px;
  margin-top: 2px;
  margin-right: -23px;
  padding: 4px 17px 4px 18px;
  font-size: 14px;
  line-height: 17px;
  color: white !important;
  text-decoration: none !important;
}

.knowledge-base__buttons-line > .delete-button {
  width: 27px;
}

.knowledge-base__buttons-line > .create-button + .delete-button {
  margin-right: -25px;
}

.knowledge-base__buttons-line > button img {
  width: 100%;
}

.materials-list {
  display: -ms-flex;
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
}

.materials-list .materials-list__filter {
  width: 200px;
  margin-right: 20px;
  flex-shrink: 0;
}

.materials-list .filter-title {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #cfcfcf26;
  border-radius: 22px;
  margin-bottom: 4px;
  height: 45px;
  text-align: center;
  font-weight: 500;
  font-size: 19px;
  line-height: 23px;
  text-transform: uppercase;
}

.materials-list .filter-title.small {
  font-size: 16px;
  line-height: 20px;
}

.materials-list .filter-body {
  background: #6d95accc;
  border-radius: 18px;
  margin-bottom: 20px;
  padding: 17px;
}

.materials-list .filter-body .checkbox-group {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1px;
}

.materials-list .filter-body .checkbox-group:not(:last-child) {
  margin-bottom: 12px;
}

.materials-list .filter-body .checkbox-group input[type="checkbox"] + label {
  padding-left: 33px;
  font-size: 14.65px;
  line-height: 14px;
  color: white;
  word-break: break-all;
  word-break: break-word;
}

.materials-list
  .filter-body
  .checkbox-group
  input[type="checkbox"]
  + label:before {
  top: -1px;
  bottom: auto;
  width: 17px;
  height: 17px;
  border-color: white;
  border-radius: 5px;
}

.materials-list
  .filter-body
  .checkbox-group
  input[type="checkbox"]:checked
  + label:after {
  top: 0;
  bottom: auto;
  width: 16px;
  height: 16px;
  background: url("../images/adaptation/check.png") center center no-repeat;
  background-size: contain;
}

.materials-list .filter-body .checkbox-group input[type="text"] {
  padding: 0;
  background: transparent;
  border: none;
  width: 100%;
  font-size: 15px;
  line-height: 14px;
}

.materials-list .filter-body .checkbox-group input[type="text"]::placeholder {
  color: inherit;
  opacity: 0.6;
}

.materials-list .filter-link {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #6d95ac;
  text-align: center;
  margin-bottom: 13px;
}

.materials-list .filter-link:last-child {
  margin-bottom: -5px;
}

.materials-list .materials-list__body {
  position: relative;
  width: 100%;
  background: #cfcfcf26;
  border-radius: 22px;
  padding: 13px 14px 13px 10px;
  overflow-y: auto;
}

.materials-list .materials-list__body--rating--total {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10.4vw, 1fr));
  gap: 20px;
  padding: none !important;
  background: none;
  margin-bottom: 40px !important;
}

.materials-list .materials-list__body--rating--total img,
.materials-list .materials-list__body--rating--total-table img {
  width: 1.04vw;
  height: 1.04vw;
  margin-left: 0.15vw;
  position: relative;
  bottom: 0.12vw;
}

.materials-list .materials-list__body--rating--total div {
  text-align: center;
  padding: 0.52vw;
  border: 1px solid #6d95accc;
  border-radius: 0.78vw;
}

.materials-list .materials-list__body--rating--total div .stat-label {
  display: block;
  font-size: 0.83vw;
  margin-bottom: 0.42vw;
  color: white;
}

.materials-list .materials-list__body--rating--total div .stat-value {
  display: block;
  font-size: 1.25vw;
  font-weight: bold;
  margin-bottom: 0.26vw;
  color: white;
}

.materials-list .materials-list__body--rating--total div .stat-count {
  font-size: 0.72vw;
  color: white;
  opacity: 0.8;
}

.materials-list .materials-list__body--rating--total div:last-child {
  background: rgb(159 159 159 / 20%);
}

.materials-list .materials-list__body--rating--total-table tr:hover td::after {
  background-color: rgb(217, 217, 217);
  opacity: 0.15;
}

.materials-list
  .materials-list__body--rating--total-table
  tr
  td:last-child:after {
  border-radius: 0 0.78vw 0.78vw 0;
}
.materials-list
  .materials-list__body--rating--total-table
  th:nth-last-child(2) {
  border-radius: 0;
}

.materials-list .materials-list__body--rating--total-table th:nth-child(5) {
  border-radius: 0 25px 25px 0;
  background: #6d95accc;
  padding: 0.78vw 0.26vw !important;
}
.materials-list .materials-list__body--rating--total-table th:nth-child(1) {
  text-align: left;
  padding-left: 1.04vw !important;
}
.materials-list .materials-list__body--rating--total-table td:nth-child(1) {
  padding-left: 1.04vw !important;
  font-style: italic;
}

.materials-list .materials-list__body--rating--total-table td:nth-child(5) {
  border-bottom: 1px solid #9b9b9b;
  border-left: 1px solid #9b9b9b;
}

.materials-list .materials-list__body--rating--total-table tr td span {
  font-size: 0.72vw;
  color: white;
  opacity: 0.8;
}

.adaptation-event-list--rating .rating-result__title {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 2vw;
  align-items: center;
  padding: 0 0.8vw 0 0.52vw;
}

.adaptation-event-list--rating .rating-result__title span{
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.17vw;
  line-height: 1.4vw;
  text-transform: uppercase;
  border-radius: 1.15vw;
  width: fit-content;
  display: block;
}

.adaptation-event-list--rating .rating-result__title a {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 1.14vw;
  letter-spacing: 0;
  color: white;
  padding: 0.52vw 1.3vw;
  background: #6D95AC;
  border-radius: 1.04vw;
  height: fit-content;
  text-decoration: none;
}

.adaptation-event-list--rating .rating-results__meta {
  display: flex;
  column-gap: 2.5vw;
  margin-bottom: 1vw;
}

.adaptation-event-list--rating .meta-item {
  font-size: 0.94vw;
  padding-left: 0.52vw !important;
  text-transform: lowercase;
}

.adaptation-event-list--rating .meta-item::first-letter {
  text-transform: uppercase;
}

.materials-list__body.materials-list__body--rating--total-table th:last-child {
  background: #6d95accc;
  border-radius: 0 25px 25px 0;
  border-left: 1px solid rgb(155, 155, 155);
}

.materials-list__body.materials-list__body--rating--total-table td:last-child {
  border-bottom: 1px solid rgb(155, 155, 155);
  border-left: 1px solid rgb(155, 155, 155);
}
.materials-list .materials-list__body--teams {
  margin: 45px 45px 31px 38px;
  padding-left: 28px;
  margin-top: 0 !important;
}

.materials-list .materials-list__body--teams-employee {
  margin-right: 56px;
  padding-right: 26px;
}

.materials-list:not(.delete-mode) .delete-column {
  display: none;
}

.materials-list .table {
  overflow: auto;
}

.materials-list table {
  width: 100%;
}

.materials-list tr > *:not(:last-child):not(:nth-last-child(2)) {
  border-right: 1px solid #9b9b9b;
}

.materials-list th {
  background: #6d95accc;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  padding: 10px;
}

.materials-list th:first-child {
  width: 22.7%;
  border-radius: 25px 0 0 25px;
}

.materials-list th:nth-last-child(2) {
  border-radius: 0 25px 25px 0;
}

.materials-list th.small {
  font-size: 16px;
  line-height: 18px;
}

.materials-list th.small--team {
  font-size: 18px;
}

.materials-list th:nth-child(2) {
  width: 12.7%;
}

.materials-list th:nth-child(3) {
  width: 17%;
}

.materials-list th:nth-child(4) {
  width: 15.1%;
}

.materials-list th:nth-child(5) {
  width: 17.2%;
}

.materials-list th:nth-child(7) {
  width: 3.1%;
}

.materials-list th:last-child {
  background: none;
}

.materials-list .materials-list__body--education th:first-child {
  width: 25.5%;
}

.materials-list .materials-list__body--education th:nth-child(4) {
  width: 14.9%;
}

.materials-list .materials-list__body--education th:nth-child(5) {
  width: auto;
}

.materials-list .materials-list__body--education th:nth-child(6) {
  width: 19.1%;
}

/* start - Режим редактирования команды */

.edit-mode .materials-list__body--teams .team-row .draggable-hint::before {
  content: "≡";
  position: absolute;
  left: 0.78vw;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.45vw;
  color: white;
  opacity: 0.6;
  pointer-events: none;
  z-index: 10;
}

.edit-mode .materials-list__body--teams .team-row *,
.edit-mode .materials-list__body--teams .user-row * {
  cursor: grab !important;
}

.edit-mode .materials-list__body--teams .team-row button img,
.edit-mode .materials-list__body--teams .user-row button img {
  cursor: pointer !important;
}

.edit-mode .materials-list__body--teams .team-row input,
.edit-mode .materials-list__body--teams .user-row input,
.edit-mode .materials-list__body--teams .team-row button img,
.edit-mode .materials-list__body--teams .user-row button img,
.edit-mode .materials-list__body--teams .team-row .toggle-users img,
.edit-mode .materials-list__body--teams input[type="checkbox"] + label::before,
.edit-mode .materials-list__body--teams input[type="checkbox"] + label::after {
  cursor: pointer !important;
}

.edit-mode .materials-list__body--teams .team-row.grabbing,
.edit-mode .materials-list__body--teams .user-row.grabbing,
.edit-mode .materials-list__body--teams .team-row.grabbing *,
.edit-mode .materials-list__body--teams .user-row.grabbing * {
  cursor: grabbing !important;
}

.materials-list__body--teams .team-name {
  transition: background-color 0.6s ease;
}

.materials-list__body--teams .team-name.highlight {
  background-color: #ffffff59 !important;
}
/* end - Режим редактирования команды */

.materials-list .materials-list__body--teams th:first-child {
  width: 11.3%;
}

.materials-list .materials-list__body--teams th:nth-child(2) {
  width: 13.4%;
}

.materials-list .materials-list__body--teams th:nth-child(3) {
  width: 17.4%;
}

.materials-list .materials-list__body--teams th:nth-child(4) {
  width: 14.4%;
}

.materials-list .materials-list__body--teams th:nth-child(5) {
  width: 16.8%;
}

.materials-list .materials-list__body--teams th:nth-child(6) {
  width: 13.2%;
}

.materials-list .materials-list__body--teams th:nth-child(7) {
  width: 13.5%;
  padding: 0;
}

.materials-list .materials-list__body--teams-employee th:first-child {
  width: 11.5%;
}

.materials-list .materials-list__body--teams-employee th:nth-child(2) {
  width: 15.6%;
}

.materials-list .materials-list__body--teams-employee th:nth-child(3) {
  width: 22.5%;
}

.materials-list .materials-list__body--teams-employee th:nth-child(4) {
  width: 13.9%;
}

.materials-list .materials-list__body--teams-employee th:nth-child(5) {
  width: 17.3%;
}

.materials-list .materials-list__body--teams-employee th:nth-child(6) {
  width: 19.2%;
}

.materials-list .materials-list__body--teams-employee th:nth-child(7) {
  width: 0;
  padding: 0;
}

.materials-list .materials-list__body--task th:first-child {
  width: 24.2%;
}

.materials-list .materials-list__body--task th:nth-child(2) {
  width: 15%;
}

.materials-list .materials-list__body--task th:nth-child(3) {
  width: 12.3%;
}

.materials-list .materials-list__body--task th:nth-child(4) {
  width: 11.1%;
}

.materials-list .materials-list__body--task th:nth-child(5) {
  width: 11.1%;
}

.materials-list .materials-list__body--task th:nth-child(6) {
  width: 13.5%;
}

.materials-list .materials-list__body--task th:nth-child(7) {
  width: 12.8%;
}
.materials-list .materials-list__body--task th:nth-child(8) {
  width: 0;
  padding: 0;
}

.materials-list td {
  position: relative;
  border-bottom: 1px solid #9b9b9b;
  height: 83px;
  padding: 16px 6px 13px;
  font-size: 19px;
  line-height: 23px;
  text-align: center;
  vertical-align: top;
}

.materials-list .materials-list__body--teams td {
  height: 77px;
  border-bottom: none;
}

.materials-list .materials-list__body--teams .checkbox-group td {
  vertical-align: middle;
  padding-top: 13px;
}

.materials-list
  .materials-list__body--teams
  .checkbox-group
  input[type="checkbox"]
  + label {
  pointer-events: none;
}

.materials-list.edit-mode
  .materials-list__body--teams
  .checkbox-group
  input[type="checkbox"]
  + label {
  pointer-events: auto;
}

.materials-list
  .materials-list__body--teams
  .checkbox-group
  input[type="checkbox"]
  + label:before {
  display: none;
}

.materials-list.edit-mode
  .materials-list__body--teams
  .checkbox-group
  input[type="checkbox"]
  + label:before {
  display: block;
}

.materials-list
  .materials-list__body--teams
  .checkbox-group
  input[type="checkbox"]
  + label:before {
  bottom: auto;
  width: 17px;
  height: 17px;
  border-radius: 5px;
  border-color: #6d95ac;
  left: -42px;
  top: 20px;
}

.materials-list.edit-mode
  .materials-list__body--teams
  .checkbox-group
  input[type="checkbox"]:checked
  + label:after {
  bottom: auto;
  width: 16px;
  height: 16px;
  background-image: url(../images/adaptation/check.png);
  left: -42px;
  top: 20px;
  display: block;
}

@media (max-width: 1599.5px) {
  .materials-list
    .materials-list__body--teams
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 15px;
    height: 15px;
    border-radius: 4px;
    left: -32px;
    top: 15px;
  }

  .materials-list.edit-mode
    .materials-list__body--teams
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 14px;
    height: 14px;
    left: -32px;
    top: 15px;
  }
}

@media (max-width: 1199.5px) {
  .materials-list
    .materials-list__body--teams
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    left: -27px;
    top: 9.5px;
  }

  .materials-list.edit-mode
    .materials-list__body--teams
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 11px;
    height: 11px;
    left: -27px;
    top: 9.5px;
  }
}

@media (max-width: 991.5px) {
  .materials-list
    .materials-list__body--teams
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    left: -23px;
    top: 7px;
  }

  .materials-list.edit-mode
    .materials-list__body--teams
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 9px;
    height: 9px;
    left: -23px;
    top: 7px;
  }
}

.materials-list
  .materials-list__body--teams
  .checkbox-group
  input[type="checkbox"]:checked
  + label:after {
  display: none;
}

.materials-list .materials-list__body--teams .user-row + .user-row td {
  border-top: 1px solid #9b9b9b;
}

.materials-list
  .materials-list__body:not(.materials-list__body--teams)
  td:first-child {
  position: relative;
  text-align: left;
  padding-left: 123px;
}
.materials-list
  .materials-list__body.materials-list__body--task
  td:first-child {
  position: relative;
  text-align: left;
  padding-left: 22px;
  font-weight: 300;
  font-style: italic;
  font-size: 18px;
  line-height: 22px;
}

.materials-list td:last-child {
  border-bottom: none;
}

.materials-list .material-image {
  position: absolute;
  top: 2px;
  bottom: 0;
  left: 6px;
  margin: auto;
}

.materials-list .material-image,
.adaptation-material-page__module-row .material-image {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 101px;
  height: 65px;
  background: #15151580;
  box-shadow: 0px 2.39px 2.39px 0px #00000040;
  border-radius: 9px;
}

.adaptation-material-page__module-row .material-image {
  margin-right: 16px;
}

.materials-list .material-image .cover,
.adaptation-material-page__module-row .material-image .cover {
  border-radius: 9px;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.materials-list .material-image .video,
.adaptation-material-page__module-row .material-image .video {
  width: 42px;
}

.materials-list .material-image .document,
.adaptation-material-page__module-row .material-image .document {
  width: 38px;
}

.materials-list .material-image .pdf,
.adaptation-material-page__module-row .material-image .pdf {
  width: 33px;
}

.materials-list .material-image .longread,
.adaptation-material-page__module-row .material-image .longread {
  width: 37px;
}

.materials-list .material-image .test,
.adaptation-material-page__module-row .material-image .test {
  width: 34px;
}

.materials-list .material-image .audio,
.adaptation-material-page__module-row .material-image .audio {
  width: 35px;
}

.materials-list .material-image .html,
.adaptation-material-page__module-row .material-image .html {
  width: 33px;
}

.materials-list .material-image .scorm,
.adaptation-material-page__module-row .material-image .scorm {
  width: 32px;
}

.materials-list .material-image .link,
.adaptation-material-page__module-row .material-image .link {
  width: 30px;
}

.materials-list .material-image .course,
.adaptation-material-page__module-row .material-image .course {
  width: 34px;
}

.materials-list .material-image .training,
.adaptation-material-page__module-row .material-image .training {
  width: 31px;
}

.materials-list .material-image .testing,
.adaptation-material-page__module-row .material-image .testing {
  width: 35px;
}

.materials-list .material-image .voice_objections,
.adaptation-material-page__module-row .material-image .voice_objections {
  width: 33px;
}

.materials-list .material-name,
.adaptation-material-page__module-row .material-name {
  font-style: italic;
  font-weight: 300;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 2px;
}

.materials-list .material-type,
.adaptation-material-page__module-row .material-type {
  font-weight: 500;
  color: #6d95ac;
}

.materials-list td:last-child {
  vertical-align: middle;
}

.materials-list
  td:last-child
  .checkbox-group
  input[type="checkbox"]
  + label:before {
  position: static;
  display: block;
  width: 24px;
  height: 24px;
  background: #ffffff;
  border: none;
  border-radius: 4px;
}

.materials-list
  td:last-child
  .checkbox-group
  input[type="checkbox"]:checked
  + label:after {
  width: 21px;
  height: 21px;
  background: url("../images/recruiting_cabinet/check.png") center center
    no-repeat;
  background-size: contain;
}

.materials-list .education-buttons {
  display: -ms-flex;
  display: flex;
}

.materials-list .education-buttons > * {
  background: #cfcfcf26;
  border-radius: 17px;
  padding: 4px 12px;
  font-size: 14px;
  line-height: 17px;
  color: white !important;
  text-decoration: none !important;
}

.materials-list .education-buttons > *:not(:last-child) {
  margin-right: 6px;
}

.materials-list .team-edit {
  margin-left: 8px;
  background: #cfcfcf26;
  padding: 9px 17px 11px;
  border-radius: 25px;
}

.materials-list.edit-mode .team-edit {
  background: #6d95ac;
}

.materials-list .empty-row td {
  height: 24px;
  padding: 0;
}

.materials-list .team-cell {
  padding: 0;
  height: auto !important;
}

.materials-list .team-name {
  position: relative;
  background: #ffffff26;
  border-radius: 25px;
  padding: 10px 10px 11px;
  font-size: 20px;
  line-height: 25px;
  margin: 10px 0;
}

.materials-list .create-team .team-name {
  background: #6d95ac;
  margin-bottom: 8px;
}

.materials-list .team-name > span {
  position: relative;
}

.materials-list .team-name input {
  width: min-content;
  padding: 2px 5px 4px 6px;
  margin-top: -2px;
  margin-right: -4px;
  margin-bottom: -4px;
}

.materials-list .team-name .toggle-users {
  position: absolute;
  top: 0;
  right: -30px;
  bottom: 0;
  margin: auto;
  width: 22px;
  height: 22px;
  display: -ms-flex;
  display: flex;
}

.materials-list .team-name .toggle-users.active {
  transform: rotate(180deg);
}

.materials-list .team-name .toggle-users img {
  width: 100%;
}

.materials-list .team-name .delete-team {
  position: absolute;
  top: 0;
  right: 17px;
  bottom: 0;
  margin: auto;
  width: 27px;
  height: 27px;
  display: -ms-flex;
  display: flex;
}

.materials-list .team-name .delete-team img {
  width: 100%;
}

.materials-list .user-row .user-image {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

.materials-list .user-row .user-image td:nth-child(2),
.materials-list .user-row .user-image td:nth-child(3) {
  font-size: 17px;
  line-height: 20px;
}

.materials-list .user-row b {
  font-weight: 600;
}

.materials-list:not(.edit-mode) .materials-list__body--teams input,
.materials-list:not(.edit-mode) .materials-list__body--teams select,
.materials-list:not(.edit-mode) .materials-list__body--teams .select2,
.materials-list:not(.edit-mode) .materials-list__body--teams .change-team,
.materials-list:not(.edit-mode) .materials-list__body--teams .delete-user,
.materials-list:not(.edit-mode) .materials-list__body--teams .delete-team,
.materials-list:not(.edit-mode) .materials-list__body--teams .create-team {
  display: none;
}

.materials-list.edit-mode .materials-list__body--teams td > span:not(.select2),
.materials-list.edit-mode .materials-list__body--teams td .team-name span span {
  display: none;
}

.materials-list__team-name.override-display {
  display: inline !important;
}

.materials-list .user-row .select2-container {
  width: 100% !important;
}

.materials-list .user-row .select2-selection--single {
  background: #d9d9d940;
  border-radius: 10px;
  border: none;
  height: auto;
}

.materials-list .user-row .select2-selection__rendered,
.team-select-dropdown .select2-results__option {
  color: white;
  line-height: inherit;
  padding: 4px;
  text-align: center;
}

.materials-list td input {
  width: 100%;
  background: #d9d9d940;
  border: none;
  padding: 4px;
  border-radius: 10px 10px 0 0;
  text-align: center;
  font-weight: 600;
}

.materials-list td input + input {
  border-radius: 0;
}

.materials-list td input:last-child {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  font-weight: 400;
}

.materials-list .materials-list__body--teams .change-team {
  width: 24px;
  margin-right: 28px;
}

.materials-list .materials-list__body--teams .delete-user {
  width: 27px;
}

.materials-list .materials-list__body--teams button > img {
  width: 100%;
}

.team-select-dropdown {
  background: #ffffff26;
  backdrop-filter: blur(23px);
  border: none;
}

.team-select-dropdown .select2-search--dropdown {
  display: none;
}

.team-select-dropdown .select2-results__option {
  background: transparent;
}

.materials-list .user-row .select2-selection__arrow {
  display: none;
}

.materials-list .absolute-block {
  position: absolute;
  right: 32px;
  margin-top: 18px;
  min-height: 94px;
  background: #6d95ac;
  border-radius: 22px;
  padding: 19px 26px 13px;
  font-size: 17px;
  line-height: 15px;
}
.materials-list .absolute-block .scroll-container {
  max-height: 13vw;
  overflow-y: scroll;
  padding-top: 0.3vw;
}

.materials-list .absolute-block .scroll-container::-webkit-scrollbar {
  display: block;
  width: 0.42vw;
}

.materials-list .absolute-block .scroll-container::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0.21vw;
  border: 0.01vw solid #cfcfcf;
}
.materials-list .absolute-block .scroll-container::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 0.47vw;
  border: 0.1vw solid transparent;
  background-clip: content-box;
}
.materials-list .absolute-block .text-center {
  margin: 0 -13px;
}

.materials-list .absolute-block .block-row {
  margin-top: 16px;
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.materials-list .absolute-block .block-row button {
  background: #cfcfcf26;
  border-radius: 13px;
  width: 80px;
  padding: 5px 5px 6px;
  font-size: 11px;
  line-height: 13px;
}

.materials-list .absolute-block .block-row button:not(:last-child) {
  margin-right: 12px;
}

.materials-list .absolute-block .checkbox-group {
  padding: 0 9px;
}

.materials-list .absolute-block .checkbox-group:not(:first-child) {
  margin-top: 13px;
}

.materials-list .absolute-block .checkbox-group input[type="radio"] + label {
  padding-left: 26px;
  font-size: 17px;
  line-height: 15px;
  color: white;
}

.materials-list
  .absolute-block
  .checkbox-group
  input[type="radio"]
  + label:before {
  top: -1px;
  bottom: auto;
  width: 17px;
  height: 17px;
  border-radius: 5px;
  border-color: white;
}

.materials-list
  .absolute-block
  .checkbox-group
  input[type="radio"]:checked
  + label:after {
  top: 0;
  bottom: auto;
  width: 16px;
  height: 16px;
  background-image: url("../images/adaptation/check.png");
}

#addMaterialModal .modal-dialog {
  max-width: 719px;
}

#addMaterialModal.education-modal .modal-dialog {
  max-width: 880px;
}

#addMaterialModal .modal-content {
  background: none;
}

#addMaterialModal .btn-close {
  top: -22px;
  right: -23px;
  background: url("../images/adaptation/modal-close-white.png") center center
    no-repeat;
  background-size: contain;
  width: 24px;
  height: 23px;
}

#addMaterialModal .modal-body {
  display: -ms-grid;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(3, 1fr);
  grid-auto-flow: column;
  grid-gap: 15px 32px;
  background: url("../images/adaptation/modal-back.png") center center no-repeat;
  background-size: cover;
  border-radius: 60px;
  box-shadow: 0 15px 15px 0 #00000080;
  padding: 39px 45px;
}

#addMaterialModal.education-modal .modal-body {
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: 277fr 436fr;
  padding: 39px 47px 39px 45px;
}

#addMaterialModal .modal-body a {
  position: relative;
  background: #6d95ac8c;
  border: 3px solid #6d95ac;
  border-radius: 25px;
  padding: 15px 21px 15px 68px;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  text-transform: uppercase;
  text-decoration: none !important;
}

#addMaterialModal .modal-body a .img {
  position: absolute;
  top: 0;
  bottom: 2px;
  left: 10px;
  width: 58px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#addMaterialModal .modal-body a .img .video {
  width: 42px;
}

#addMaterialModal .modal-body a .img .document {
  width: 33px;
}

#addMaterialModal .modal-body a .img .test {
  width: 34px;
}

#addMaterialModal .modal-body a .img .longread {
  width: 37px;
}

#addMaterialModal .modal-body a .img .audio {
  width: 35px;
}

#addMaterialModal .modal-body a .img .html {
  width: 33px;
}

#addMaterialModal .modal-body a .img .scorm {
  width: 32px;
}

#addMaterialModal .modal-body a .img .link {
  width: 30px;
}

#addMaterialModal .modal-body a .lock {
  position: absolute;
  top: -8px;
  right: 3px;
  width: 23px;
}

.set-modal .modal-dialog {
  max-width: 569px;
}

.set-modal .modal-content {
  background: none;
}

.set-modal .btn-close {
  top: -28px;
  right: -30px;
  background: url("../images/adaptation/modal-close.png?ver=1") center center
    no-repeat;
  background-size: contain;
  width: 31px;
  height: 30px;
}

.set-modal .modal-body {
  background: url("../images/adaptation/education/set-modal-back.png") center
    center no-repeat;
  background-size: cover;
  border-radius: 30px;
  box-shadow: 0 19.43px 19.43px 0 #00000080;
  padding: 31px 62px 27px;
}

.set-modal .checkbox-group {
  margin-bottom: 9px;
}

.set-modal .checkbox-group input + label {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 41px;
  font-size: 21px;
  line-height: 25px;
  color: white;
  white-space: nowrap;
}

.set-modal .checkbox-group input[type="radio"] + label:before,
.set-modal .checkbox-group input[type="checkbox"] + label:before {
  top: 4px;
  bottom: auto;
  border-color: #6d95ac;
  border-radius: 6px;
  width: 22px;
  height: 22px;
}

.set-modal .checkbox-group input[type="radio"]:checked + label:after,
.set-modal .checkbox-group input[type="checkbox"]:checked + label:after {
  top: 5px;
  bottom: auto;
  width: 21px;
  height: 21px;
  background-image: url("../images/adaptation/education/check.png");
}

.set-modal .checkbox-group input + label img {
  margin-top: 2px;
  margin-left: 10px;
  width: 19px;
}

.set-modal button[type="submit"] {
  margin-top: 25px;
  background: #6d95ac;
  border-radius: 24px;
  padding: 10px 24px 11px 25px;
  font-size: 20px;
  line-height: 24px;
}

.set-modal .assign-block button[type="submit"] {
  margin-top: 10px;
}

.set-modal .assign-block {
  position: absolute;
  background: white;
  z-index: 1;
  border-radius: 25px;
}

.set-modal .assign-team-block {
  right: 24px;
  left: 22px;
  padding: 15px 34px 20px 41px;
}

.set-modal .assign-users-block {
  right: 35px;
  left: 35px;
  padding: 15px 31px 22px 27px;
}

.set-modal .assign-block .dropdown {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 21px;
  line-height: 25px;
  color: #777777;
}

.set-modal .assign-block .dropdown img {
  width: 22px;
  margin-right: 20px;
}

.set-modal .assign-users-block .dropdown + div {
  padding-left: 42px;
}

.set-modal .assign-block .dropdown.active img {
  transform: rotate(180deg);
}

.set-modal .assign-block .dropdown.active + div {
  display: block !important;
}

.set-modal .assign-block .checkbox-group {
  margin-bottom: 8px;
}

.set-modal .assign-block .checkbox-group input + label {
  color: #777777;
}

.set-modal .assign-users-block .checkbox-group input + label {
  padding-left: 33px;
  font-size: 16px;
  line-height: 19px;
  white-space: normal;
}

.set-modal .assign-block .checkbox-group input + label b {
  font-weight: 600;
}

.set-modal-tooltip {
  font-family: Montserrat;
  padding: 10px 13px 14px;
  background: url("../images/adaptation/education/set-modal-tooltip.png") center
    center no-repeat;
  background-size: 100% 100%;
  border: none !important;
  box-shadow: none;
  border-radius: 0;
  font-size: 10px;
  line-height: 11px;
  letter-spacing: -0.02em;
  color: #777777;
  pointer-events: none;
  max-width: 450px;
}

.modal-material .modal-dialog {
  max-width: 1086px;
}

.modal-material .modal-content {
  background: none;
  padding-top: 0;
  padding-right: 0;
}

.modal-material .btn-close {
  top: -22px;
  right: -23px;
  background: url("../images/adaptation/modal-close-white.png") center center
    no-repeat;
  background-size: contain;
  width: 24px;
  height: 23px;
}

.modal-material .modal-body {
  background: url("../images/adaptation/modal-back.png") center center no-repeat;
  background-size: cover;
  border-radius: 60px;
  box-shadow: 0 15px 15px 0 #00000080;
  padding: 39px 45px 37px;
}

.modal-material .modal-title {
  text-align: center;
  margin-bottom: 18px;
  color: white;
  text-shadow: 0 4px 4px #00000040;
  font-weight: 500;
  font-size: 23px;
  line-height: 28px;
  text-transform: uppercase;
}

.modal-material .modal-description {
  margin-bottom: 18px;
  color: white;
}

.modal-material .modal-body video {
  display: block;
  margin: 0 auto;
}

.modal-material .modal-body > * {
  max-width: 100%;
}

.modal-material .test-block {
  border-radius: 50px;
}

.modal-material .test-block .chapter {
  margin-bottom: 25px;
  padding: 16px 28px;
  border: 3px solid;
  border-radius: 20px;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
}

.modal-material .test-block:not(.show-results) .question-block.active {
  display: none;
}

.modal-material .test-block .question-block:not(.active) ~ .question-block {
  display: none;
}

.modal-material .test-block.show-results .question-block:not(:last-child) {
  margin-bottom: 19px;
}

.modal-material .test-block .question-title {
  position: relative;
  border-radius: 19px;
  margin-bottom: 19px;
  padding: 11px 44px;
  text-align: center;
  box-shadow: 0px 3.89px 3.89px 0px #00000040;
  background: #6d95ac;
}

.modal-material .test-block .question-title.success {
  background: #43a047;
}

.modal-material .test-block .question-title.error {
  background: #bb5353;
}

.modal-material .test-block .question-title:before {
  content: "";
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
  background: url("../images/question-arrow.png") center center no-repeat;
  background-size: contain;
  width: 18px;
}

.modal-material .test-block .question-title:after {
  content: "";
  position: absolute;
  bottom: -19px;
  right: 0;
  left: 0;
  margin: auto;
  background: url("../images/adaptation/question-under.png") center center
    no-repeat;
  background-size: contain;
  width: 106px;
  height: 20px;
}

.modal-material .test-block .question-title.success:after {
  background-image: url("../images/recruiting_cabinet/question-under-success.png");
}

.modal-material .test-block .question-title.error:after {
  background-image: url("../images/recruiting_cabinet/question-under-error.png");
}

.modal-material .test-block .answers-block {
  background: white;
  border-radius: 24px;
  padding: 29px 31px 16px;
  margin-bottom: 11px;
}

.modal-material .test-block .answers-block .form-group {
  margin-bottom: 17px;
}

.modal-material .test-block .answers-block .form-group textarea {
  color: black;
  width: 100%;
  border: none;
  padding: 0;
}

.modal-material .test-block .answers-block .form-group textarea.success {
  color: #43a047;
}

.modal-material .test-block .answers-block .form-group textarea.error {
  color: #bb5353;
}

.modal-material .test-block .answers-block .form-group input[type="checkbox"],
.modal-material .test-block .answers-block .form-group input[type="radio"] {
  position: absolute;
  z-index: 1;
  width: 21px;
  height: 21px;
  margin: 0;
  opacity: 0;
  /* display: none; */
}

.modal-material .test-block .answers-block .form-group input + label {
  position: relative;
  margin-bottom: 0;
  padding-left: 40px;
}

.modal-material .test-block .answers-block .form-group input.success + label {
  color: #43a047;
}

.modal-material .test-block .answers-block .form-group input.error + label {
  color: #bb5353;
}

.modal-material .test-block .answers-block .form-group input + label .before {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #6d95ac;
  border-radius: 5px;
  width: 22px;
  height: 22px;
  background: transparent;
}

.modal-material
  .test-block
  .answers-block
  .form-group
  input.success
  + label
  .before {
  border-color: #43a047;
}

.modal-material
  .test-block
  .answers-block
  .form-group
  input.error
  + label
  .before {
  border-color: #bb5353;
}

.modal-material
  .test-block
  .answers-block
  .form-group
  input:checked
  + label:after {
  content: "";
  display: block;
  background: url("../images/recruiting_cabinet/check.png") center center
    no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 21px;
  height: 21px;
}

.modal-material .test-block .answers-block .visual-image {
  position: relative;
  width: 100%;
}

.modal-material .test-block .answers-block .visual-image img {
  width: 100%;
}

.modal-material .test-block .answers-block .visual-image-answer {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -2px;
  margin-left: -2px;
  width: 5px;
  height: 5px;
  background: #6d95ac;
}

.modal-material .test-block .answers-block .visual-image-answer.success {
  background: #43a047;
}

.modal-material .test-block .answers-block .visual-image-answer.error {
  background: #bb5353;
}

.modal-material .test-block .answers-block .visual-image-rect {
  display: none;
  position: absolute;
  border: 3px solid #43a047;
}

.modal-material .test-block .question-type {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 22px;
}

.modal-material .test-block .buttons {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-material .test-block .buttons button {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  background: #cfcfcf26;
  box-shadow: 0 2.31px 2.31px 0 #00000040;
  backdrop-filter: blur(15px);
  border-radius: 32px;
  border: 1px solid;
  padding: 13px 13px 14px;
  width: 170px;
  font-size: 12px;
  line-height: 15px;
}

.modal-material .test-block .buttons button:not(:last-child) {
  margin-right: 17px;
}

.modal-material .test-block .buttons button span {
  position: relative;
}

.modal-material .test-block .buttons button .vacancy-arrow {
  position: absolute;
  top: -3px;
  right: -12px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-material .test-block .buttons button .vacancy-arrow img {
  width: 5px;
}

.modal-material .test-block.show-results .question-type,
.modal-material .test-block.show-results .buttons {
  display: none;
}

#testAdaptationResults .modal-dialog {
  max-width: 584px;
}

#testAdaptationResults .modal-content {
  border-radius: 27px;
  background: url("../images/adaptation/modal-back.png") center center no-repeat;
  background-size: cover;
  box-shadow: 0px 4.92px 18.44px 0px #00000080;
}

#testAdaptationResults .btn-close {
  top: 17px;
  right: 18px;
  background: url("../images/recruiting_resume/modal-resume-close.png") center
    center no-repeat;
  background-size: contain;
  width: 17px;
  height: 17px;
}

#testAdaptationResults .modal-body {
  padding: 24px 87px 35px 88px;
  text-align: center;
}

#testAdaptationResults .modal-body .title {
  font-size: 19px;
  line-height: 23px;
  margin-bottom: 8px;
  text-shadow: 0px 4.92px 4.92px #00000040;
}

#testAdaptationResults .modal-body .count {
  font-weight: 500;
  font-size: 39px;
  line-height: 48px;
  margin-bottom: 18px;
  text-shadow: 0px 4.92px 4.92px #00000040;
}

#testAdaptationResults .modal-body .result {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 12px;
}

#testAdaptationResults .modal-body .buttons {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#testAdaptationResults .modal-body .buttons > * {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  background: #cfcfcf26;
  border: 1px solid #6d95ac;
  box-shadow: 0px 2.31px 2.31px 0px #00000040;
  backdrop-filter: blur(15px);
  border-radius: 32px;
  padding: 10px 36px;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-decoration: none !important;
  text-transform: uppercase;
}

#testAdaptationResults .modal-body .buttons > *:hover {
  background: #6d95ac;
}

#testAdaptationResults .modal-body .buttons > *:first-child {
  padding: 10px 20px 10px 21px;
}

#testAdaptationResults .modal-body .buttons > *:first-child:last-child {
  margin-top: 8px;
  margin-bottom: -14px;
  width: 100%;
  text-align: center;
}

#adaptationGenerateAccess .modal-dialog {
  max-width: 842px;
}

#adaptationGenerateAccess .modal-content {
  background: #ffffff33;
  border-radius: 35px;
}

#adaptationGenerateAccess .btn-close {
  top: 35px;
  right: 33px;
  background: url("../images/adaptation/modal-close.png") center center
    no-repeat;
  background-size: contain;
  width: 22px;
  height: 21px;
}

#adaptationGenerateAccess .modal-body {
  padding: 34px 135px 32px;
}

#adaptationGenerateAccess .form-control {
  border-color: #6d95ac;
  border-radius: 21px;
  padding: 11px 11px 10px;
  font-size: 19px;
  line-height: 24px;
  color: #777777;
  text-align: center;
}

#adaptationGenerateAccess .generate {
  background: #6d95ac;
  box-shadow: 0 3.93px 3.93px 0 #00000040;
  backdrop-filter: blur(24px);
  border-radius: 54px;
  padding: 12px 29px 12px 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

@media (max-width: 1599.5px) {
  .knowledge-base__top {
    padding: 12px 42px 12px 16px;
  }

  .knowledge-base__top > img {
    margin-top: -1px;
    margin-bottom: 1px;
    width: 159px;
  }

  .knowledge-base__top .search-line input {
    border-radius: 15px;
    padding: 10px 48px 9px 16px;
    font-size: 13px;
    line-height: 16px;
  }

  .knowledge-base__top .search-line button {
    right: 13px;
    width: 19px;
  }

  .knowledge-base__top .new-material {
    width: 225px;
    border-radius: 18px;
    margin-left: 28px;
    padding: 6px 8px;
    font-size: 13px;
    line-height: 15px;
  }

  .knowledge-base__body {
    padding: 0 33px 22px 19px;
  }

  .knowledge-base__buttons-line {
    padding: 7px 16px;
  }

  .knowledge-base__buttons-line .dop-buttons {
    margin-right: 16px;
  }

  .knowledge-base__buttons-line .dop-buttons > button {
    width: 78px;
    border-radius: 13px;
    padding: 3px;
    font-size: 12px;
    line-height: 15px;
  }

  .knowledge-base__buttons-line .dop-buttons > button:not(:last-child) {
    margin-right: 4px;
  }

  .knowledge-base__buttons-line > a:not(:last-child),
  .knowledge-base__buttons-line > button:not(:last-child) {
    margin-right: 10px;
  }

  .knowledge-base__buttons-line > .edit-button {
    width: 18px;
  }

  .knowledge-base__buttons-line > .create-button {
    border-radius: 11px;
    padding: 5px 10px 5px 11px;
    font-size: 12px;
    line-height: 15px;
  }

  .knowledge-base__buttons-line > .add-knowledge {
    border-radius: 13px;
    margin-top: 1px;
    margin-right: -16px;
    padding: 3px 13px;
    font-size: 12px;
    line-height: 15px;
  }

  .knowledge-base__buttons-line > .delete-button {
    width: 19px;
  }

  .knowledge-base__buttons-line > .create-button + .delete-button {
    margin-right: -18px;
  }

  .materials-list .materials-list__filter {
    width: 170px;
    margin-right: 15px;
  }

  .materials-list .filter-title {
    border-radius: 16px;
    margin-bottom: 3px;
    height: 33px;
    font-size: 14px;
    line-height: 16px;
  }

  .materials-list .filter-title.small {
    font-size: 12px;
    line-height: 15px;
  }

  .materials-list .filter-body {
    border-radius: 13px;
    margin-bottom: 15px;
    padding: 13px;
  }

  .materials-list .filter-body .checkbox-group:not(:last-child) {
    margin-bottom: 9px;
  }

  .materials-list .filter-body .checkbox-group input[type="checkbox"] + label {
    padding-left: 24px;
    font-size: 12px;
    line-height: 11px;
  }

  .materials-list
    .filter-body
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 4px;
  }

  .materials-list
    .filter-body
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 12px;
    height: 12px;
  }

  .materials-list .filter-body .checkbox-group input[type="text"] {
    font-size: 12px;
    line-height: 11px;
  }

  .materials-list .filter-link {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
  }

  .materials-list .filter-link:last-child {
    margin-bottom: -4px;
  }

  .materials-list .materials-list__body {
    border-radius: 16px;
    padding: 10px 10px 10px 7px;
  }

  .materials-list .materials-list__body--teams {
    margin: 33px 33px 22px 28px;
    padding-left: 21px;
  }

  .materials-list .materials-list__body--teams-employee {
    margin-right: 42px;
    padding-right: 19px;
  }

  .materials-list th {
    font-size: 15px;
    line-height: 18px;
    padding: 8px;
  }

  .materials-list th:first-child {
    border-radius: 18px 0 0 18px;
  }

  .materials-list th:nth-last-child(2) {
    border-radius: 0 18px 18px 0;
  }

  .materials-list th.small {
    font-size: 12px;
    line-height: 13px;
  }

  .materials-list th.small--team {
    font-size: 13px;
  }

  .materials-list td {
    height: 61px;
    padding: 12px 4px 10px;
    font-size: 14px;
    line-height: 16px;
  }

  .materials-list .materials-list__body--teams td {
    height: 57px;
  }

  .materials-list .materials-list__body--teams .user-row td {
    padding-top: 10px;
  }

  .materials-list
    .materials-list__body:not(.materials-list__body--teams)
    td:first-child {
    padding-left: 91px;
  }
  .materials-list
    .materials-list__body.materials-list__body--task
    td:first-child {
    padding-left: 16px;
    font-size: 13px;
    line-height: 16px;
  }

  .materials-list .material-image,
  .adaptation-material-page__module-row .material-image {
    top: 1px;
    left: 4px;
    width: 75px;
    height: 48px;
    box-shadow: 0 1.78px 1.78px 0 #00000040;
    border-radius: 7px;
  }

  .adaptation-material-page__module-row .material-image {
    margin-right: 12px;
  }

  .materials-list .material-image .cover,
  .adaptation-material-page__module-row .material-image .cover {
    border-radius: 7px;
  }

  .materials-list .material-image .video,
  .adaptation-material-page__module-row .material-image .video {
    width: 31px;
  }

  .materials-list .material-image .document,
  .adaptation-material-page__module-row .material-image .document {
    width: 28px;
  }

  .materials-list .material-image .pdf,
  .adaptation-material-page__module-row .material-image .pdf {
    width: 24px;
  }

  .materials-list .material-image .longread,
  .adaptation-material-page__module-row .material-image .longread {
    width: 27px;
  }

  .materials-list .material-image .test,
  .adaptation-material-page__module-row .material-image .test {
    width: 25px;
  }

  .materials-list .material-image .audio,
  .adaptation-material-page__module-row .material-image .audio {
    width: 25px;
  }

  .materials-list .material-image .html,
  .adaptation-material-page__module-row .material-image .html {
    width: 24px;
  }

  .materials-list .material-image .scorm,
  .adaptation-material-page__module-row .material-image .scorm {
    width: 24px;
  }

  .materials-list .material-image .link,
  .adaptation-material-page__module-row .material-image .link {
    width: 22px;
  }

  .materials-list .material-image .course,
  .adaptation-material-page__module-row .material-image .course {
    width: 25px;
  }

  .materials-list .material-image .training,
  .adaptation-material-page__module-row .material-image .training {
    width: 22px;
  }

  .materials-list .material-image .testing,
  .adaptation-material-page__module-row .material-image .testing {
    width: 25px;
  }

  .materials-list .material-image .voice_objections,
  .adaptation-material-page__module-row .material-image .voice_objections {
    width: 24px;
  }

  .materials-list .material-name,
  .adaptation-material-page__module-row .material-name {
    font-size: 13px;
    line-height: 16px;
  }

  .materials-list
    td:last-child
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 18px;
    height: 18px;
    border-radius: 3px;
  }

  .materials-list
    td:last-child
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 15px;
    height: 15px;
  }

  .materials-list .education-buttons > * {
    border-radius: 13px;
    padding: 3px 9px;
    font-size: 12px;
    line-height: 15px;
  }

  .materials-list .education-buttons > *:not(:last-child) {
    margin-right: 4px;
  }

  .materials-list .team-edit {
    margin-left: 6px;
    padding: 7px 13px 8px;
    border-radius: 18px;
  }

  .materials-list .empty-row td {
    height: 18px;
  }

  .materials-list .team-name {
    border-radius: 18px;
    padding: 7px 7px 8px;
    font-size: 15px;
    line-height: 18px;
    margin: 5px 0;
  }

  .materials-list .create-team .team-name {
    margin-bottom: 6px;
  }

  .materials-list .team-name input {
    padding: 1px 4px 3px;
    margin-top: -1px;
    margin-right: -3px;
    margin-bottom: -3px;
  }

  .materials-list .team-name .toggle-users {
    right: -22px;
    width: 16px;
    height: 16px;
  }

  .materials-list .team-name .delete-team {
    right: 13px;
    width: 19px;
    height: 19px;
  }

  .materials-list .user-row .user-image {
    width: 45px;
    height: 45px;
  }

  .materials-list .user-row .user-image td:nth-child(2),
  .materials-list .user-row .user-image td:nth-child(3) {
    font-size: 13px;
    line-height: 15px;
  }

  .materials-list .user-row .select2-selection--single {
    border-radius: 7px;
  }

  .materials-list .user-row .select2-selection__rendered,
  .team-select-dropdown .select2-results__option {
    padding: 3px;
  }

  .materials-list td input {
    padding: 3px;
    border-radius: 7px 7px 0 0;
  }

  .materials-list td input:last-child {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
  }

  .materials-list .materials-list__body--teams .change-team {
    width: 18px;
    margin-right: 21px;
  }

  .materials-list .materials-list__body--teams .delete-user {
    width: 19px;
  }

  .materials-list .absolute-block {
    right: 24px;
    margin-top: 13px;
    min-height: 70px;
    border-radius: 16px;
    padding: 14px 19px 10px;
    font-size: 13px;
    line-height: 11px;
  }

  .materials-list .absolute-block .text-center {
    margin: 0 -10px;
  }

  .materials-list .absolute-block .block-row {
    margin-top: 12px;
  }

  .materials-list .absolute-block .block-row button:not(:last-child) {
    margin-right: 9px;
  }

  .materials-list .absolute-block .checkbox-group {
    padding: 0 7px;
  }

  .materials-list .absolute-block .checkbox-group:not(:first-child) {
    margin-top: 10px;
  }

  .materials-list .absolute-block .checkbox-group input[type="radio"] + label {
    padding-left: 19px;
    font-size: 13px;
    line-height: 11px;
  }

  .materials-list
    .absolute-block
    .checkbox-group
    input[type="radio"]
    + label:before {
    width: 13px;
    height: 13px;
    border-radius: 4px;
  }

  .materials-list
    .absolute-block
    .checkbox-group
    input[type="radio"]:checked
    + label:after {
    width: 12px;
    height: 12px;
  }

  #addMaterialModal .modal-dialog {
    max-width: 538px;
  }

  #addMaterialModal.education-modal .modal-dialog {
    max-width: 660px;
  }

  #addMaterialModal .btn-close {
    top: -16px;
    right: -16px;
    width: 18px;
    height: 16px;
  }

  #addMaterialModal .modal-body {
    grid-gap: 11px 24px;
    border-radius: 45px;
    box-shadow: 0 11.25px 11.25px 0 #00000080;
    padding: 28px 33px;
  }

  #addMaterialModal.education-modal .modal-body {
    padding: 28px 34px 28px 33px;
  }

  #addMaterialModal .modal-body a {
    border: 2px solid #6d95ac;
    border-radius: 18px;
    padding: 11px 15px 11px 51px;
    font-size: 16px;
    line-height: 19px;
  }

  #addMaterialModal .modal-body a .img {
    bottom: 1px;
    left: 7px;
    width: 43px;
  }

  #addMaterialModal .modal-body a .img .video {
    width: 31px;
  }

  #addMaterialModal .modal-body a .img .document {
    width: 24px;
  }

  #addMaterialModal .modal-body a .img .test {
    width: 25px;
  }

  #addMaterialModal .modal-body a .img .longread {
    width: 27px;
  }

  #addMaterialModal .modal-body a .img .audio {
    width: 25px;
  }

  #addMaterialModal .modal-body a .img .html {
    width: 24px;
  }

  #addMaterialModal .modal-body a .img .scorm {
    width: 24px;
  }

  #addMaterialModal .modal-body a .img .link {
    width: 22px;
  }

  #addMaterialModal .modal-body a .lock {
    top: -6px;
    right: 2px;
    width: 16px;
  }

  .set-modal .modal-dialog {
    max-width: 426px;
  }

  .set-modal .btn-close {
    top: -21px;
    right: -22px;
    width: 22px;
    height: 22px;
  }

  .set-modal .modal-body {
    border-radius: 22px;
    box-shadow: 0 14.56px 14.56px 0 #00000080;
    padding: 22px 46px 19px;
  }

  .set-modal .checkbox-group {
    margin-bottom: 7px;
  }

  .set-modal .checkbox-group input + label {
    padding-left: 30px;
    font-size: 15px;
    line-height: 18px;
  }

  .set-modal .checkbox-group input[type="radio"] + label:before,
  .set-modal .checkbox-group input[type="checkbox"] + label:before {
    top: 3px;
    border-radius: 4px;
    width: 16px;
    height: 16px;
  }

  .set-modal .checkbox-group input[type="radio"]:checked + label:after,
  .set-modal .checkbox-group input[type="checkbox"]:checked + label:after {
    top: 4px;
    width: 15px;
    height: 15px;
  }

  .set-modal .checkbox-group input + label img {
    margin-top: 1px;
    margin-left: 7px;
    width: 14px;
  }

  .set-modal button[type="submit"] {
    margin-top: 18px;
    border-radius: 18px;
    padding: 7px 18px 8px;
    font-size: 15px;
    line-height: 18px;
  }

  .set-modal .assign-block button[type="submit"] {
    margin-top: 7px;
  }

  .set-modal .assign-block {
    border-radius: 18px;
  }

  .set-modal .assign-team-block {
    right: 18px;
    left: 16px;
    padding: 11px 25px 15px 30px;
  }

  .set-modal .assign-users-block {
    right: 25px;
    left: 25px;
    padding: 11px 22px 16px 19px;
  }

  .set-modal .assign-block .dropdown {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 18px;
  }

  .set-modal .assign-block .dropdown img {
    width: 16px;
    margin-right: 15px;
  }

  .set-modal .assign-users-block .dropdown + div {
    padding-left: 31px;
  }

  .set-modal .assign-block .checkbox-group {
    margin-bottom: 6px;
  }

  .set-modal .assign-users-block .checkbox-group input + label {
    padding-left: 24px;
    font-size: 12px;
    line-height: 14px;
  }

  .modal-material .modal-dialog {
    max-width: 814px;
  }

  .modal-material .btn-close {
    top: -16px;
    right: -16px;
    width: 18px;
    height: 16px;
  }

  .modal-material .modal-body {
    border-radius: 45px;
    box-shadow: 0 11px 11px 0 #00000080;
    padding: 28px 33px 27px;
  }

  .modal-material .modal-title {
    margin-bottom: 13px;
    text-shadow: 0 3px 3px #00000040;
    font-size: 16px;
    line-height: 21px;
  }

  .modal-material .modal-description {
    margin-bottom: 13px;
  }

  .modal-material .test-block {
    border-radius: 37px;
  }

  .modal-material .test-block .chapter {
    margin-bottom: 18px;
    padding: 12px 21px;
    border: 2px solid;
    border-radius: 15px;
    font-size: 16px;
    line-height: 19px;
  }

  .modal-material .test-block.show-results .question-block:not(:last-child) {
    margin-bottom: 14px;
  }

  .modal-material .test-block .question-title {
    border-radius: 14px;
    margin-bottom: 14px;
    padding: 8px 33px;
    box-shadow: 0px 2.91px 2.91px 0px #00000040;
  }

  .modal-material .test-block .question-title:before {
    right: 12px;
    width: 13px;
  }

  .modal-material .test-block .question-title:after {
    bottom: -14px;
    width: 79px;
    height: 15px;
  }

  .modal-material .test-block .answers-block {
    border-radius: 18px;
    padding: 21px 22px 12px;
    margin-bottom: 8px;
  }

  .modal-material .test-block .answers-block .form-group {
    margin-bottom: 13px;
  }

  .modal-material .test-block .answers-block .form-group input[type="checkbox"],
  .modal-material .test-block .answers-block .form-group input[type="radio"] {
    width: 16px;
    height: 16px;
  }

  .modal-material .test-block .answers-block .form-group input + label {
    padding-left: 30px;
  }

  .modal-material .test-block .answers-block .form-group input + label .before {
    border-radius: 4px;
    width: 16px;
    height: 16px;
  }

  .modal-material
    .test-block
    .answers-block
    .form-group
    input:checked
    + label:after {
    width: 15px;
    height: 15px;
  }

  .modal-material .test-block .question-type {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 16px;
  }

  .modal-material .test-block .buttons button {
    box-shadow: 0 1.72px 1.72px 0 #00000040;
    border-radius: 24px;
    padding: 10px;
    width: 127px;
    font-size: 9px;
    line-height: 11px;
  }

  .modal-material .test-block .buttons button:not(:last-child) {
    margin-right: 13px;
  }

  .modal-material .test-block .buttons button .vacancy-arrow {
    top: -2px;
    right: -9px;
    width: 7px;
    height: 7px;
  }

  .modal-material .test-block .buttons button .vacancy-arrow img {
    width: 4px;
  }

  #testAdaptationResults .modal-dialog {
    max-width: 438px;
  }

  #testAdaptationResults .modal-content {
    border-radius: 19px;
    box-shadow: 0 3.69px 13.83px 0 #00000080;
  }

  #testAdaptationResults .btn-close {
    top: 13px;
    right: 13px;
    width: 13px;
    height: 13px;
  }

  #testAdaptationResults .modal-body {
    padding: 18px 64px 25px 66px;
  }

  #testAdaptationResults .modal-body .title {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 6px;
    text-shadow: 0 3.69px 3.69px #00000040;
  }

  #testAdaptationResults .modal-body .count {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 13px;
    text-shadow: 0 3.69px 3.69px #00000040;
  }

  #testAdaptationResults .modal-body .result {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 9px;
  }

  #testAdaptationResults .modal-body .buttons > * {
    box-shadow: 0 1.72px 1.72px 0 #00000040;
    border-radius: 24px;
    padding: 7px 27px;
    font-size: 9px;
    line-height: 11px;
  }

  #testAdaptationResults .modal-body .buttons > *:first-child {
    padding: 7px 15px 7px;
  }

  #testAdaptationResults .modal-body .buttons > *:first-child:last-child {
    margin-top: 6px;
    margin-bottom: -10px;
  }

  #adaptationGenerateAccess .modal-dialog {
    max-width: 621px;
  }

  #adaptationGenerateAccess .modal-content {
    border-radius: 25px;
  }

  #adaptationGenerateAccess .btn-close {
    top: 25px;
    right: 24px;
    width: 16px;
    height: 15px;
  }

  #adaptationGenerateAccess .modal-body {
    padding: 25px 100px 24px;
  }

  #adaptationGenerateAccess .form-control {
    border-radius: 15px;
    padding: 8px 8px 7px;
    font-size: 14px;
    line-height: 18px;
  }

  #adaptationGenerateAccess .generate {
    box-shadow: 0 2.94px 2.94px 0 #00000040;
    border-radius: 40px;
    padding: 9px 21px 9px 18px;
    font-size: 12px;
    line-height: 14px;
  }

  .knowledge-base__top > img {
    margin-top: -1px;
    margin-bottom: 1px;
    width: 159px;
  }

  .knowledge-base__top .search-line input {
    border-radius: 15px;
    padding: 10px 48px 9px 16px;
    font-size: 13px;
    line-height: 16px;
  }

  .knowledge-base__top .search-line button {
    right: 13px;
    width: 19px;
  }

  .knowledge-base__body {
    padding: 0 33px 22px 19px;
  }

  .knowledge-base__buttons-line {
    padding: 7px 16px;
  }

  .knowledge-base__buttons-line .dop-buttons {
    margin-right: 16px;
  }

  .knowledge-base__buttons-line .dop-buttons > button {
    width: 78px;
    border-radius: 13px;
    padding: 3px;
    font-size: 12px;
    line-height: 15px;
  }

  .knowledge-base__buttons-line .dop-buttons > button:not(:last-child) {
    margin-right: 4px;
  }

  .knowledge-base__buttons-line > a:not(:last-child),
  .knowledge-base__buttons-line > button:not(:last-child) {
    margin-right: 10px;
  }

  .knowledge-base__buttons-line > .edit-button {
    width: 18px;
  }

  .knowledge-base__buttons-line > .create-button {
    border-radius: 11px;
    padding: 5px 10px 5px 11px;
    font-size: 12px;
    line-height: 15px;
  }

  .knowledge-base__buttons-line > .add-knowledge {
    border-radius: 13px;
    margin-top: 1px;
    margin-right: -16px;
    padding: 3px 13px;
    font-size: 12px;
    line-height: 15px;
  }

  .knowledge-base__buttons-line > .delete-button {
    width: 19px;
  }

  .knowledge-base__buttons-line > .create-button + .delete-button {
    margin-right: -18px;
  }

  .materials-list .filter-title {
    border-radius: 16px;
    margin-bottom: 3px;
    height: 33px;
    font-size: 14px;
    line-height: 16px;
  }

  .materials-list .filter-title.small {
    font-size: 12px;
    line-height: 15px;
  }


  .materials-list .filter-body .checkbox-group:not(:last-child) {
    margin-bottom: 9px;
  }

  .materials-list .filter-body .checkbox-group input[type="checkbox"] + label {
    padding-left: 24px;
    font-size: 12px;
    line-height: 11px;
  }

  .materials-list
    .filter-body
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 4px;
  }

  .materials-list
    .filter-body
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 12px;
    height: 12px;
  }

  .materials-list .filter-body .checkbox-group input[type="text"] {
    font-size: 12px;
    line-height: 11px;
  }

  .materials-list .filter-link {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 10px;
  }

  .materials-list .filter-link:last-child {
    margin-bottom: -4px;
  }

  .materials-list .materials-list__body {
    border-radius: 16px;
    padding: 10px 10px 10px 7px;
  }

  .materials-list .materials-list__body--teams {
    margin: 33px 33px 22px 28px;
    padding-left: 21px;
  }

  .materials-list .materials-list__body--teams-employee {
    margin-right: 42px;
    padding-right: 19px;
  }

  .materials-list th:first-child {
    border-radius: 18px 0 0 18px;
  }

  .materials-list th:nth-last-child(2) {
    border-radius: 0 18px 18px 0;
  }

  .materials-list th.small {
    font-size: 12px;
    line-height: 13px;
  }

  .materials-list th.small--team {
    font-size: 13px;
  }

  .materials-list td {
    height: 61px;
    padding: 12px 4px 10px;
    font-size: 14px;
    line-height: 16px;
  }

  .materials-list .materials-list__body--teams td {
    height: 57px;
  }

  .materials-list .materials-list__body--teams .user-row td {
    padding-top: 10px;
  }

  .materials-list
    .materials-list__body:not(.materials-list__body--teams)
    td:first-child {
    padding-left: 91px;
  }
  .materials-list
    .materials-list__body.materials-list__body--task
    td:first-child {
    padding-left: 16px;
    font-size: 13px;
    line-height: 16px;
  }

  .materials-list .material-image,
  .adaptation-material-page__module-row .material-image {
    top: 1px;
    left: 4px;
    width: 75px;
    height: 48px;
    box-shadow: 0 1.78px 1.78px 0 #00000040;
    border-radius: 7px;
  }

  .adaptation-material-page__module-row .material-image {
    margin-right: 12px;
  }

  .materials-list .material-image .cover,
  .adaptation-material-page__module-row .material-image .cover {
    border-radius: 7px;
  }

  .materials-list .material-image .video,
  .adaptation-material-page__module-row .material-image .video {
    width: 31px;
  }

  .materials-list .material-image .document,
  .adaptation-material-page__module-row .material-image .document {
    width: 28px;
  }

  .materials-list .material-image .pdf,
  .adaptation-material-page__module-row .material-image .pdf {
    width: 24px;
  }

  .materials-list .material-image .longread,
  .adaptation-material-page__module-row .material-image .longread {
    width: 27px;
  }

  .materials-list .material-image .test,
  .adaptation-material-page__module-row .material-image .test {
    width: 25px;
  }

  .materials-list .material-image .audio,
  .adaptation-material-page__module-row .material-image .audio {
    width: 25px;
  }

  .materials-list .material-image .html,
  .adaptation-material-page__module-row .material-image .html {
    width: 24px;
  }

  .materials-list .material-image .scorm,
  .adaptation-material-page__module-row .material-image .scorm {
    width: 24px;
  }

  .materials-list .material-image .link,
  .adaptation-material-page__module-row .material-image .link {
    width: 22px;
  }

  .materials-list .material-image .course,
  .adaptation-material-page__module-row .material-image .course {
    width: 25px;
  }

  .materials-list .material-image .training,
  .adaptation-material-page__module-row .material-image .training {
    width: 22px;
  }

  .materials-list .material-image .testing,
  .adaptation-material-page__module-row .material-image .testing {
    width: 25px;
  }

  .materials-list .material-image .voice_objections,
  .adaptation-material-page__module-row .material-image .voice_objections {
    width: 24px;
  }

  .materials-list .material-name,
  .adaptation-material-page__module-row .material-name {
    font-size: 13px;
    line-height: 16px;
  }

  .materials-list
    td:last-child
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 18px;
    height: 18px;
    border-radius: 3px;
  }

  .materials-list
    td:last-child
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 15px;
    height: 15px;
  }

  .materials-list .education-buttons > * {
    border-radius: 13px;
    padding: 3px 9px;
    font-size: 12px;
    line-height: 15px;
  }

  .materials-list .education-buttons > *:not(:last-child) {
    margin-right: 4px;
  }

  .materials-list .team-edit {
    margin-left: 6px;
    padding: 7px 13px 8px;
    border-radius: 18px;
  }

  .materials-list .empty-row td {
    height: 18px;
  }

  .materials-list .team-name {
    border-radius: 18px;
    padding: 7px 7px 8px;
    font-size: 15px;
    line-height: 18px;
  }

  .materials-list .create-team .team-name {
    margin-bottom: 6px;
  }

  .materials-list .team-name input {
    padding: 1px 4px 3px;
    margin-top: -1px;
    margin-right: -3px;
    margin-bottom: -3px;
  }

  .materials-list .team-name .toggle-users {
    right: -22px;
    width: 16px;
    height: 16px;
  }

  .materials-list .team-name .delete-team {
    right: 13px;
    width: 19px;
    height: 19px;
  }

  .materials-list .user-row .user-image {
    width: 45px;
    height: 45px;
  }

  .materials-list .user-row .user-image td:nth-child(2),
  .materials-list .user-row .user-image td:nth-child(3) {
    font-size: 13px;
    line-height: 15px;
  }

  .materials-list .user-row .select2-selection--single {
    border-radius: 7px;
  }

  .materials-list .user-row .select2-selection__rendered,
  .team-select-dropdown .select2-results__option {
    padding: 3px;
  }

  .materials-list td input {
    padding: 3px;
    border-radius: 7px 7px 0 0;
  }

  .materials-list td input:last-child {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
  }

  .materials-list .materials-list__body--teams .change-team {
    width: 18px;
    margin-right: 21px;
  }

  .materials-list .materials-list__body--teams .delete-user {
    width: 19px;
  }

  .materials-list .absolute-block {
    right: 24px;
    margin-top: 13px;
    min-height: 70px;
    border-radius: 16px;
    padding: 14px 19px 10px;
    font-size: 13px;
    line-height: 11px;
  }

  .materials-list .absolute-block .text-center {
    margin: 0 -10px;
  }

  .materials-list .absolute-block .block-row {
    margin-top: 12px;
  }

  .materials-list .absolute-block .block-row button:not(:last-child) {
    margin-right: 9px;
  }

  .materials-list .absolute-block .checkbox-group {
    padding: 0 7px;
  }

  .materials-list .absolute-block .checkbox-group:not(:first-child) {
    margin-top: 10px;
  }

  .materials-list .absolute-block .checkbox-group input[type="radio"] + label {
    padding-left: 19px;
    font-size: 13px;
    line-height: 11px;
  }

  .materials-list
    .absolute-block
    .checkbox-group
    input[type="radio"]
    + label:before {
    width: 13px;
    height: 13px;
    border-radius: 4px;
  }

  .materials-list
    .absolute-block
    .checkbox-group
    input[type="radio"]:checked
    + label:after {
    width: 12px;
    height: 12px;
  }

  #addMaterialModal .modal-dialog {
    max-width: 538px;
  }

  #addMaterialModal.education-modal .modal-dialog {
    max-width: 660px;
  }

  #addMaterialModal .btn-close {
    top: -16px;
    right: -16px;
    width: 18px;
    height: 16px;
  }

  #addMaterialModal .modal-body {
    grid-gap: 11px 24px;
    border-radius: 45px;
    box-shadow: 0 11.25px 11.25px 0 #00000080;
    padding: 28px 33px;
  }

  #addMaterialModal.education-modal .modal-body {
    padding: 28px 34px 28px 33px;
  }

  #addMaterialModal .modal-body a {
    border: 2px solid #6d95ac;
    border-radius: 18px;
    padding: 11px 15px 11px 51px;
    font-size: 16px;
    line-height: 19px;
  }

  #addMaterialModal .modal-body a .img {
    bottom: 1px;
    left: 7px;
    width: 43px;
  }

  #addMaterialModal .modal-body a .img .video {
    width: 31px;
  }

  #addMaterialModal .modal-body a .img .document {
    width: 24px;
  }

  #addMaterialModal .modal-body a .img .test {
    width: 25px;
  }

  #addMaterialModal .modal-body a .img .longread {
    width: 27px;
  }

  #addMaterialModal .modal-body a .img .audio {
    width: 25px;
  }

  #addMaterialModal .modal-body a .img .html {
    width: 24px;
  }

  #addMaterialModal .modal-body a .img .scorm {
    width: 24px;
  }

  #addMaterialModal .modal-body a .img .link {
    width: 22px;
  }

  #addMaterialModal .modal-body a .lock {
    top: -6px;
    right: 2px;
    width: 16px;
  }

  .set-modal .modal-dialog {
    max-width: 426px;
  }

  .set-modal .btn-close {
    top: -21px;
    right: -22px;
    width: 22px;
    height: 22px;
  }

  .set-modal .modal-body {
    border-radius: 22px;
    box-shadow: 0 14.56px 14.56px 0 #00000080;
    padding: 22px 46px 19px;
  }

  .set-modal .checkbox-group {
    margin-bottom: 7px;
  }

  .set-modal .checkbox-group input + label {
    padding-left: 30px;
    font-size: 15px;
    line-height: 18px;
  }

  .set-modal .checkbox-group input[type="radio"] + label:before,
  .set-modal .checkbox-group input[type="checkbox"] + label:before {
    top: 3px;
    border-radius: 4px;
    width: 16px;
    height: 16px;
  }

  .set-modal .checkbox-group input[type="radio"]:checked + label:after,
  .set-modal .checkbox-group input[type="checkbox"]:checked + label:after {
    top: 4px;
    width: 15px;
    height: 15px;
  }

  .set-modal .checkbox-group input + label img {
    margin-top: 1px;
    margin-left: 7px;
    width: 14px;
  }

  .set-modal button[type="submit"] {
    margin-top: 18px;
    border-radius: 18px;
    padding: 7px 18px 8px;
    font-size: 15px;
    line-height: 18px;
  }

  .set-modal .assign-block button[type="submit"] {
    margin-top: 7px;
  }

  .set-modal .assign-block {
    border-radius: 18px;
  }

  .set-modal .assign-team-block {
    right: 18px;
    left: 16px;
    padding: 11px 25px 15px 30px;
  }

  .set-modal .assign-users-block {
    right: 25px;
    left: 25px;
    padding: 11px 22px 16px 19px;
  }

  .set-modal .assign-block .dropdown {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 18px;
  }

  .set-modal .assign-block .dropdown img {
    width: 16px;
    margin-right: 15px;
  }

  .set-modal .assign-users-block .dropdown + div {
    padding-left: 31px;
  }

  .set-modal .assign-block .checkbox-group {
    margin-bottom: 6px;
  }

  .set-modal .assign-users-block .checkbox-group input + label {
    padding-left: 24px;
    font-size: 12px;
    line-height: 14px;
  }

  .modal-material .modal-dialog {
    max-width: 814px;
  }

  .modal-material .btn-close {
    top: -16px;
    right: -16px;
    width: 18px;
    height: 16px;
  }

  .modal-material .modal-body {
    border-radius: 45px;
    box-shadow: 0 11px 11px 0 #00000080;
    padding: 28px 33px 27px;
  }

  .modal-material .modal-title {
    margin-bottom: 13px;
    text-shadow: 0 3px 3px #00000040;
    font-size: 16px;
    line-height: 21px;
  }

  .modal-material .modal-description {
    margin-bottom: 13px;
  }

  .modal-material .test-block {
    border-radius: 37px;
  }

  .modal-material .test-block .chapter {
    margin-bottom: 18px;
    padding: 12px 21px;
    border: 2px solid;
    border-radius: 15px;
    font-size: 16px;
    line-height: 19px;
  }

  .modal-material .test-block.show-results .question-block:not(:last-child) {
    margin-bottom: 14px;
  }

  .modal-material .test-block .question-title {
    border-radius: 14px;
    margin-bottom: 14px;
    padding: 8px 33px;
    box-shadow: 0px 2.91px 2.91px 0px #00000040;
  }

  .modal-material .test-block .question-title:before {
    right: 12px;
    width: 13px;
  }

  .modal-material .test-block .question-title:after {
    bottom: -14px;
    width: 79px;
    height: 15px;
  }

  .modal-material .test-block .answers-block {
    border-radius: 18px;
    padding: 21px 22px 12px;
    margin-bottom: 8px;
  }

  .modal-material .test-block .answers-block .form-group {
    margin-bottom: 13px;
  }

  .modal-material .test-block .answers-block .form-group input + label {
    padding-left: 30px;
  }

  .modal-material .test-block .answers-block .form-group input + label .before {
    border-radius: 4px;
    width: 16px;
    height: 16px;
  }

  .modal-material
    .test-block
    .answers-block
    .form-group
    input:checked
    + label:after {
    width: 15px;
    height: 15px;
  }

  .modal-material .test-block .question-type {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 16px;
  }

  .modal-material .test-block .buttons button {
    box-shadow: 0 1.72px 1.72px 0 #00000040;
    border-radius: 24px;
    padding: 10px;
    width: 127px;
    font-size: 9px;
    line-height: 11px;
  }

  .modal-material .test-block .buttons button:not(:last-child) {
    margin-right: 13px;
  }

  .modal-material .test-block .buttons button .vacancy-arrow {
    top: -2px;
    right: -9px;
    width: 7px;
    height: 7px;
  }

  .modal-material .test-block .buttons button .vacancy-arrow img {
    width: 4px;
  }

  #testAdaptationResults .modal-dialog {
    max-width: 438px;
  }

  #testAdaptationResults .modal-content {
    border-radius: 19px;
    box-shadow: 0 3.69px 13.83px 0 #00000080;
  }

  #testAdaptationResults .btn-close {
    top: 13px;
    right: 13px;
    width: 13px;
    height: 13px;
  }

  #testAdaptationResults .modal-body {
    padding: 18px 64px 25px 66px;
  }

  #testAdaptationResults .modal-body .title {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 6px;
    text-shadow: 0 3.69px 3.69px #00000040;
  }

  #testAdaptationResults .modal-body .count {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 13px;
    text-shadow: 0 3.69px 3.69px #00000040;
  }

  #testAdaptationResults .modal-body .result {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 9px;
  }

  /*24.10.2025*/
  .modal-material .test-block .answers-block .form-group input[type="checkbox"],
  .modal-material .test-block .answers-block .form-group input[type="radio"] {
    position: absolute;
    z-index: 1;
    width: 21px;
    height: 21px;
    margin: 0;
    opacity: 0;
    /* display: none; */
  }
  /*утв*/

  #testAdaptationResults .modal-body .buttons > * {
    box-shadow: 0 1.72px 1.72px 0 #00000040;
    border-radius: 24px;
    padding: 7px 27px;
    font-size: 9px;
    line-height: 11px;
  }

  #testAdaptationResults .modal-body .buttons > *:first-child {
    padding: 7px 15px 7px;
  }

  #testAdaptationResults .modal-body .buttons > *:first-child:last-child {
    margin-top: 6px;
    margin-bottom: -10px;
  }

  #adaptationGenerateAccess .modal-dialog {
    max-width: 621px;
  }

  #adaptationGenerateAccess .modal-content {
    border-radius: 25px;
  }

  #adaptationGenerateAccess .btn-close {
    top: 25px;
    right: 24px;
    width: 16px;
    height: 15px;
  }

  #adaptationGenerateAccess .modal-body {
    padding: 25px 100px 24px;
  }

  #adaptationGenerateAccess .form-control {
    border-radius: 15px;
    padding: 8px 8px 7px;
    font-size: 14px;
    line-height: 18px;
  }

  #adaptationGenerateAccess .generate {
    box-shadow: 0 2.94px 2.94px 0 #00000040;
    border-radius: 40px;
    padding: 9px 21px 9px 18px;
    font-size: 12px;
    line-height: 14px;
  }
}

@media (max-width: 1199.5px) {
  .knowledge-base__top {
    padding: 10px 31px 10px 12px;
  }

  .knowledge-base__top > img {
    margin-top: 0;
    margin-bottom: 0;
    width: 118px;
  }

  .knowledge-base__top .search-line input {
    border-radius: 11px;
    padding: 7px 36px 7px 12px;
    font-size: 12px;
    line-height: 15px;
  }

  .knowledge-base__top .search-line button {
    right: 10px;
    width: 14px;
  }

  .knowledge-base__top .new-material {
    width: 180px;
    border-radius: 13px;
    margin-left: 21px;
    padding: 5px;
    font-size: 11px;
    line-height: 13px;
  }

  .knowledge-base__body {
    padding: 0 24px 16px 14px;
  }

  .knowledge-base__buttons-line {
    padding: 5px 12px;
  }

  .knowledge-base__buttons-line .dop-buttons {
    margin-right: 12px;
  }

  .knowledge-base__buttons-line .dop-buttons > button {
    width: 58px;
    border-radius: 10px;
    padding: 2px;
  }

  .knowledge-base__buttons-line .dop-buttons > button:not(:last-child) {
    margin-right: 3px;
  }

  .knowledge-base__buttons-line > a:not(:last-child),
  .knowledge-base__buttons-line > button:not(:last-child) {
    margin-right: 7px;
  }

  .knowledge-base__buttons-line > .edit-button {
    width: 13px;
  }

  .knowledge-base__buttons-line > .create-button {
    border-radius: 8px;
    padding: 4px 7px 4px 8px;
  }

  .knowledge-base__buttons-line > .add-knowledge {
    border-radius: 10px;
    margin-top: 0;
    margin-right: -12px;
    padding: 2px 10px;
  }

  .knowledge-base__buttons-line > .delete-button {
    width: 14px;
  }

  .knowledge-base__buttons-line > .create-button + .delete-button {
    margin-right: -13px;
  }

  .materials-list .materials-list__filter {
    width: 155px;
    margin-right: 10px;
  }

  .materials-list .filter-title {
    border-radius: 12px;
    margin-bottom: 2px;
    height: 29px;
    font-size: 12px;
    line-height: 14px;
  }

  .materials-list .filter-body {
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 10px;
  }

  .materials-list .filter-body .checkbox-group:not(:last-child) {
    margin-bottom: 7px;
  }

  .materials-list .filter-body .checkbox-group input[type="checkbox"] + label {
    padding-left: 18px;
  }

  .materials-list
    .filter-body
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 10px;
    height: 10px;
    border-radius: 3px;
  }

  .materials-list
    .filter-body
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 9px;
    height: 9px;
  }

  .materials-list .filter-link {
    margin-bottom: 7px;
  }

  .materials-list .filter-link:last-child {
    margin-bottom: -3px;
  }

  .materials-list .materials-list__body {
    border-radius: 12px;
    padding: 7px 7px 7px 2px;
  }

  .materials-list .materials-list__body--teams {
    margin: 24px 24px 16px 21px;
    padding-left: 15px;
  }

  .materials-list .materials-list__body--teams-employee {
    margin-right: 31px;
    padding-right: 14px;
  }

  .materials-list th {
    font-size: 12px;
    line-height: 14px;
    padding: 6px;
  }

  .materials-list th:first-child {
    border-radius: 13px 0 0 13px;
  }

  .materials-list th:nth-last-child(2) {
    border-radius: 0 13px 13px 0;
  }

  .materials-list th.small--team {
    font-size: 12px;
    line-height: 12px;
  }

  .materials-list td {
    height: 45px;
    padding: 9px 3px 7px;
    font-size: 12px;
    line-height: 14px;
  }

  .materials-list .materials-list__body--teams td {
    height: 42px;
  }

  .materials-list .materials-list__body--teams .user-row td {
    padding-top: 7px;
  }

  .materials-list
    .materials-list__body:not(.materials-list__body--teams)
    td:first-child {
    padding-left: 67px;
  }
  .materials-list
    .materials-list__body.materials-list__body--task
    td:first-child {
    padding-left: 12px;
    font-size: 12px;
    line-height: 15px;
  }

  .materials-list .material-image,
  .adaptation-material-page__module-row .material-image {
    top: 0;
    left: 3px;
    width: 55px;
    height: 36px;
    box-shadow: 0 1.33px 1.33px 0 #00000040;
    border-radius: 5px;
  }

  .adaptation-material-page__module-row .material-image {
    margin-right: 9px;
  }

  .materials-list .material-image .cover,
  .adaptation-material-page__module-row .material-image .cover {
    border-radius: 5px;
  }

  .materials-list .material-image .video,
  .adaptation-material-page__module-row .material-image .video {
    width: 22px;
  }

  .materials-list .material-image .document,
  .adaptation-material-page__module-row .material-image .document {
    width: 21px;
  }

  .materials-list .material-image .pdf,
  .adaptation-material-page__module-row .material-image .pdf {
    width: 18px;
  }

  .materials-list .material-image .longread,
  .adaptation-material-page__module-row .material-image .longread {
    width: 19px;
  }

  .materials-list .material-image .test,
  .adaptation-material-page__module-row .material-image .test {
    width: 18px;
  }

  .materials-list .material-image .audio,
  .adaptation-material-page__module-row .material-image .audio {
    width: 18px;
  }

  .materials-list .material-image .html,
  .adaptation-material-page__module-row .material-image .html {
    width: 18px;
  }

  .materials-list .material-image .scorm,
  .adaptation-material-page__module-row .material-image .scorm {
    width: 18px;
  }

  .materials-list .material-image .link,
  .adaptation-material-page__module-row .material-image .link {
    width: 16px;
  }

  .materials-list .material-image .course,
  .adaptation-material-page__module-row .material-image .course {
    width: 18px;
  }

  .materials-list .material-image .training,
  .adaptation-material-page__module-row .material-image .training {
    width: 16px;
  }

  .materials-list .material-image .testing,
  .adaptation-material-page__module-row .material-image .testing {
    width: 18px;
  }

  .materials-list .material-image .voice_objections,
  .adaptation-material-page__module-row .material-image .voice_objections {
    width: 18px;
  }

  .materials-list .material-name,
  .adaptation-material-page__module-row .material-name {
    font-size: 12px;
    line-height: 15px;
  }

  .materials-list
    td:last-child
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 13px;
    height: 13px;
    border-radius: 2px;
  }

  .materials-list
    td:last-child
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 11px;
    height: 11px;
  }

  .materials-list .education-buttons > * {
    border-radius: 10px;
    padding: 2px 7px;
  }

  .materials-list .education-buttons > *:not(:last-child) {
    margin-right: 3px;
  }

  .materials-list .team-edit {
    margin-left: 4px;
    padding: 5px 10px 6px;
    border-radius: 13px;
  }

  .materials-list .empty-row td {
    height: 13px;
  }

  .materials-list .team-name {
    border-radius: 13px;
    padding: 5px 5px 6px;
    font-size: 12px;
    line-height: 14px;
    margin: 4px 0;
  }

  .materials-list .create-team .team-name {
    margin-bottom: 4px;
  }

  .materials-list .team-name input {
    padding: 1px 3px 2px;
    margin-right: -2px;
    margin-bottom: -2px;
  }

  .materials-list .team-name .toggle-users {
    right: -16px;
    width: 12px;
    height: 12px;
  }

  .materials-list .team-name .delete-team {
    right: 10px;
    width: 14px;
    height: 14px;
  }

  .materials-list .user-row .user-image {
    width: 33px;
    height: 33px;
  }

  .materials-list .user-row .user-image td:nth-child(2),
  .materials-list .user-row .user-image td:nth-child(3) {
    font-size: 12px;
    line-height: 14px;
  }

  .materials-list .user-row .select2-selection--single {
    border-radius: 5px;
  }

  .materials-list .user-row .select2-selection__rendered,
  .team-select-dropdown .select2-results__option {
    padding: 2px;
  }

  .materials-list td input {
    padding: 2px;
    border-radius: 5px 5px 0 0;
  }

  .materials-list td input:last-child {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  .materials-list .materials-list__body--teams .change-team {
    width: 13px;
    margin-right: 15px;
  }

  .materials-list .materials-list__body--teams .delete-user {
    width: 14px;
  }

  .materials-list .absolute-block {
    right: 18px;
    margin-top: 10px;
    min-height: 52px;
    border-radius: 12px;
    padding: 10px 14px 7px;
    font-size: 12px;
    line-height: 10px;
  }

  .materials-list .absolute-block .text-center {
    margin: 0 -7px;
  }

  .materials-list .absolute-block .block-row {
    margin-top: 9px;
  }

  .materials-list .absolute-block .block-row button:not(:last-child) {
    margin-right: 7px;
  }

  .materials-list .absolute-block .checkbox-group {
    padding: 0 5px;
  }

  .materials-list .absolute-block .checkbox-group:not(:first-child) {
    margin-top: 7px;
  }

  .materials-list .absolute-block .checkbox-group input[type="radio"] + label {
    padding-left: 14px;
    font-size: 12px;
    line-height: 10px;
  }

  .materials-list
    .absolute-block
    .checkbox-group
    input[type="radio"]
    + label:before {
    width: 10px;
    height: 10px;
    border-radius: 3px;
  }

  .materials-list
    .absolute-block
    .checkbox-group
    input[type="radio"]:checked
    + label:after {
    width: 9px;
    height: 9px;
  }

  #addMaterialModal .modal-dialog {
    max-width: 403px;
  }

  #addMaterialModal.education-modal .modal-dialog {
    max-width: 495px;
  }

  #addMaterialModal .btn-close {
    top: -12px;
    right: -12px;
    width: 13px;
    height: 12px;
  }

  #addMaterialModal .modal-body {
    grid-gap: 8px 18px;
    border-radius: 33px;
    box-shadow: 0 8.43px 8.43px 0 #00000080;
    padding: 21px 24px;
  }

  #addMaterialModal.education-modal .modal-body {
    padding: 21px 25px 21px 24px;
  }

  #addMaterialModal .modal-body a {
    border: 1px solid #6d95ac;
    border-radius: 13px;
    padding: 8px 11px 8px 37px;
    font-size: 12px;
    line-height: 14px;
  }

  #addMaterialModal .modal-body a .img {
    bottom: 0;
    left: 5px;
    width: 31px;
  }

  #addMaterialModal .modal-body a .img .video {
    width: 22px;
  }

  #addMaterialModal .modal-body a .img .document {
    width: 18px;
  }

  #addMaterialModal .modal-body a .img .test {
    width: 18px;
  }

  #addMaterialModal .modal-body a .img .longread {
    width: 19px;
  }

  #addMaterialModal .modal-body a .img .audio {
    width: 18px;
  }

  #addMaterialModal .modal-body a .img .html {
    width: 18px;
  }

  #addMaterialModal .modal-body a .img .scorm {
    width: 18px;
  }

  #addMaterialModal .modal-body a .img .link {
    width: 16px;
  }

  #addMaterialModal .modal-body a .lock {
    top: -4px;
    right: 1px;
    width: 12px;
  }

  .set-modal .modal-dialog {
    max-width: 319px;
  }

  .set-modal .btn-close {
    top: -15px;
    right: -16px;
    width: 16px;
    height: 16px;
  }

  .set-modal .modal-body {
    border-radius: 16px;
    box-shadow: 0 10.92px 10.92px 0 #00000080;
    padding: 16px 34px 14px;
  }

  .set-modal .checkbox-group {
    margin-bottom: 5px;
  }

  .set-modal .checkbox-group input + label {
    padding-left: 22px;
    font-size: 12px;
    line-height: 14px;
  }

  .set-modal .checkbox-group input[type="radio"] + label:before,
  .set-modal .checkbox-group input[type="checkbox"] + label:before {
    top: 2px;
    border-radius: 3px;
    width: 12px;
    height: 12px;
  }

  .set-modal .checkbox-group input[type="radio"]:checked + label:after,
  .set-modal .checkbox-group input[type="checkbox"]:checked + label:after {
    top: 3px;
    width: 11px;
    height: 11px;
  }

  .set-modal .checkbox-group input + label img {
    margin-top: 0;
    margin-left: 5px;
    width: 10px;
  }

  .set-modal button[type="submit"] {
    margin-top: 13px;
    border-radius: 13px;
    padding: 5px 13px 6px;
    font-size: 12px;
    line-height: 14px;
  }

  .set-modal .assign-block button[type="submit"] {
    margin-top: 5px;
  }

  .set-modal .assign-block {
    border-radius: 13px;
  }

  .set-modal .assign-team-block {
    right: 13px;
    left: 12px;
    padding: 8px 18px 11px 22px;
  }

  .set-modal .assign-users-block {
    right: 18px;
    left: 18px;
    padding: 8px 16px 12px 14px;
  }

  .set-modal .assign-block .dropdown {
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 15px;
  }

  .set-modal .assign-block .dropdown img {
    width: 12px;
    margin-right: 11px;
  }

  .set-modal .assign-users-block .dropdown + div {
    padding-left: 22px;
  }

  .set-modal .assign-block .checkbox-group {
    margin-bottom: 4px;
  }

  .set-modal .assign-users-block .checkbox-group input + label {
    padding-left: 18px;
    font-size: 9px;
    line-height: 10px;
  }

  .modal-material .modal-dialog {
    max-width: 610px;
  }

  .modal-material .btn-close {
    top: -12px;
    right: -12px;
    width: 13px;
    height: 12px;
  }

  .modal-material .modal-body {
    border-radius: 33px;
    box-shadow: 0 8px 8px 0 #00000080;
    padding: 21px 24px 19px;
  }

  .modal-material .modal-title {
    margin-bottom: 10px;
    text-shadow: 0 2.2px 2.2px #00000040;
    font-size: 12px;
    line-height: 15px;
  }

  .modal-material .modal-description {
    margin-bottom: 10px;
  }

  .modal-material .test-block {
    border-radius: 27px;
  }

  .modal-material .test-block .chapter {
    margin-bottom: 13px;
    padding: 9px 15px;
    border: 1px solid;
    border-radius: 11px;
    font-size: 12px;
    line-height: 14px;
  }

  .modal-material .test-block.show-results .question-block:not(:last-child) {
    margin-bottom: 10px;
  }

  .modal-material .test-block .question-title {
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 6px 24px;
    box-shadow: 0px 2.17px 2.17px 0px #00000040;
  }

  .modal-material .test-block .question-title:before {
    right: 9px;
    width: 10px;
  }

  .modal-material .test-block .question-title:after {
    bottom: -10px;
    width: 58px;
    height: 11px;
  }

  .modal-material .test-block .answers-block {
    border-radius: 13px;
    padding: 15px 16px 9px;
    margin-bottom: 6px;
  }

  .modal-material .test-block .answers-block .form-group {
    margin-bottom: 10px;
  }

  .modal-material .test-block .answers-block .form-group input[type="checkbox"],
  .modal-material .test-block .answers-block .form-group input[type="radio"] {
    width: 12px;
    height: 12px;
  }

  .modal-material .test-block .answers-block .form-group input + label {
    padding-left: 22px;
  }

  .modal-material .test-block .answers-block .form-group input + label .before {
    border-radius: 3px;
    width: 12px;
    height: 12px;
  }

  .modal-material
    .test-block
    .answers-block
    .form-group
    input:checked
    + label:after {
    width: 11px;
    height: 11px;
  }

  .modal-material .test-block .question-type {
    margin-bottom: 12px;
  }

  .modal-material .test-block .buttons button {
    box-shadow: 0 1.29px 1.29px 0 #00000040;
    border-radius: 18px;
    padding: 7px;
    width: 94px;
  }

  .modal-material .test-block .buttons button:not(:last-child) {
    margin-right: 10px;
  }

  .modal-material .test-block .buttons button .vacancy-arrow {
    top: -1px;
  }

  #testAdaptationResults .modal-dialog {
    max-width: 328px;
  }

  #testAdaptationResults .modal-content {
    border-radius: 14px;
    box-shadow: 0 2.76px 10.36px 0 #00000080;
  }

  #testAdaptationResults .btn-close {
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
  }

  #testAdaptationResults .modal-body {
    padding: 13px 48px 18px 49px;
  }

  #testAdaptationResults .modal-body .title {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 4px;
    text-shadow: 0 2.76px 2.76px #00000040;
  }

  #testAdaptationResults .modal-body .count {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 10px;
    text-shadow: 0 2.76px 2.76px #00000040;
  }

  #testAdaptationResults .modal-body .result {
    margin-bottom: 7px;
  }

  #testAdaptationResults .modal-body .buttons {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
  }

  #testAdaptationResults .modal-body .buttons > * {
    box-shadow: 0 1.29px 1.29px 0 #00000040;
    border-radius: 18px;
    padding: 5px 19px;
  }

  #testAdaptationResults .modal-body .buttons > *:first-child {
    margin-bottom: 4px;
    padding: 5px 11px 5px;
  }

  #testAdaptationResults .modal-body .buttons > *:first-child:last-child {
    margin-top: 4px;
    margin-bottom: -7px;
  }

  #adaptationGenerateAccess .modal-dialog {
    max-width: 465px;
  }

  #adaptationGenerateAccess .modal-content {
    border-radius: 18px;
  }

  #adaptationGenerateAccess .btn-close {
    top: 18px;
    right: 18px;
    width: 12px;
    height: 11px;
  }

  #adaptationGenerateAccess .modal-body {
    padding: 18px 75px 18px;
  }

  #adaptationGenerateAccess .form-control {
    border-radius: 11px;
    padding: 6px 6px 5px;
    font-size: 12px;
    line-height: 15px;
  }

  #adaptationGenerateAccess .generate {
    box-shadow: 0 2.2px 2.2px 0 #00000040;
    border-radius: 30px;
    padding: 7px 15px 7px 13px;
  }
}

@media (max-width: 991.5px) {
  .knowledge-base__top {
    padding: 9px 22px 9px 9px;
  }

  .knowledge-base__top > img {
    width: 88px;
  }

  .knowledge-base__top .search-line input {
    border-radius: 8px;
    padding: 5px 27px 5px 9px;
  }

  .knowledge-base__top .search-line button {
    right: 7px;
    width: 10px;
  }

  .knowledge-base__top .new-material {
    width: 174px;
    border-radius: 10px;
    margin-left: 15px;
    padding: 4px;
  }

  .knowledge-base__body {
    padding: 0 18px 12px 10px;
  }

  .knowledge-base__buttons-line {
    padding: 4px 9px;
  }

  .knowledge-base__buttons-line .dop-buttons {
    margin-right: 9px;
  }

  .knowledge-base__buttons-line .dop-buttons > button {
    border-radius: 7px;
    padding: 1px;
  }

  .knowledge-base__buttons-line .dop-buttons > button:not(:last-child) {
    margin-right: 2px;
  }

  .knowledge-base__buttons-line > a:not(:last-child),
  .knowledge-base__buttons-line > button:not(:last-child) {
    margin-right: 5px;
  }

  .knowledge-base__buttons-line > .create-button {
    border-radius: 6px;
    padding: 3px 5px 3px 6px;
  }

  .knowledge-base__buttons-line > .add-knowledge {
    border-radius: 7px;
    margin-right: -9px;
    padding: 1px 7px;
  }

  .knowledge-base__buttons-line > .edit-button,
  .knowledge-base__buttons-line > .delete-button {
    width: 10px;
  }

  .knowledge-base__buttons-line > .create-button + .delete-button {
    margin-right: -10px;
  }

  .materials-list .materials-list__filter {
    width: 140px;
    margin-right: 8px;
  }

  .materials-list .filter-title {
    border-radius: 9px;
  }

  .materials-list .filter-body {
    border-radius: 7px;
    margin-bottom: 5px;
    padding: 7px;
  }

  .materials-list .filter-body .checkbox-group:not(:last-child) {
    margin-bottom: 5px;
  }

  .materials-list .filter-link {
    margin-bottom: 5px;
  }

  .materials-list .filter-link:last-child {
    margin-bottom: -2px;
  }

  .materials-list .materials-list__body {
    border-radius: 9px;
    padding: 5px 5px 5px 2px;
  }

  .materials-list .materials-list__body--teams {
    margin: 18px 18px 12px 15px;
    padding-left: 11px;
  }

  .materials-list .materials-list__body--teams-employee {
    margin-right: 22px;
    padding-right: 10px;
  }

  .materials-list th {
    padding: 5px;
  }
  .materials-list__body--task th {
    word-break: break-all;
    word-break: break-word;
  }

  .materials-list th:first-child {
    border-radius: 10px 0 0 10px;
  }

  .materials-list th:nth-last-child(2) {
    border-radius: 0 10px 10px 0;
  }

  .materials-list td {
    height: 33px;
    padding: 7px 2px 5px;
  }

  .materials-list .materials-list__body--teams td {
    height: 31px;
  }

  .materials-list .materials-list__body--teams .user-row td {
    padding-top: 5px;
  }

  .materials-list
    .materials-list__body:not(.materials-list__body--teams)
    td:first-child {
    padding-left: 49px;
  }
  .materials-list
    .materials-list__body.materials-list__body--task
    td:first-child {
    padding-left: 9px;
  }

  .materials-list .material-image,
  .adaptation-material-page__module-row .material-image {
    left: 2px;
    width: 40px;
    height: 27px;
    box-shadow: 0 1px 1px 0 #00000040;
    border-radius: 4px;
  }

  .adaptation-material-page__module-row .material-image {
    margin-right: 7px;
  }

  .materials-list .material-image .cover,
  .adaptation-material-page__module-row .material-image .cover {
    border-radius: 4px;
  }

  .materials-list .material-image .video,
  .adaptation-material-page__module-row .material-image .video {
    width: 16px;
  }

  .materials-list .material-image .document,
  .adaptation-material-page__module-row .material-image .document {
    width: 15px;
  }

  .materials-list .material-image .pdf,
  .adaptation-material-page__module-row .material-image .pdf {
    width: 13px;
  }

  .materials-list .material-image .longread,
  .adaptation-material-page__module-row .material-image .longread {
    width: 14px;
  }

  .materials-list .material-image .test,
  .adaptation-material-page__module-row .material-image .test {
    width: 13px;
  }

  .materials-list .material-image .audio,
  .adaptation-material-page__module-row .material-image .audio {
    width: 13px;
  }

  .materials-list .material-image .html,
  .adaptation-material-page__module-row .material-image .html {
    width: 13px;
  }

  .materials-list .material-image .scorm,
  .adaptation-material-page__module-row .material-image .scorm {
    width: 13px;
  }

  .materials-list .material-image .link,
  .adaptation-material-page__module-row .material-image .link {
    width: 12px;
  }

  .materials-list .material-image .course,
  .adaptation-material-page__module-row .material-image .course {
    width: 13px;
  }

  .materials-list .material-image .training,
  .adaptation-material-page__module-row .material-image .training {
    width: 12px;
  }

  .materials-list .material-image .testing,
  .adaptation-material-page__module-row .material-image .testing {
    width: 13px;
  }

  .materials-list .material-image .voice_objections,
  .adaptation-material-page__module-row .material-image .voice_objections {
    width: 13px;
  }

  .materials-list
    td:last-child
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 10px;
    height: 10px;
  }

  .materials-list
    td:last-child
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 8px;
    height: 8px;
  }

  .materials-list .education-buttons {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .materials-list .education-buttons > * {
    border-radius: 7px;
    padding: 1px 5px;
  }

  .materials-list .education-buttons > *:not(:last-child) {
    margin-right: 0;
    margin-bottom: 2px;
  }

  .materials-list .team-edit {
    margin-left: 3px;
    padding: 4px 7px;
    border-radius: 10px;
  }

  .materials-list .empty-row td {
    height: 10px;
  }

  .materials-list .team-name {
    border-radius: 10px;
    padding: 4px;
  }

  .materials-list .create-team .team-name {
    margin-bottom: 3px;
  }

  .materials-list .team-name input {
    padding: 1px 2px;
    margin-right: -1px;
    margin-bottom: -1px;
  }

  .materials-list .team-name .toggle-users {
    right: -12px;
    width: 9px;
    height: 9px;
  }

  .materials-list .team-name .delete-team {
    right: 7px;
    width: 10px;
    height: 10px;
  }

  .materials-list .user-row .user-image {
    width: 24px;
    height: 24px;
  }

  .materials-list .user-row .select2-selection--single {
    border-radius: 4px;
  }

  .materials-list .user-row .select2-selection__rendered,
  .team-select-dropdown .select2-results__option {
    padding: 1px;
  }

  .materials-list td input {
    padding: 1px;
    border-radius: 4px 4px 0 0;
  }

  .materials-list td input:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  .materials-list .materials-list__body--teams .change-team {
    width: 10px;
    margin-right: 11px;
  }

  .materials-list .materials-list__body--teams .delete-user {
    width: 10px;
  }

  .materials-list .absolute-block {
    right: 13px;
    margin-top: 7px;
    min-height: 39px;
    border-radius: 9px;
    padding: 7px 10px 5px;
  }

  .materials-list .absolute-block .text-center {
    margin: 0 -5px;
  }

  .materials-list .absolute-block .block-row {
    margin-top: 7px;
  }

  .materials-list .absolute-block .block-row button:not(:last-child) {
    margin-right: 5px;
  }

  .materials-list .absolute-block .checkbox-group {
    padding: 0 4px;
  }

  .materials-list .absolute-block .checkbox-group:not(:first-child) {
    margin-top: 5px;
  }

  #addMaterialModal .modal-dialog {
    max-width: 301px;
  }

  #addMaterialModal.education-modal .modal-dialog {
    max-width: 370px;
  }

  #addMaterialModal .btn-close {
    top: -9px;
    right: -9px;
    width: 10px;
    height: 9px;
  }

  #addMaterialModal .modal-body {
    grid-gap: 6px 13px;
    border-radius: 24px;
    box-shadow: 0 6.31px 6.31px 0 #00000080;
    padding: 15px 18px;
  }

  #addMaterialModal.education-modal .modal-body {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    padding: 15px 18px;
  }

  #addMaterialModal .modal-body a {
    border-radius: 10px;
    padding: 6px 8px 6px 27px;
  }

  #addMaterialModal .modal-body a .img {
    left: 4px;
    width: 22px;
  }

  #addMaterialModal .modal-body a .img .video {
    width: 16px;
  }

  #addMaterialModal .modal-body a .img .document {
    width: 13px;
  }

  #addMaterialModal .modal-body a .img .test {
    width: 13px;
  }

  #addMaterialModal .modal-body a .img .longread {
    width: 14px;
  }

  #addMaterialModal .modal-body a .img .audio {
    width: 13px;
  }

  #addMaterialModal .modal-body a .img .html {
    width: 13px;
  }

  #addMaterialModal .modal-body a .img .scorm {
    width: 13px;
  }

  #addMaterialModal .modal-body a .img .link {
    width: 12px;
  }

  #addMaterialModal .modal-body a .lock {
    top: -3px;
    right: 0;
    width: 9px;
  }

  .modal-material .modal-dialog {
    max-width: 457px;
  }

  .modal-material .btn-close {
    top: -9px;
    right: -9px;
    width: 10px;
    height: 9px;
  }

  .modal-material .modal-body {
    border-radius: 24px;
    box-shadow: 0 6px 6px 0 #00000080;
    padding: 15px 18px 14px;
  }

  .modal-material .modal-title {
    margin-bottom: 7px;
    text-shadow: 0 1.6px 1.6px #00000040;
  }

  .modal-material .modal-description {
    margin-bottom: 7px;
  }

  .modal-material .test-block {
    border-radius: 19px;
  }

  .modal-material .test-block .chapter {
    margin-bottom: 10px;
    padding: 7px 11px;
    border-radius: 8px;
  }

  .modal-material .test-block.show-results .question-block:not(:last-child) {
    margin-bottom: 7px;
  }

  .modal-material .test-block .question-title {
    border-radius: 7px;
    margin-bottom: 7px;
    padding: 4px 18px;
    box-shadow: 0px 1.62px 1.62px 0px #00000040;
  }

  .modal-material .test-block .question-title:before {
    right: 7px;
    width: 7px;
  }

  .modal-material .test-block .question-title:after {
    bottom: -7px;
    width: 43px;
    height: 8px;
  }

  .modal-material .test-block .answers-block {
    border-radius: 10px;
    padding: 11px 12px 7px;
    margin-bottom: 4px;
  }

  .modal-material .test-block .answers-block .form-group {
    margin-bottom: 7px;
  }

  .modal-material .test-block .question-type {
    margin-bottom: 9px;
  }

  .modal-material .test-block .buttons button {
    box-shadow: 0 0.96px 0.96px 0 #00000040;
    border-radius: 13px;
    padding: 5px;
  }

  .modal-material .test-block .buttons button:not(:last-child) {
    margin-right: 7px;
  }

  #testAdaptationResults .modal-dialog {
    max-width: 246px;
  }

  #testAdaptationResults .modal-content {
    border-radius: 10px;
    box-shadow: 0 2.07px 7.77px 0 #00000080;
  }

  #testAdaptationResults .btn-close {
    top: 7px;
    right: 7px;
  }

  #testAdaptationResults .modal-body {
    padding: 10px 36px 13px;
  }

  #testAdaptationResults .modal-body .title {
    margin-bottom: 3px;
    text-shadow: 0 2.07px 2.07px #00000040;
  }

  #testAdaptationResults .modal-body .count {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 7px;
    text-shadow: 0 2.07px 2.07px #00000040;
  }

  #testAdaptationResults .modal-body .result {
    margin-bottom: 5px;
  }

  #testAdaptationResults .modal-body .buttons > * {
    box-shadow: 0 0.96px 0.96px 0 #00000040;
    border-radius: 13px;
    padding: 4px 14px;
  }

  #testAdaptationResults .modal-body .buttons > *:first-child {
    margin-bottom: 3px;
    padding: 4px 8px 4px;
  }

  #testAdaptationResults .modal-body .buttons > *:first-child:last-child {
    margin-top: 3px;
    margin-bottom: -5px;
  }

  #adaptationGenerateAccess .modal-dialog {
    max-width: 348px;
  }

  #adaptationGenerateAccess .modal-content {
    border-radius: 13px;
  }

  #adaptationGenerateAccess .btn-close {
    top: 13px;
    right: 13px;
  }

  #adaptationGenerateAccess .modal-body {
    padding: 13px 55px;
  }

  #adaptationGenerateAccess .form-control {
    border-radius: 8px;
    padding: 4px;
  }

  #adaptationGenerateAccess .generate {
    box-shadow: 0 1.65px 1.65px 0 #00000040;
    border-radius: 22px;
    padding: 5px 11px 5px 10px;
  }
}

@media (max-width: 767.5px) {
  .knowledge-base__top {
    padding: 8px 16px 8px 7px;
  }

  .knowledge-base__top > img {
    width: 66px;
  }

  .knowledge-base__top .search-line input {
    border-radius: 6px;
    padding: 4px 19px 4px 7px;
  }

  .knowledge-base__top .search-line button {
    right: 5px;
    width: 7px;
  }

  .knowledge-base__top .new-material {
    border-radius: 7px;
    margin-left: 11px;
    padding: 3px;
  }

  .knowledge-base__body {
    padding: 0 13px 9px 7px;
  }

  .knowledge-base__buttons-line {
    padding: 3px 7px;
  }

  .knowledge-base__buttons-line .dop-buttons {
    margin-right: 7px;
  }

  .knowledge-base__buttons-line .dop-buttons > button {
    border-radius: 5px;
    padding: 0;
  }

  .knowledge-base__buttons-line .dop-buttons > button:not(:last-child) {
    margin-right: 1px;
  }

  .knowledge-base__buttons-line > a:not(:last-child),
  .knowledge-base__buttons-line > button:not(:last-child) {
    margin-right: 4px;
  }

  .knowledge-base__buttons-line > .create-button {
    border-radius: 4px;
    padding: 2px 4px;
  }

  .knowledge-base__buttons-line > .add-knowledge {
    border-radius: 5px;
    margin-right: -7px;
    padding: 0 5px;
  }

  .knowledge-base__buttons-line > .create-button + .delete-button {
    margin-right: -7px;
  }

  .materials-list {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .materials-list .materials-list__filter {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
  }

  .materials-list .filter-title {
    border-radius: 7px;
  }

  .materials-list .filter-body {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 5px;
  }

  .materials-list .filter-body .checkbox-group:not(:last-child) {
    margin-bottom: 4px;
  }

  .materials-list .filter-link {
    margin-bottom: 4px;
  }

  .materials-list .filter-link:last-child {
    margin-bottom: -1px;
  }

  .materials-list .materials-list__body {
    border-radius: 7px;
    padding: 4px 4px 4px 2px;
    word-break: break-all;
    word-break: break-word;
  }

  .materials-list .materials-list__body--teams {
    margin: 13px 13px 9px 11px;
    padding-left: 8px;
  }

  .materials-list .materials-list__body--teams-employee {
    margin-right: 16px;
    padding-right: 7px;
  }

  .materials-list th {
    padding: 4px;
  }

  .materials-list th:first-child {
    border-radius: 7px 0 0 7px;
  }

  .materials-list th:nth-last-child(2) {
    border-radius: 0 7px 7px 0;
  }

  .materials-list td {
    height: 24px;
    padding: 5px 1px 4px;
  }

  .materials-list .materials-list__body--teams td {
    height: 22px;
  }

  .materials-list .materials-list__body--teams .user-row td {
    padding-top: 4px;
  }

  .materials-list
    .materials-list__body:not(.materials-list__body--teams)
    td:first-child {
    padding-left: 36px;
  }
  .materials-list
    .materials-list__body.materials-list__body--task
    td:first-child {
    padding-left: 7px;
  }

  .materials-list .material-image,
  .adaptation-material-page__module-row .material-image {
    left: 1px;
    width: 30px;
    height: 19px;
    box-shadow: 0 0.75px 0.75px 0 #00000040;
    border-radius: 3px;
  }

  .adaptation-material-page__module-row .material-image {
    margin-right: 5px;
  }

  .materials-list .material-image .cover,
  .adaptation-material-page__module-row .material-image .cover {
    border-radius: 3px;
  }

  .materials-list .material-image .video,
  .adaptation-material-page__module-row .material-image .video {
    width: 12px;
  }

  .materials-list .material-image .document,
  .adaptation-material-page__module-row .material-image .document {
    width: 11px;
  }

  .materials-list .material-image .pdf,
  .adaptation-material-page__module-row .material-image .pdf {
    width: 10px;
  }

  .materials-list .material-image .longread,
  .adaptation-material-page__module-row .material-image .longread {
    width: 10px;
  }

  .materials-list .material-image .test,
  .adaptation-material-page__module-row .material-image .test {
    width: 10px;
  }

  .materials-list .material-image .audio,
  .adaptation-material-page__module-row .material-image .audio {
    width: 10px;
  }

  .materials-list .material-image .html,
  .adaptation-material-page__module-row .material-image .html {
    width: 10px;
  }

  .materials-list .material-image .scorm,
  .adaptation-material-page__module-row .material-image .scorm {
    width: 10px;
  }

  .materials-list .material-image .link,
  .adaptation-material-page__module-row .material-image .link {
    width: 9px;
  }

  .materials-list .material-image .course,
  .adaptation-material-page__module-row .material-image .course {
    width: 10px;
  }

  .materials-list .material-image .training,
  .adaptation-material-page__module-row .material-image .training {
    width: 9px;
  }

  .materials-list .material-image .testing,
  .adaptation-material-page__module-row .material-image .testing {
    width: 10px;
  }

  .materials-list .material-image .voice_objections,
  .adaptation-material-page__module-row .material-image .voice_objections {
    width: 10px;
  }

  .materials-list .education-buttons > * {
    border-radius: 5px;
    padding: 0 4px;
  }

  .materials-list .education-buttons > *:not(:last-child) {
    margin-bottom: 1px;
  }

  .materials-list .team-edit {
    margin-left: 2px;
    padding: 3px 5px;
    border-radius: 7px;
  }

  .materials-list .empty-row td {
    height: 7px;
  }

  .materials-list .team-name {
    border-radius: 7px;
    padding: 3px;
  }

  .materials-list .create-team .team-name {
    margin-bottom: 2px;
  }

  .materials-list .team-name input {
    padding: 1px;
  }

  .materials-list .team-name .delete-team {
    right: 5px;
  }

  .materials-list .user-row .user-image {
    width: 18px;
    height: 18px;
  }

  .materials-list .user-row .select2-selection--single {
    border-radius: 3px;
  }

  .materials-list td input {
    border-radius: 3px 3px 0 0;
  }

  .materials-list td input:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  .materials-list .materials-list__body--teams .change-team {
    margin-right: 8px;
  }

  .materials-list .absolute-block {
    right: 9px;
    margin-top: 5px;
    min-height: 28px;
    border-radius: 7px;
    padding: 5px 7px 4px;
  }

  .materials-list .absolute-block .text-center {
    margin: 0 -4px;
  }

  .materials-list .absolute-block .block-row {
    margin-top: 5px;
  }

  .materials-list .absolute-block .block-row button:not(:last-child) {
    margin-right: 4px;
  }

  .materials-list .absolute-block .checkbox-group {
    padding: 0 3px;
  }

  .materials-list .absolute-block .checkbox-group:not(:first-child) {
    margin-top: 4px;
  }

  #addMaterialModal.education-modal .modal-dialog {
    max-width: 277px;
  }

  #addMaterialModal .modal-body {
    grid-gap: 4px 10px;
    border-radius: 18px;
    box-shadow: 0 4.72px 4.72px 0 #00000080;
    padding: 11px 13px;
  }

  #addMaterialModal.education-modal .modal-body {
    padding: 11px 13px;
  }

  #addMaterialModal .modal-body a {
    border-radius: 7px;
    padding: 4px 6px 4px 19px;
  }

  #addMaterialModal .modal-body a .img {
    left: 3px;
    width: 16px;
  }

  #addMaterialModal .modal-body a .img .video {
    width: 12px;
  }

  #addMaterialModal .modal-body a .img .document {
    width: 10px;
  }

  #addMaterialModal .modal-body a .img .test {
    width: 10px;
  }

  #addMaterialModal .modal-body a .img .longread {
    width: 10px;
  }

  #addMaterialModal .modal-body a .img .audio {
    width: 10px;
  }

  #addMaterialModal .modal-body a .img .html {
    width: 10px;
  }

  #addMaterialModal .modal-body a .img .scorm {
    width: 10px;
  }

  #addMaterialModal .modal-body a .img .link {
    width: 9px;
  }

  #addMaterialModal .modal-body a .lock {
    top: -2px;
    width: 7px;
  }

  .modal-material .modal-dialog {
    max-width: 342px;
  }

  .modal-material .modal-body {
    border-radius: 18px;
    box-shadow: 0 4px 4px 0 #00000080;
    padding: 11px 13px 10px;
  }

  .modal-material .modal-title {
    margin-bottom: 5px;
    text-shadow: 0 1.2px 1.2px #00000040;
  }

  .modal-material .modal-description {
    margin-bottom: 5px;
  }

  .modal-material .test-block {
    border-radius: 14px;
  }

  .modal-material .test-block .chapter {
    margin-bottom: 7px;
    padding: 5px 8px;
    border-radius: 6px;
  }

  .modal-material .test-block.show-results .question-block:not(:last-child) {
    margin-bottom: 5px;
  }

  .modal-material .test-block .question-title {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 3px 13px;
    box-shadow: 0px 1.21px 1.21px 0px #00000040;
  }

  .modal-material .test-block .question-title:before {
    right: 5px;
  }

  .modal-material .test-block .question-title:after {
    bottom: -5px;
    width: 31px;
    height: 6px;
  }

  .modal-material .test-block .answers-block {
    border-radius: 7px;
    padding: 8px 9px 5px;
    margin-bottom: 3px;
  }

  .modal-material .test-block .answers-block .form-group {
    margin-bottom: 5px;
  }

  .modal-material .test-block .question-type {
    margin-bottom: 7px;
  }

  .modal-material .test-block .buttons button {
    box-shadow: 0 0.72px 0.72px 0 #00000040;
    border-radius: 10px;
    padding: 4px;
  }

  .modal-material .test-block .buttons button:not(:last-child) {
    margin-right: 5px;
  }

  #testAdaptationResults .modal-dialog {
    max-width: 184px;
  }

  #testAdaptationResults .modal-content {
    border-radius: 7px;
    box-shadow: 0 1.54px 5.82px 0 #00000080;
  }

  #testAdaptationResults .btn-close {
    top: 5px;
    right: 5px;
  }

  #testAdaptationResults .modal-body {
    padding: 7px 27px 10px;
  }

  #testAdaptationResults .modal-body .title {
    margin-bottom: 2px;
    text-shadow: 0 1.54px 1.54px #00000040;
  }

  #testAdaptationResults .modal-body .count {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 5px;
    text-shadow: 0 1.54px 1.54px #00000040;
  }

  #testAdaptationResults .modal-body .result {
    margin-bottom: 4px;
  }

  #testAdaptationResults .modal-body .buttons > * {
    box-shadow: 0 0.72px 0.72px 0 #00000040;
    border-radius: 10px;
    padding: 3px 10px;
  }

  #testAdaptationResults .modal-body .buttons > *:first-child {
    margin-bottom: 2px;
    padding: 3px 6px 3px;
  }

  #testAdaptationResults .modal-body .buttons > *:first-child:last-child {
    margin-top: 2px;
    margin-bottom: -4px;
  }
}

@media (max-width: 575px) {
  .knowledge-base__top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .knowledge-base__top .new-material {
    margin-top: 11px;
    margin-left: auto;
  }

  .materials-list .materials-list__body {
    word-break: keep-all;
  }
}

.adaptation-material-page {
  padding: 0 56px 0 39px;
}

.adaptation-material-page__top {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 26px 0 28px;
  justify-content: space-between;
}

.preview-block .adaptation-material-page__top {
  padding-right: 4px;
}

.adaptation-material-page__top #hide_completed {
  display: none;
}

.adaptation-material-page__top #hide_completed + label {
  position: relative;
  margin-left: auto;
  margin-top: 10px;
  padding-right: 99px;
  font-size: 21px;
  line-height: 25px;
  color: #9b9b9b;
}

.adaptation-material-page__top #hide_completed + label:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -9px;
  background: url("../images/adaptation/education/toggle-hidden.png") center
    center no-repeat;
  background-size: contain;
  width: 76px;
  height: 75px;
}

.adaptation-material-page__top #hide_completed:checked + label:after {
  transform: scaleX(-1);
}

.adaptation-material-page__back {
  display: -ms-flex;
  display: flex;
  width: 43px;
  border-radius: 50%;
  box-shadow: 0px 2.42px 2.42px 0px #00000040;
  margin-right: 23px;
}

.adaptation-material-page__back img {
  width: 100%;
}

.adaptation-material-page__title {
  background: #cfcfcf26;
  border-radius: 22px;
  padding: 11px 18px;
  min-width: 189px;
  font-weight: 500;
  font-size: 19px;
  line-height: 23px;
  text-transform: uppercase;
  text-align: center;
  margin-right: auto;
}

.adaptation-material-page__download-report {
  border-radius: 12px;
  background: #cfcfcf26;
  font-family: Montserrat;
  font-weight: 400;
  font-style: regular;
  padding: 6px 10px;
  /* min-width: 105px; */
  font-size: 12px;
  line-height: 14px;
  margin-right: 17px;
}

.adaptation-material-page__status {
  margin-left: auto;
  margin-right: 23px;
  border: 1px solid white;
  border-radius: 75px;
  background: #ffffff;
  box-shadow: 0px 0.75px 0px 0px #0000004d inset,
    0px -0.75px 0px 0px #ffffff33 inset;
  padding: 2px 3px;
}

.adaptation-material-page__status-body {
  display: -ms-flex;
  display: flex;
  border-radius: 75px;
  background: #6d95ac;
  box-shadow: 0px 3.73px 17.4px 3.73px #476170 inset;
}

.adaptation-material-page__status-body .checkbox-group {
  margin: -1px;
}

.adaptation-material-page__status-body
  .checkbox-group
  input[type="radio"]
  + label {
  border-radius: 73px;
  width: 111px;
  padding: 13px 13px 12px;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: white;
  text-transform: uppercase;
  text-align: center;
}

.adaptation-material-page__status-body
  .checkbox-group
  input[type="radio"]:checked
  + label {
  background: white;
  color: #6d95ac;
  box-shadow: -4.87px 0px 2.43px -3.65px #6d95ac inset,
    0px 0.73px 0px 0px #cfcfcf33 inset, 2.43px 12.17px 17.04px -4.87px #000000;
}

.adaptation-material-page__status-body
  .checkbox-group
  input[type="radio"]
  + label:before,
.adaptation-material-page__status-body
  .checkbox-group
  input[type="radio"]:checked
  + label:after {
  content: none;
}

.adaptation-material-page__top-params {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #6d95accc;
  border-radius: 25px;
  padding: 10px 25px 11px 30px;
  font-size: 20px;
  line-height: 25px;
}

.adaptation-material-page__params-dropdown {
  position: relative;
  margin-right: 66px;
}

.adaptation-material-page__params-dropdown-toggle {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.adaptation-material-page__params-dropdown-toggle img {
  width: 18px;
  margin-left: 12px;
}

.adaptation-material-page__params-dropdown-menu:not(.active) {
  display: none;
}

.adaptation-material-page__params-dropdown-menu {
  position: absolute;
  top: 100%;
  right: -28px;
  width: 183px;
  margin-top: 19px;
  background: #d9d9d940;
  border-radius: 15px;
  padding: 12px 8px 14px 13px;
  line-height: 1px;
  word-break: break-all;
  word-break: break-word;
  z-index: 1;
  backdrop-filter: blur(50px);
  box-shadow: 0 18px 55px rgba(0, 0, 0, .40);
  max-height: 250px;
  overflow: scroll;
}

.adaptation-material-page__params-dropdown-menu
  .checkbox-group:not(:last-child) {
  margin-bottom: 9px;
}

.adaptation-material-page__params-dropdown-menu
  .checkbox-group
  input[type="radio"]
  + label {
  padding-left: 33px;
  font-size: 15px;
  line-height: 18px;
  color: white;
}

.adaptation-material-page__params-dropdown-menu
  .checkbox-group
  input[type="radio"]
  + label:before {
  top: 1px;
  bottom: auto;
  width: 17px;
  height: 17px;
  border-color: white;
  border-radius: 5px;
}

.adaptation-material-page__params-dropdown-menu
  .checkbox-group
  input[type="radio"]
  + label:after {
  top: 2px;
  bottom: auto;
  background-image: url("../images/adaptation/check.png");
  width: 16px;
  height: 16px;
}

.adaptation-material-page__top .preview-button {
  margin-right: 12px;
  background: #cfcfcf26;
  border-radius: 25px;
  padding: 10px 27px 11px 26px;
  font-size: 20px;
  line-height: 25px;
}

.adaptation-material-page__save-button {
  background: #6d95accc;
  border-radius: 25px;
  padding: 10px 25px 11px 26px;
  font-size: 20px;
  line-height: 25px;
}

.adaptation-material-page__top-buttons {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 0 39px;
}

.adaptation-material-page__top-buttons .toggle-block-button {
  width: 412px;
  background: #cfcfcf26;
  border: 1px solid #6d95ac;
  border-radius: 77px;
  padding: 16px 16px 17px;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  text-transform: uppercase;
}

.adaptation-material-page__top-buttons .toggle-block-button.active {
  background: #6d95accc;
}

.adaptation-material-page__top-buttons .toggle-block-button:not(:last-child) {
  margin-right: 47px;
}

.adaptation-material-page__top-buttons .toggle-block-button > span {
  position: relative;
}

.adaptation-material-page__top-buttons .toggle-block-button .adaptation-arrow {
  position: absolute;
  top: -4px;
  right: -26px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #6d95ac;
}

.adaptation-material-page__top-buttons
  .toggle-block-button.active
  .adaptation-arrow {
  background: white;
}

.adaptation-material-page__top-buttons
  .toggle-block-button
  .adaptation-arrow
  img {
  width: 9px;
}

.adaptation-material-page__top-buttons
  .toggle-block-button:not(.active)
  .adaptation-arrow
  img:last-child {
  display: none;
}

.adaptation-material-page__top-buttons
  .toggle-block-button.active
  .adaptation-arrow
  img:first-child {
  display: none;
}

.adaptation-material-page__top-buttons .navigation-button {
  margin-left: auto;
  background: #cfcfcf26;
  border-radius: 25px;
  padding: 10px 25px 11px 29px;
  font-size: 20px;
  line-height: 25px;
}

.adaptation-material-page__main-block {
  background: #cfcfcf26;
  border-radius: 22px;
  padding: 14px 25px 52px 20px;
}

.adaptation-material-page__main-block--short {
  width: 1150px;
  padding-right: 20px;
}

.adaptation-material-page__main-block--course {
  padding: 0 !important;
}
.adaptation-material-page__main-block--task {
  position: relative;
  margin-right: 368px;
  padding-right: 20px;
  padding-bottom: 63px;
}
.adaptation-material-page__main-block--poll {
  position: relative;
  padding-right: 20px;
  padding-bottom: 63px;
}
.adaptation-material-page__main-block--poll .about-text {
  margin-right: 13px;
}
.adaptation-material-page__main-block--task .about-text {
  position: relative;
  width: 100%;
}
.adaptation-material-page__main-block--task .about-text .about-field-button {
  position: absolute;
  top: 11px;
  left: 15px;
  width: 23px;
  z-index: 1;
}
.adaptation-material-page__main-block--task
  .about-text
  .about-field-button
  img {
  width: 100%;
}
.adaptation-material-page__main-block .add-performer {
  color: #93aebd;
}
.adaptation-material-page__main-block .add-performer.filled {
  color: white;
  text-align: left;
}
.event-choose-employer__container {
  display: none;
  position: relative;
  z-index: 1;
}
.event-choose-employer__container > div:not(.event-choose-employer__expand) {
  position: absolute;
  z-index: 1;
  top: 13px;
  right: -200px;
  left: -200px;
  margin: auto;
  border-radius: 25px;
  box-shadow: 0px 4px 18px 0px #00000040;
}
.event-choose-employer {
  width: 518px;
  background: white;
  padding: 18px 18px 24px 21px;
}
.event-choose-employer .top-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 17px;
}
.event-choose-employer .top-row .search-line {
  position: relative;
  width: 100%;
  margin-right: 11px;
}
.event-choose-employer .top-row .search-line input {
  width: 100%;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  padding: 10px 59px 10px 19px;
  font-size: 16px;
  line-height: 20px;
  color: black;
  display: block;
}
.event-choose-employer .top-row .search-line input::placeholder {
  color: #777777;
}
.event-choose-employer .top-row .search-line button {
  position: absolute;
  top: 0;
  right: 19px;
  bottom: 0;
  margin: auto;
  background: url(../images/adaptation/events/search-icon.png) center center
    no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
}
.event-choose-employer .top-row .filter {
  margin-right: 12px;
  flex-shrink: 0;
  background: url(../images/adaptation/events/expand-icon.png) center center
    no-repeat;
  background-size: contain;
  width: 30px;
  height: 30px;
}
.event-choose-employer .top-row .choose {
  background: #6d95ac;
  border-radius: 23px;
  padding: 10px 32px;
  height: -webkit-fill-available;
  white-space: nowrap;
}
.event-choose-employer .event-search-users {
  padding-left: 34px;
}
.event-choose-employer ~ div {
  display: none;
}
.event-choose-employer__filter {
  width: 449px;
  background: #6d95ac;
  margin-top: 79px !important;
  padding: 19px 27px 20px;
  color: white;
}
.event-choose-employer__filter .filter-group {
  position: relative;
  padding-left: 42px;
  margin-bottom: 15px;
}
.event-choose-employer__filter .filter-group > input[type="checkbox"] {
  display: none;
}
.event-choose-employer__filter .filter-group > input[type="checkbox"] + label {
  position: absolute;
  top: 2px;
  left: 0;
  border-radius: 5px;
  width: 22px;
  height: 22px;
  border: 1px solid white;
}
.event-choose-employer__filter
  .filter-group
  > input[type="checkbox"]
  + label:before {
  content: none;
}
.event-choose-employer__filter
  .filter-group
  > input[type="checkbox"]:checked
  + label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 1px;
  width: 21px;
  height: 21px;
  background: url("../images/adaptation/events/event-check-white.png") center
    center no-repeat;
  background-size: contain;
}
.event-choose-employer__filter .filter-group-title {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 11px;
  font-weight: 600;
  font-size: 21px;
  line-height: 25px;
}
.event-choose-employer__filter .filter-group-title .dropdown-button {
  width: 22px;
  margin-right: 11px;
}
.event-choose-employer__filter .filter-group-title .dropdown-button img {
  width: 100%;
}
.event-choose-employer__filter
  .filter-group.active
  .filter-group-title
  .dropdown-button
  img {
  transform: rotate(180deg);
}
.event-choose-employer__filter .search-line {
  position: relative;
  width: 279px;
}
.event-choose-employer__filter .search-line input {
  width: 100%;
  background: transparent;
  border: 1px solid white;
  border-radius: 20px;
  padding: 10px 59px 10px 20px;
  font-size: 16px;
  line-height: 20px;
  color: white;
  display: block;
}
.event-choose-employer__filter .search-line input::placeholder {
  color: rgba(255, 255, 255, 0.6);
}
.event-choose-employer__filter .search-line button {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  margin: auto;
  background: url("../images/adaptation/events/search-icon-white.png") center
    center no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
}
.event-choose-employer__filter .filter-group .checkbox-group {
  margin-top: 11px;
}
.event-choose-employer__filter .filter-group:not(.active) .checkbox-group {
  display: none;
}
.event-choose-employer__filter
  .filter-group
  .checkbox-group
  input[type="checkbox"]
  + label {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  min-height: 22px;
  padding-left: 33px;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  color: white;
}
.event-choose-employer__filter
  .filter-group
  .checkbox-group
  input[type="checkbox"]
  + label:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 22px;
  height: 22px;
  border: 1px solid white;
  border-radius: 5px;
}
.event-choose-employer__filter
  .filter-group
  .checkbox-group
  input[type="checkbox"]:checked
  + label:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 1px;
  left: 1px;
  margin: auto;
  width: 21px;
  height: 21px;
  background: url("../images/adaptation/events/event-check-white.png") center
    center no-repeat;
  background-size: contain;
}
.event-choose-employer__filter .bottom-row {
  margin-top: 22px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.event-choose-employer__filter .bottom-row button {
  background: #ffffff;
  border-radius: 24px;
  width: 158px;
  text-align: center;
  padding: 10px 10px 11px;
  font-size: 20px;
  line-height: 24px;
  color: #6d95ac;
}
.event-choose-employer__filter .bottom-row button:not(:last-child) {
  margin-right: 21px;
}
.event-choose-employer__expand {
  position: fixed;
  top: 13.3%;
  right: 0;
  bottom: 0;
  width: 992px;
  background: #ffffff;
  z-index: 1;
}
.event-choose-employer__expand-body {
  display: -ms-flex;
  display: flex;
  width: 100%;
  height: -webkit-fill-available;
  padding-bottom: 10px;
}
.event-choose-employer__expand .left-side {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 27.9%;
  flex-shrink: 0;
  margin-right: 15px;
}
.event-choose-employer__expand .left-side .top {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 19px 6px 7px 0;
  flex-shrink: 0;
}
.event-choose-employer__expand .left-side .top button {
  width: 104px;
  background: #6d95ac;
  border-radius: 16px;
  padding: 6px 6px 7px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}
.event-choose-employer__expand .left-side .top button:not(:last-child) {
  margin-right: 14px;
}
.event-choose-employer__expand .left-side .top .close-button {
  background: #777777;
}
.event-choose-employer__expand .left-side .filter-group-divider {
  margin: 11px 11px 10px 0;
  border-bottom: 1px solid #6d95ac;
}
.event-choose-employer__expand .filter-group {
  position: relative;
  padding-left: 24px;
  color: #777777;
  overflow: auto;
  min-height: 55px;
  transition: all 0.5s;
}
.event-choose-employer__expand .filter-group.active {
  min-height: 78px;
}
.event-choose-employer__expand .filter-group-title {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 7px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
}
.event-choose-employer__expand .filter-group-title .dropdown-button {
  width: 15px;
  margin-right: 7px;
}
.event-choose-employer__expand .filter-group-title .dropdown-button img {
  width: 100%;
}
.event-choose-employer__expand
  .filter-group:not(.active)
  .filter-group-title
  .dropdown-button
  img {
  transform: rotate(180deg);
}
.event-choose-employer__expand .left-side .search-line {
  position: relative;
  width: 187px;
}
.event-choose-employer__expand .left-side .search-line input {
  width: 100%;
  background: transparent;
  border: 1px solid #777777;
  border-radius: 14px;
  padding: 6px 38px 7px 13px;
  font-size: 11px;
  line-height: 13px;
  color: #777777;
  display: block;
}
.event-choose-employer__expand .left-side .search-line input::placeholder {
  color: rgba(119, 119, 119, 0.6);
}
.event-choose-employer__expand .left-side .search-line button {
  position: absolute;
  top: 0;
  right: 13px;
  bottom: 0;
  margin: auto;
  background: url("../images/adaptation/events/search-icon.png") center center
    no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
}
.event-choose-employer__expand .filter-group .checkbox-group {
  margin-top: 8px;
}
.event-choose-employer__expand .filter-group:not(.active) .checkbox-group {
  display: none;
}
.event-choose-employer__expand
  .filter-group
  .checkbox-group
  input[type="checkbox"]
  + label {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0;
  min-height: 15px;
  padding-left: 22px;
  font-weight: 500;
  font-size: 10px;
  line-height: 11px;
  color: #777777;
}
.event-choose-employer__expand
  .filter-group
  .checkbox-group
  input[type="checkbox"]
  + label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 15px;
  height: 15px;
  border: 1px solid #777777;
  border-radius: 3px;
}
.event-choose-employer__expand
  .filter-group
  .checkbox-group
  input[type="checkbox"]:checked
  + label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  margin: auto;
  width: 14px;
  height: 14px;
  background: url("../images/adaptation/events/event-check-gray.png") center
    center no-repeat;
  background-size: contain;
}
.event-choose-employer__expand .right-side {
  width: 100%;
  padding-right: 25px;
}
.event-choose-employer__expand .right-side .top {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 16px 0 12px;
  flex-shrink: 0;
}
.event-choose-employer__expand .right-side .top .search-line {
  position: relative;
  width: 100%;
}
.event-choose-employer__expand .right-side .top .search-line input {
  width: 100%;
  background: transparent;
  border: 1px solid #e0e0e0;
  border-radius: 20px;
  padding: 10px 47px 10px 19px;
  font-size: 16px;
  line-height: 20px;
  color: #777777;
  display: block;
}
.event-choose-employer__expand
  .right-side
  .top
  .search-line
  input::placeholder {
  color: rgba(119, 119, 119, 0.6);
}
.event-choose-employer__expand .right-side .top .search-line button {
  position: absolute;
  top: 0;
  right: 14px;
  bottom: 0;
  margin: auto;
  background: url("../images/adaptation/events/search-icon.png") center center
    no-repeat;
  background-size: contain;
  width: 21px;
  height: 21px;
}
.event-choose-employer__expand .right-side .top > button {
  flex-shrink: 0;
  background: #6d95ac;
  margin-left: 20px;
  border-radius: 23px;
  padding: 10px 21px;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
}
.event-choose-employer__expand .right-side .event-expand-users.users-list {
  overflow-y: scroll;
  height: -webkit-fill-available;
}
.event-choose-employer__expand .event-expand-users .checkbox-group {
  margin-bottom: 5px;
}
.event-choose-employer__expand
  .event-expand-users
  input[type="checkbox"]
  + label {
  width: 100%;
  margin-bottom: 0;
  padding-left: 30px;
}
.event-choose-employer__expand
  .event-expand-users
  input[type="checkbox"]
  + label:before {
  border-color: #6d95ac;
  border-radius: 4px;
  width: 20px;
  height: 20px;
}
.event-choose-employer__expand
  .event-expand-users
  input[type="checkbox"]
  + label:after {
  top: 0;
  background: url("../images/adaptation/chat-check.png") center center no-repeat;
  background-size: contain;
  width: 19px;
  height: 19px;
}
.event-choose-employer__expand
  .event-expand-users
  input[type="checkbox"]
  + label
  > div {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #cfcfcf;
  border-radius: 14px;
  padding: 4px 8px 3px;
  font-weight: 500;
  font-size: 9px;
  line-height: 11px;
  color: #9b9b9b;
}
.event-choose-employer__expand
  .event-expand-users
  input[type="checkbox"]
  + label
  > div
  img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 12px;
}
.event-choose-employer__expand
  .event-expand-users
  input[type="checkbox"]
  + label
  > div
  b {
  display: block;
  font-size: 13px;
  line-height: 16px;
}
.adaptation-material-page__task-info {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 3px;
  bottom: 0;
  left: 100%;
  margin: auto;
  padding-left: 24px;
  width: 368px;
}
.adaptation-material-page__task-info-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.poll {
  justify-content: flex-start;
  margin-top: 40px;
}

.poll > * {
  margin-right: 15px;
}

.poll-datepicker-container {
  margin-bottom: 15px;
}

.poll-datepicker > * {
  margin-right: 10px;
}

.poll-datepicker-signs {
  display: flex;
  justify-content: space-around;
}

.poll-datepicker-signs > * {
  font-size: 9px;
  color: #cfcfcf;
}

.external-link-block {
  color: black;
}

.adaptation-material-page__task-info-row.row-poll {
  display: flex;
  flex-direction: column;
}
.adaptation-material-page__task-info-row:not(:last-child) {
  margin-bottom: 13px;
}
.adaptation-material-page__task-info-row-flex {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.adaptation-material-page__task-info-row > label {
  color: white;
  font-weight: 400;
  font-size: 18px;
  line-height: 16px;
}
.adaptation-material-page__task-info-row .datepicker-container {
  position: relative;
  width: 169px;
  margin-right: 6px;
}
.adaptation-material-page__task-info-row .datepicker-container input {
  width: 100%;
  background: #ffffff26;
  border: none;
  border-radius: 17px;
  padding: 10px 22px;
  font-size: 19px;
  line-height: 23px;
}
.adaptation-material-page__task-info-row .datepicker-container img {
  position: absolute;
  top: 0;
  right: 22px;
  bottom: 0;
  width: 23px;
  height: 23px;
  margin: auto;
  pointer-events: none;
}
.adaptation-material-page__task-info-row .select2 .select2-selection {
  height: auto;
  width: 95px;
  border: none;
  background: #ffffff26;
  border-radius: 17px;
  padding: 0;
}
.adaptation-material-page__task-info-row
  .select2
  .select2-selection
  .select2-selection__rendered,
.task-time-dropdown .select2-results__option {
  padding: 8px 10px 13px 11px;
  color: white;
  font-size: 19px;
  line-height: 23px;
  text-align: center;
}
.task-time-dropdown {
  background: #ffffff26;
  backdrop-filter: blur(23px);
  border: none;
}
.task-time-dropdown .select2-search--dropdown .select2-search__field {
  background: transparent;
  border: none;
}
.task-time-dropdown .select2-results__option {
  background: transparent;
}
.adaptation-material-page__task-info-row
  .select2
  .select2-selection
  .select2-selection__rendered
  span {
  text-decoration: underline;
}
.adaptation-material-page__task-info-row .select2 .select2-selection__arrow {
  display: none;
}
.adaptation-material-page__task-info-select {
  position: relative;
  border: 3px solid #6d95ac;
  border-radius: 20px;
  background: #6d95ac40;
  padding: 17px 43px 18px 23px;
  font-size: 16px;
  line-height: 13px;
  word-break: break-all;
  word-break: break-word;
  width: 199px;
  flex-shrink: 0;
}
.adaptation-material-page__task-info-select-arrow {
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  width: 19px;
  height: 19px;
  margin: auto;
  background: url("../images/adaptation/events/select-arrow.png") center center
    no-repeat;
  background-size: contain;
}
.adaptation-material-page__task-info-select-list {
  position: absolute;
  top: 100%;
  right: -3px;
  left: -3px;
  margin-top: 5px;
  background: #6d95ac;
  border-radius: 25px;
  padding: 17px 23px 18px;
  z-index: 1;
  line-height: 1px;
}
.adaptation-material-page__task-info-select-list > div:not(:last-child) {
  margin-bottom: 11px;
}
.adaptation-material-page__task-info-select-list input {
  display: none;
}
.adaptation-material-page__task-info-select-list input + label {
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  line-height: 13px;
  color: white;
  margin-bottom: 0;
  font-weight: 400;
}
.adaptation-material-page__task-info-select-list input + label:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 15px;
  margin: auto;
  border: 1px solid #ffffffa1;
  border-radius: 4px;
}
.adaptation-material-page__task-info-select-list input:checked + label:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -2px;
  width: 18px;
  height: 18px;
  background: url("../images/adaptation/events/check.png") center center
    no-repeat;
  background-size: contain;
}
.adaptation-material-page__task-info-select-list-user {
  position: absolute;
  top: 100%;
  right: -44px;
  width: 449px;
  margin-top: 6px;
  background: #ffffff;
  box-shadow: 0 4px 18px 0 #00000040;
  border-radius: 25px;
  padding: 15px 31px 22px 27px;
  z-index: 1;
  line-height: 1px;
}
.adaptation-material-page__task-info-select-list-user .team-group {
  margin-bottom: 8px;
}
.adaptation-material-page__task-info-select-list-user .team-group label {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 21px;
  line-height: 25px;
  margin-bottom: 0;
}
.adaptation-material-page__task-info-select-list-user .dropdown-button {
  width: 22px;
  height: 22px;
  margin-right: 11px;
}
.adaptation-material-page__task-info-select-list-user .dropdown-button img {
  width: 100%;
}
.adaptation-material-page__task-info-select-list-user
  .team-group.active
  .dropdown-button
  img {
  transform: rotate(180deg);
}
.adaptation-material-page__task-info-select-list-user
  .team-group:not(.active)
  .user-item {
  display: none;
}
.adaptation-material-page__task-info-select-list-user .user-item {
  margin-top: 12px;
  margin-left: 42px;
}
.adaptation-material-page__task-info-select-list-user
  .user-item
  input[type="radio"]
  + label {
  padding-left: 33px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}
.adaptation-material-page__task-info-select-list-user
  .user-item
  input[type="radio"]
  + label
  b {
  font-weight: 600;
}
.adaptation-material-page__task-info-select-list-user
  .user-item
  input[type="radio"]
  + label:before {
  top: 3px;
  bottom: auto;
  width: 22px;
  height: 22px;
  border-radius: 5px;
}
.adaptation-material-page__task-info-select-list-user
  .user-item
  input[type="radio"]:checked
  + label:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 1px;
  bottom: auto;
  width: 21px;
  height: 21px;
  background: url("../images/adaptation/chat-check.png") center center no-repeat;
  background-size: contain;
}
.adaptation-material-page__task-info-select-list-user .choose {
  background: #6d95ac;
  border-radius: 24px;
  width: 158px;
  padding: 10px 10px 11px;
  color: white;
  font-size: 20px;
  line-height: 24px;
}
#taskContentBlock {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 426px;
}
.adaptation-material-page__task-content-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}
.adaptation-material-page__task-content-row:not(:last-child) {
  border-bottom: 1px solid #9b9b9b;
}
.adaptation-material-page__task-content-row.adaptation-material-page__task-content-row--head {
  -ms-flex-align: stretch;
  align-items: stretch;
  border: none;
  background: #6d95ac;
  border-radius: 22px 22px 0 0;
}
.adaptation-material-page__task-content-row > div {
  width: 100%;
}
.adaptation-material-page__task-content-row > div:first-child {
  width: 28.9%;
  flex-shrink: 0;
  flex-grow: 0;
}
.adaptation-material-page__task-content-row > div:last-child {
  width: 28%;
  flex-shrink: 0;
  flex-grow: 0;
}
.adaptation-material-page__task-content-row--head > div:not(:last-child) {
  border-right: 1px solid white;
}
.adaptation-material-page__task-content-row--head > div {
  padding: 20px 21px 19px;
  font-weight: 500;
  font-size: 19px;
  line-height: 23px;
  text-transform: uppercase;
}
.adaptation-material-page__task-content-row--head > div:first-child {
  padding-left: 29px;
}
.adaptation-material-page__task-content-wrap {
  flex-grow: 1;
  overflow: auto;
  margin-left: -17px;
  padding-left: 17px;
}
.adaptation-material-page__task-content {
  position: relative;
  min-height: 100%;
}
.adaptation-material-page__task-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 28.9%;
  bottom: 0;
  border-right: 1px solid #9b9b9b;
}
.adaptation-material-page__task-content:after {
  content: "";
  position: absolute;
  top: 0;
  right: 28%;
  bottom: 0;
  border-right: 1px solid #9b9b9b;
}
.adaptation-material-page__task-content-row > div > div {
  position: relative;
  padding: 10px 21px 13px;
}
.adaptation-material-page__task-content-row > div > span {
  padding: 0 21px;
}
.adaptation-material-page__task-content-row > div:first-child > div {
  padding-left: 29px;
  padding-bottom: 10px;
}
.adaptation-material-page__task-content-row > div:nth-child(2) > div {
  padding-right: 52px;
}
.adaptation-material-page__task-content-row > div:nth-child(3) > div {
  padding-right: 59px;
}
.adaptation-material-page__task-content-row > div > div > button {
  text-align: left;
}
.adaptation-material-page__task-content-row > div > div > button:not(.filled) {
  color: #93aebd;
}
.adaptation-material-page__task-content-row > div > div > input[type="text"] {
  width: 100%;
  background: transparent;
  padding: 0;
  border: none;
  color: white;
}
.adaptation-material-page__task-content-row
  > div
  > div
  > input[type="text"]::placeholder {
  color: #93aebd;
}
.adaptation-material-page__task-content-row .add-file {
  position: absolute;
  top: 0;
  right: 7px;
  bottom: 0;
  margin: auto;
  width: 38px;
  height: 38px;
}
.adaptation-material-page__task-content-row .add-deadline {
  display: flex;
}
.adaptation-material-page__task-content-row .add-deadline:not(.filled) input {
  display: none;
}
.adaptation-material-page__task-content-row .add-deadline.filled .default-text {
  display: none;
}
.adaptation-material-page__task-content-row
  .add-deadline:not(.filled)
  .calendar-button {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
  width: 27px;
  height: 27px;
}
.adaptation-material-page__task-content-row
  .add-deadline.filled
  .calendar-button {
  margin: 0 8px 0 3px;
  width: 22px;
  height: 22px;
}
.adaptation-material-page__task-content-row .add-deadline input {
  background: none;
  padding: 0;
  border: none;
  color: white;
  text-align: center;
}
.adaptation-material-page__task-content-row .add-deadline .deadline-date {
  width: 99px;
}
.adaptation-material-page__task-content-row .add-deadline .deadline-time {
  width: 66px;
}
.adaptation-material-page__task-content-row .calendar-button img {
  width: 100%;
}
.adaptation-material-page__task-content-row button:not(:first-child) img {
  width: 100%;
}
.adaptation-material-page__task-content-row
  .add-deadline:not(.filled)
  ~ .delete-subtask {
  display: none;
}
.adaptation-material-page__task-content-row .delete-subtask {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 27px;
  height: 27px;
  margin: auto;
}
.adaptation-material-page__task-content .event-choose-employer__container {
  width: 426px;
}
.adaptation-material-page__task-content
  .event-choose-employer__container
  > div:not(.event-choose-employer__expand) {
  left: -46px;
  right: -46px;
}
.adaptation-material-page__calendar {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 11;
  background: white;
  border-radius: 15px;
  color: black;
  width: 290px;
}
.adaptation-material-page__calendar .choose-month {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 18px 9px 21px 27px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
}
.adaptation-material-page__calendar .choose-month button {
  width: 22px;
}
.adaptation-material-page__calendar .choose-month button:not(:last-child) {
  margin-right: 14px;
}
.adaptation-material-page__calendar .choose-month button img {
  width: 100%;
}
.adaptation-material-page__calendar .calendar-table {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 13px 12px;
  word-break: break-all;
  word-break: break-word;
  margin-right: 7px;
  margin-bottom: 13px;
  margin-left: 21px;
  text-align: center;
}
.adaptation-material-page__calendar .calendar-table .line {
  position: absolute;
  top: 24px;
  right: -7px;
  left: -21px;
  border-bottom: 1px solid #5367bb;
}
.adaptation-material-page__calendar .calendar-table .head {
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #848484;
}
.adaptation-material-page__calendar .calendar-table .short-month {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  padding-left: 6px;
  grid-column: span 2;
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 15px;
  color: #848484;
}
.adaptation-material-page__calendar .calendar-table .button-color {
  color: white;
}
.adaptation-material-page__calendar .calendar-table > .with-date {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  border-radius: 50%;
  text-decoration: none !important;
}
.adaptation-material-page__calendar
  .calendar-table
  > *:not(.head):nth-child(7n + 6),
.adaptation-material-page__calendar
  .calendar-table
  > *:not(.head):nth-child(7n + 7) {
  color: #9f9f9f;
}
.adaptation-material-page__calendar .calendar-table > .with-date.active {
  background: #6d95ac;
  color: white;
}
.adaptation-material-page__calendar .calendar-time-row {
  border-top: 1px solid #5367bb;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-evenly;
  padding: 15px 1px 20px 0;
}
.adaptation-material-page__calendar .calendar-time-row label {
  margin: 0;
  font-size: 14px;
  line-height: 17px;
  color: #9b9b9b;
}
.adaptation-material-page__calendar .calendar-time-row .calendar-choose-time {
  position: relative;
  margin-right: 6px;
}
.adaptation-material-page__calendar
  .calendar-time-row
  .calendar-choose-time
  input {
  width: 51px;
  border: none;
  padding: 0;
  text-align: center;
  color: black;
  text-decoration: underline;
}
.adaptation-material-page__calendar
  .calendar-time-row
  .calendar-choose-time
  .arrow {
  position: absolute;
  background: url("../images/adaptation/chat-dropdown.png") center center
    no-repeat;
  background-size: contain;
  width: 8px;
  height: 8px;
}
.adaptation-material-page__calendar
  .calendar-time-row
  .calendar-choose-time
  .arrow.up {
  top: -8px;
  transform: rotate(180deg);
}
.adaptation-material-page__calendar
  .calendar-time-row
  .calendar-choose-time
  .arrow.down {
  bottom: -13px;
}
.adaptation-material-page__calendar
  .calendar-time-row
  .calendar-choose-time
  .arrow.hours {
  left: 9px;
}
.adaptation-material-page__calendar
  .calendar-time-row
  .calendar-choose-time
  .arrow.minutes {
  right: 8px;
}
.adaptation-material-page__calendar .calendar-choose-button {
  background: #6d95ac;
  border-radius: 17px;
  padding: 7px 23px 8px 24px;
  font-size: 13px;
  line-height: 16px;
  color: white;
}

.adaptation-material-page__course-title {
  position: relative;
  padding: 20px 29px;
  font-weight: 500;
  font-size: 19px;
  line-height: 23px;
}

.adaptation-material-page__course-title .add-module {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 194px;
  margin: auto;
  width: 21px;
  height: 21px;
  background: #6d95ac;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 500;
  font-size: 19px;
  line-height: 23px;
}

.adaptation-material-page .adaptation-material-page__main-block .form-group {
  margin-bottom: 31px;
}
.adaptation-material-page
  .adaptation-material-page__main-block--task
  .form-group {
  margin-bottom: 20px;
}

.adaptation-material-page
  .adaptation-material-page__main-block
  .form-group > label {
  margin-bottom: 11px;
  margin-left: 15px;
  color: #9b9b9b;
}

.adaptation-material-page .form-control {
  background: #6d95ac40;
  border: 3px solid #6d95ac;
  border-radius: 20px;
  padding: 13px 20px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: white;
}

.adaptation-material-page .form-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
}
.adaptation-material-page
  .adaptation-material-page__main-block--task
  .form-row {
  -ms-flex-align: start;
  align-items: flex-start;
}
.adaptation-material-page
  .adaptation-material-page__main-block--task
  .form-row
  .form-group:not(:last-child) {
  width: 63%;
  margin-right: 21px;
  flex-shrink: 0;
}
.adaptation-material-page
  .adaptation-material-page__main-block--task
  .form-row
  .form-group:last-child
  label {
  margin-left: 0 !important;
}

.adaptation-material-page .form-row .form-file-group {
  position: relative;
  margin-right: 27px;
}

.adaptation-material-page .form-row .form-file-group + .form-file-group {
  margin-right: 17px;
}

.adaptation-material-page .form-file-group input[type="file"] {
  position: absolute;
  bottom: 0;
  opacity: 0;
  pointer-events: none;
}

.adaptation-material-page .form-file-group .add-file {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #6d95ac40;
  border: 3px solid #6d95ac;
  border-radius: 25px;
  width: 386px;
  height: 171px;
  color: #6d95ac;
  overflow: hidden;
}

.adaptation-material-page .form-file-group .add-file > *:not(span):not(audio) {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.adaptation-material-page .form-file-group .add-file > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.adaptation-material-page .form-file-group .add-file > span:not(.name) {
  font-weight: 500;
  font-size: 167px;
  line-height: 167px;
}

.adaptation-material-page .form-file-group label {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  margin-top: 9px;
  color: #9b9b9b;
  text-align: center;
}

.adaptation-material-page
  .adaptation-material-page__main-block
  .form-row
  .form-group {
  margin-bottom: 0;
  width: 100%;
}

.adaptation-material-page
  .adaptation-material-page__main-block
  .form-row:not(.form-row--test)
  .form-group
  label {
  margin-left: 17px;
}

.adaptation-material-page .form-row--test {
  margin-bottom: 31px;
}

.adaptation-material-page .form-row--test .form-group:not(:last-child) {
  margin-right: 42px;
}

.adaptation-material-page .form-row--test .form-group:nth-child(2) {
  width: 233px;
  flex-shrink: 0;
}

.adaptation-material-page .form-row--test .form-group:nth-child(3) {
  width: 275px;
  flex-shrink: 0;
}

.adaptation-material-page
  .form-row--test
  .form-group:not(:first-child)
  .form-control {
  text-align: center;
}

.adaptation-material-page
  .adaptation-material-page__main-block
  .form-group
  textarea {
  width: 100%;
  resize: none;
  background: #ffffff;
  height: 128px;
  border: 1px solid #6d95ac;
  border-radius: 20px;
  padding: 10px 16px;
  color: black;
}
.adaptation-material-page
  .adaptation-material-page__main-block--task
  .form-group
  textarea {
  height: 136px;
  border-radius: 21px;
  padding: 12px 43px;
}
.adaptation-material-page
  .adaptation-material-page__main-block--task
  .form-group
  textarea::placeholder {
  color: #cfcfcf;
}

.adaptation-material-test {
  position: relative;
  max-width: 1111px;
  margin: 0 auto 200px;
  background: #ffffff26;
  border-radius: 50px;
  padding: 36px 42px 39px;
}

.adaptation-material-test .close-block-button {
  position: absolute;
  top: 33px;
  right: 57px;
  width: 20px;
}

.adaptation-material-test .close-block-button img {
  width: 100%;
}

.adaptation-material-test > .title {
  margin-bottom: 24px;
  font-weight: 500;
  font-size: 32px;
  line-height: 39px;
  text-align: center;
}

.adaptation-material-test .test-form {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-left: 44px;
}

.adaptation-material-test .test-form > div:first-child {
  position: relative;
  width: 100%;
}

.adaptation-material-test .test-form .test-top-field {
  background: #6d95ac8c;
  border: 3px solid #6d95ac;
  border-radius: 20px;
  padding: 15px 28px 16px;
}

.adaptation-material-test .test-form .test-top-field input {
  display: block;
  width: 100%;
  background: transparent;
  border: none;
  outline: none !important;
  padding: 0;
}

.adaptation-material-test .test-form .test-top-field input:first-child {
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  color: white;
  margin-bottom: 4px;
}

.adaptation-material-test
  .test-form
  .test-top-field
  input:first-child::placeholder {
  color: white;
  opacity: 0.6;
}

.adaptation-material-test .test-form .test-top-field input:nth-child(2) {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: white;
}

.adaptation-material-test
  .test-form
  .test-top-field
  input:nth-child(2)::placeholder {
  color: white;
  opacity: 0.6;
}

.adaptation-material-test .test-form .test-file-block {
  margin-top: 10px;
  margin-left: 40px;
}

.adaptation-material-test .test-form .question-block {
  position: relative;
  margin-top: 31px;
}

.adaptation-material-test .test-form .chapter {
  position: relative;
  margin-bottom: 31px;
  background: #6d95ac;
}

.adaptation-material-test .test-form .chapter .delete-test-chapter {
  position: absolute;
  top: 0;
  right: 21px;
  bottom: 0;
  margin: auto;
  width: 25px;
}

.adaptation-material-test .test-form .chapter .delete-test-chapter img {
  width: 100%;
}

.adaptation-material-test .test-form .question-title {
  background: #6d95ac;
  position: relative;
  border-radius: 19px;
  padding: 11px;
  padding-right: 34px;
}

.adaptation-material-test .test-form .question-title textarea {
  display: block;
  width: 100%;
  background: transparent;
  border: none;
  outline: none !important;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: white;
  border-radius: 19px;
  padding: 0;
  overflow: hidden;
  resize: none;
}

.adaptation-material-test .test-form .question-title textarea::placeholder {
  color: white;
  opacity: 0.6;
}

.adaptation-material-test .test-form .question-title .toggle-question {
  position: absolute;
  top: 12px;
  right: 16px;
  background: url("../images/question-arrow.png") center center no-repeat;
  background-size: contain;
  width: 19px;
  height: 18px;
}

.adaptation-material-test
  .test-form
  .question-title:not(.collapsed)
  .question-type {
  display: none;
}

.adaptation-material-test .test-form .question-title .question-type {
  position: absolute;
  top: 100%;
  right: 0;
  width: 324px;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #6d95ac8c;
  border: 3px solid #6d95ac;
  border-radius: 20px;
  backdrop-filter: blur(5px);
  padding: 17px 8px 20px 11px;
  z-index: 1;
}

.adaptation-material-test .test-form .question-title .question-type button {
  width: 100%;
  background: #cfcfcf26;
  border: 1px solid #ffffff;
  padding: 8px;
  border-radius: 52px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  box-shadow: 0px 3.79px 3.79px 0px #00000040;
  backdrop-filter: blur(23px);
}

.adaptation-material-test
  .test-form
  .question-title
  .question-type
  button:not(:last-child) {
  margin-bottom: 11px;
}

.adaptation-material-test .test-form .question-title .question-type button img {
  width: 16px;
  margin-right: 8px;
}

.adaptation-material-test .test-form .answers-block {
  position: relative;
  min-height: 138px;
  background: white;
  border-radius: 24px;
  padding: 29px 60px 25px 31px;
  text-align: left;
  margin-top: 19px;
}

.adaptation-material-test .test-form .answers-block:before {
  content: "";
  position: absolute;
  top: -19px;
  right: 0;
  left: 0;
  margin: auto;
  background: url("../images/adaptation/question-under.png") center center
    no-repeat;
  background-size: contain;
  width: 106px;
  height: 20px;
}

.adaptation-material-test
  .test-form
  .answers-block
  .form-group:not(:last-child) {
  margin-bottom: 14px;
}

.adaptation-material-test .test-form .answers-block .form-group .visual-image {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 20px;
  background: #6d95ac;
  overflow: hidden;
}

.adaptation-material-test
  .test-form
  .answers-block
  .form-group
  .visual-image
  img {
  width: 100%;
}

.adaptation-material-test
  .test-form
  .answers-block
  .form-group
  .visual-image
  + [type="file"] {
  display: none;
}

.adaptation-material-test
  .test-form
  .answers-block
  .form-group
  .visual-image-rect {
  position: absolute;
  border: 1px solid red;
  top: 0;
  left: 0;
}

.adaptation-material-test .test-form .answers-block .form-group .form-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.adaptation-material-test
  .test-form
  .answers-block
  .form-group
  .form-row--center {
  -ms-flex-align: center;
  align-items: center;
}

.adaptation-material-test
  .test-form
  .answers-block
  .form-group
  input[type="checkbox"],
.adaptation-material-test
  .test-form
  .answers-block
  .form-group
  input[type="radio"] {
  display: none;
}

.adaptation-material-test .test-form .answers-block .form-group label {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  margin: 0 18px 0 0;
  padding: 0;
  border: 1px solid #6d95ac;
  border-radius: 5px;
  background: none !important;
  text-align: center;
}

.adaptation-material-test
  .test-form
  .answers-block
  .form-group
  input:checked
  + label:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 21px;
  height: 21px;
  background: url("../images/test/check.png") center center no-repeat;
  background-size: contain;
}

.adaptation-material-test .test-form .answers-block .form-group textarea,
.adaptation-material-test
  .test-form
  .answers-block
  .form-group
  input[type="number"] {
  padding: 0;
  border: none;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: black;
  outline: none !important;
  width: 100%;
  overflow: hidden;
  resize: none;
}

.adaptation-material-test .test-form .answers-block .form-group .visual-input {
  width: auto !important;
}

.adaptation-material-test
  .test-form
  .answers-block
  .form-group
  .visual-input
  + span {
  color: black;
}

.adaptation-material-test
  .test-form
  .answers-block
  .form-group
  input::placeholder {
  color: black;
  opacity: 0.6;
}

.adaptation-material-test .test-form .answers-block .add-answer {
  margin-top: -17px;
  margin-left: 41px;
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  color: #6d95ac;
}

.adaptation-material-test .test-form .answers-buttons {
  position: absolute;
  top: 8px;
  right: 14px;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  background: #6d95ac8c;
  border: 2px solid #6d95ac;
  width: 38px;
  flex-shrink: 0;
  padding: 9px 0;
  border-radius: 11px;
}

.adaptation-material-test .test-form .answers-buttons button {
  width: 18px;
  line-height: 1px;
}

.adaptation-material-test .test-form .answers-buttons button:first-child {
  margin-bottom: 8px;
}

.adaptation-material-test .test-form .answers-buttons button:nth-child(2) {
  width: 22px;
  margin-bottom: 7px;
}

.adaptation-material-test .test-form .answers-buttons button:nth-child(3) {
  margin-bottom: 7px;
}

.adaptation-material-test .test-form .answers-buttons button img {
  width: 100%;
}

.adaptation-material-test .test-form .save-test {
  margin-top: 31px;
  background: #6d95ac;
  border-radius: 61px;
  width: 225px;
  padding: 14px 14px 13px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-transform: uppercase;
}

.adaptation-material-test .test-form .test-buttons {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  background: #6d95ac8c;
  border: 3px solid #6d95ac;
  width: 53px;
  margin-top: 0;
  margin-left: 54px;
  flex-shrink: 0;
  padding: 10px 0 11px;
  border-radius: 10px;
  transition: all 0.5s;
}

.adaptation-material-test .test-form .test-buttons button {
  width: 25px;
  line-height: 1px;
}

.adaptation-material-test .test-form .test-buttons button:first-child {
  margin-bottom: 16px;
}

.adaptation-material-test .test-form .test-buttons button:nth-child(2) {
  margin-bottom: 11px;
}

.adaptation-material-test .test-form .test-buttons button:nth-child(3) {
  width: 31px;
  margin-bottom: 9px;
}

.adaptation-material-test .test-form .test-buttons button:nth-child(4) {
  margin-bottom: 14px;
}

.adaptation-material-test .test-form .test-buttons button:nth-child(5) {
  width: 22px;
  margin-bottom: 14px;
}

.adaptation-material-test .test-form .test-buttons button:nth-child(6) {
  width: 25px;
}

.adaptation-material-test .test-form .test-buttons button img {
  width: 100%;
}

@media (max-width: 1599.5px) {
  .adaptation-material-page {
    padding: 0 42px 0 28px;
  }

  .adaptation-material-page__top {
    padding: 19px 0 21px;
  }

  .preview-block .adaptation-material-page__top {
    padding-right: 3px;
  }

  .adaptation-material-page__top #hide_completed + label {
    margin-top: 7px;
    padding-right: 73px;
    font-size: 15px;
    line-height: 18px;
  }

  .adaptation-material-page__top #hide_completed + label:after {
    bottom: -7px;
    width: 57px;
    height: 55px;
  }

  .adaptation-material-page__back {
    width: 31px;
    box-shadow: 0 1.81px 1.81px 0 #00000040;
    margin-right: 16px;
  }

  .adaptation-material-page__title {
    border-radius: 16px;
    padding: 8px 13px;
    min-width: 141px;
    font-size: 14px;
    line-height: 16px;
  }

  .adaptation-material-page__status {
    margin-right: 16px;
    border-radius: 55px;
    box-shadow: 0 0.55px 0 0 #0000004d inset, 0 -0.55px 0 0 #ffffff33 inset;
    padding: 2px;
  }

  .adaptation-material-page__status-body {
    border-radius: 55px;
    box-shadow: 0px 2.79px 13px 2.79px #476170 inset;
  }

  .adaptation-material-page__status-body
    .checkbox-group
    input[type="radio"]
    + label {
    border-radius: 54px;
    width: 82px;
    padding: 10px 10px 9px;
    font-size: 12px;
    line-height: 15px;
  }

  .adaptation-material-page__status-body
    .checkbox-group
    input[type="radio"]:checked
    + label {
    box-shadow: -3.64px 0 1.81px -2.73px #6d95ac inset,
      0 0.54px 0 0 #cfcfcf33 inset, 1.81px 9.12px 12.76px -3.64px #000000;
  }

  .adaptation-material-page__top-params {
    border-radius: 18px;
    padding: 7px 18px 8px 22px;
    font-size: 15px;
    line-height: 18px;
  }

  .adaptation-material-page__params-dropdown {
    margin-right: 49px;
  }

  .adaptation-material-page__params-dropdown-toggle img {
    width: 13px;
    margin-left: 9px;
  }

  .adaptation-material-page__params-dropdown-menu {
    right: -21px;
    width: 159px;
    margin-top: 14px;
    border-radius: 11px;
    padding: 9px 6px 10px 10px;
  }

  .adaptation-material-page__params-dropdown-menu
    .checkbox-group:not(:last-child) {
    margin-bottom: 7px;
  }

  .adaptation-material-page__params-dropdown-menu
    .checkbox-group
    input[type="radio"]
    + label {
    padding-left: 24px;
    font-size: 12px;
    line-height: 14px;
  }

  .adaptation-material-page__params-dropdown-menu
    .checkbox-group
    input[type="radio"]
    + label:before {
    width: 13px;
    height: 13px;
    border-radius: 4px;
  }

  .adaptation-material-page__params-dropdown-menu
    .checkbox-group
    input[type="radio"]
    + label:after {
    width: 12px;
    height: 12px;
  }

  .adaptation-material-page__top .preview-button {
    margin-right: 9px;
    border-radius: 18px;
    padding: 7px 19px 8px;
    font-size: 15px;
    line-height: 18px;
  }

  .adaptation-material-page__save-button {
    border-radius: 18px;
    padding: 7px 18px 8px 19px;
    font-size: 15px;
    line-height: 18px;
  }

  .adaptation-material-page__top-buttons {
    padding: 6px 0 28px;
  }

  .adaptation-material-page__top-buttons .toggle-block-button {
    width: 309px;
    border-radius: 57px;
    padding: 12px 12px 13px;
    font-size: 16px;
    line-height: 19px;
  }

  .adaptation-material-page__top-buttons .toggle-block-button:not(:last-child) {
    margin-right: 34px;
  }

  .adaptation-material-page__top-buttons
    .toggle-block-button
    .adaptation-arrow {
    top: -3px;
    right: -19px;
    width: 11px;
    height: 11px;
  }

  .adaptation-material-page__top-buttons
    .toggle-block-button
    .adaptation-arrow
    img {
    width: 7px;
  }

  .adaptation-material-page__top-buttons .navigation-button {
    border-radius: 18px;
    padding: 7px 18px 8px 21px;
    font-size: 15px;
    line-height: 18px;
  }

  .adaptation-material-page__main-block {
    border-radius: 16px;
    padding: 10px 18px 39px 15px;
  }

  .adaptation-material-page__main-block--short {
    width: 862px;
    padding-right: 15px;
  }
  .adaptation-material-page__main-block--task {
    margin-right: 276px;
    padding-right: 15px;
    padding-bottom: 46px;
  }
  .adaptation-material-page__main-block--task .about-text .about-field-button {
    top: 8px;
    left: 11px;
    width: 16px;
  }
  .event-choose-employer__container > div:not(.event-choose-employer__expand) {
    top: 10px;
    right: -100px;
    left: -175px;
    border-radius: 18px;
    box-shadow: 0px 3px 13.5px 0px #00000040;
  }
  .event-choose-employer {
    width: 388px;
    padding: 13px 13px 18px 15px;
  }
  .event-choose-employer .top-row {
    margin-bottom: 13px;
  }
  .event-choose-employer .top-row .search-line {
    margin-right: 8px;
  }
  .event-choose-employer .top-row .search-line input {
    border-radius: 15px;
    padding: 7px 43px 7px 14px;
    font-size: 12px;
    line-height: 15px;
  }
  .event-choose-employer .top-row .search-line button {
    right: 14px;
    width: 15px;
    height: 15px;
  }
  .event-choose-employer .top-row .filter {
    margin-right: 9px;
    width: 22px;
    height: 22px;
  }
  .event-choose-employer .top-row .choose {
    border-radius: 16px;
    padding: 7px 24px;
  }
  .event-choose-employer .event-search-users {
    padding-left: 25px;
  }
  .event-choose-employer__filter {
    width: 336px;
    margin-top: 58px !important;
    padding: 14px 19px 15px;
  }
  .event-choose-employer__filter .filter-group {
    padding-left: 31px;
    margin-bottom: 11px;
  }
  .event-choose-employer__filter
    .filter-group
    > input[type="checkbox"]
    + label {
    top: 1px;
    border-radius: 4px;
    width: 16px;
    height: 16px;
  }
  .event-choose-employer__filter
    .filter-group
    > input[type="checkbox"]:checked
    + label:after {
    top: 1px;
    width: 15px;
    height: 15px;
  }
  .event-choose-employer__filter .filter-group-title {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 18px;
  }
  .event-choose-employer__filter .filter-group-title .dropdown-button {
    width: 16px;
    margin-right: 8px;
  }
  .event-choose-employer__filter .search-line {
    width: 208px;
  }
  .event-choose-employer__filter .search-line input {
    border-radius: 15px;
    padding: 7px 43px 7px 15px;
    font-size: 12px;
    line-height: 15px;
  }
  .event-choose-employer__filter .search-line button {
    right: 15px;
    width: 15px;
    height: 15px;
  }
  .event-choose-employer__filter .filter-group .checkbox-group {
    margin-top: 8px;
  }
  .event-choose-employer__filter
    .filter-group
    .checkbox-group
    input[type="checkbox"]
    + label {
    min-height: 16px;
    padding-left: 24px;
    font-size: 12px;
    line-height: 14px;
  }
  .event-choose-employer__filter
    .filter-group
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 16px;
    height: 16px;
    border-radius: 4px;
  }
  .event-choose-employer__filter
    .filter-group
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 15px;
    height: 15px;
  }
  .event-choose-employer__filter .bottom-row {
    margin-top: 16px;
  }
  .event-choose-employer__filter .bottom-row button {
    border-radius: 18px;
    width: 118px;
    padding: 7px 7px 8px;
    font-size: 15px;
    line-height: 18px;
  }
  .event-choose-employer__filter .bottom-row button:not(:last-child) {
    margin-right: 15px;
  }
  .event-choose-employer__expand {
    width: 744px;
  }
  .event-choose-employer__expand-body {
    padding-bottom: 7px;
  }
  .event-choose-employer__expand .left-side {
    margin-right: 11px;
  }
  .event-choose-employer__expand .left-side .top {
    padding: 14px 4px 5px 0;
  }
  .event-choose-employer__expand .left-side .top button {
    width: 78px;
    border-radius: 12px;
    padding: 4px 4px 5px;
    font-size: 10px;
    line-height: 12px;
  }
  .event-choose-employer__expand .left-side .top button:not(:last-child) {
    margin-right: 10px;
  }
  .event-choose-employer__expand .left-side .filter-group-divider {
    margin: 8px 8px 7px 0;
  }
  .event-choose-employer__expand .filter-group {
    padding-left: 18px;
    min-height: 40px;
  }
  .event-choose-employer__expand .filter-group.active {
    min-height: 58px;
  }
  .event-choose-employer__expand .filter-group-title {
    margin-bottom: 5px;
    font-size: 10px;
    line-height: 13px;
  }
  .event-choose-employer__expand .filter-group-title .dropdown-button {
    width: 11px;
    margin-right: 5px;
  }
  .event-choose-employer__expand .left-side .search-line {
    width: 139px;
  }
  .event-choose-employer__expand .left-side .search-line input {
    border-radius: 10px;
    padding: 4px 28px 5px 10px;
    font-size: 8px;
    line-height: 10px;
  }
  .event-choose-employer__expand .left-side .search-line button {
    right: 10px;
    width: 10px;
    height: 10px;
  }
  .event-choose-employer__expand .filter-group .checkbox-group {
    margin-top: 6px;
  }
  .event-choose-employer__expand
    .filter-group
    .checkbox-group
    input[type="checkbox"]
    + label {
    min-height: 11px;
    padding-left: 16px;
    font-size: 7px;
    line-height: 8px;
  }
  .event-choose-employer__expand
    .filter-group
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 11px;
    height: 11px;
    border-radius: 2px;
  }
  .event-choose-employer__expand
    .filter-group
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 10px;
    height: 10px;
  }
  .event-choose-employer__expand .right-side {
    padding-right: 18px;
  }
  .event-choose-employer__expand .right-side .top {
    padding: 12px 0 9px;
  }
  .event-choose-employer__expand .right-side .top .search-line input {
    border-radius: 15px;
    padding: 7px 34px 7px 14px;
    font-size: 12px;
    line-height: 15px;
  }
  .event-choose-employer__expand .right-side .top .search-line button {
    right: 10px;
    width: 15px;
    height: 15px;
  }
  .event-choose-employer__expand .right-side .top > button {
    margin-left: 15px;
    border-radius: 16px;
    padding: 7px 15px;
    font-size: 13px;
    line-height: 16px;
  }
  .event-choose-employer__expand .event-expand-users .checkbox-group {
    margin-bottom: 4px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label {
    padding-left: 22px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label:before {
    border-radius: 3px;
    width: 15px;
    height: 15px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label:after {
    width: 14px;
    height: 14px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label
    > div {
    border-radius: 10px;
    padding: 3px 6px 2px;
    font-size: 7px;
    line-height: 8px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label
    > div
    img {
    width: 30px;
    height: 30px;
    margin-right: 9px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label
    > div
    b {
    font-size: 10px;
    line-height: 12px;
  }
  .adaptation-material-page__task-info {
    top: 2px;
    padding-left: 18px;
    width: 276px;
  }
  .adaptation-material-page__task-info-row:not(:last-child) {
    margin-bottom: 10px;
  }
  .adaptation-material-page__task-info-row > label {
    font-size: 13px;
    line-height: 12px;
  }
  .adaptation-material-page__task-info-row .datepicker-container {
    width: 126px;
    margin-right: 4px;
  }
  .adaptation-material-page__task-info-row .datepicker-container input {
    border-radius: 13px;
    padding: 7px 16px;
    font-size: 14px;
    line-height: 16px;
  }
  .adaptation-material-page__task-info-row .datepicker-container img {
    right: 16px;
    width: 16px;
    height: 16px;
  }
  .adaptation-material-page__task-info-row .select2 .select2-selection {
    width: 70px;
    border-radius: 13px;
  }
  .adaptation-material-page__task-info-row
    .select2
    .select2-selection
    .select2-selection__rendered,
  .task-time-dropdown .select2-results__option {
    padding: 6px 7px 10px 8px;
    font-size: 14px;
    line-height: 16px;
  }
  .adaptation-material-page__task-info-select {
    border-width: 2px;
    border-radius: 15px;
    padding: 13px 31px 13px 16px;
    font-size: 12px;
    line-height: 10px;
    width: 148px;
  }
  .adaptation-material-page__task-info-select-arrow {
    right: 9px;
    width: 14px;
    height: 14px;
  }
  .adaptation-material-page__task-info-select-list {
    right: -2px;
    left: -2px;
    margin-top: 4px;
    border-radius: 18px;
    padding: 13px 16px;
  }
  .adaptation-material-page__task-info-select-list > div:not(:last-child) {
    margin-bottom: 8px;
  }
  .adaptation-material-page__task-info-select-list input + label {
    padding-left: 16px;
    font-size: 11px;
    line-height: 10px;
  }
  .adaptation-material-page__task-info-select-list input + label:before {
    width: 11px;
    height: 11px;
    border-radius: 3px;
  }
  .adaptation-material-page__task-info-select-list input:checked + label:after {
    width: 14px;
    height: 14px;
  }
  .adaptation-material-page__task-info-select-list-user {
    right: -33px;
    width: 336px;
    margin-top: 4px;
    box-shadow: 0 3px 13.5px 0 #00000040;
    border-radius: 18px;
    padding: 11px 22px 16px 19px;
  }
  .adaptation-material-page__task-info-select-list-user .team-group {
    margin-bottom: 6px;
  }
  .adaptation-material-page__task-info-select-list-user .team-group label {
    font-size: 15px;
    line-height: 18px;
  }
  .adaptation-material-page__task-info-select-list-user .dropdown-button {
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }
  .adaptation-material-page__task-info-select-list-user .user-item {
    margin-top: 9px;
    margin-left: 31px;
  }
  .adaptation-material-page__task-info-select-list-user
    .user-item
    input[type="radio"]
    + label {
    padding-left: 24px;
    font-size: 12px;
    line-height: 14px;
  }
  .adaptation-material-page__task-info-select-list-user
    .user-item
    input[type="radio"]
    + label:before {
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 4px;
  }
  .adaptation-material-page__task-info-select-list-user
    .user-item
    input[type="radio"]:checked
    + label:after {
    top: 3px;
    width: 15px;
    height: 15px;
  }
  .adaptation-material-page__task-info-select-list-user .choose {
    border-radius: 18px;
    width: 118px;
    padding: 7px 7px 8px;
    font-size: 15px;
    line-height: 18px;
  }
  #taskContentBlock {
    height: 319px;
  }
  .adaptation-material-page__task-content-row.adaptation-material-page__task-content-row--head {
    border-radius: 16px 16px 0 0;
  }
  .adaptation-material-page__task-content-row--head > div {
    padding: 15px 15px 14px;
    font-size: 14px;
    line-height: 16px;
  }
  .adaptation-material-page__task-content-row--head > div:first-child {
    padding-left: 21px;
  }
  .adaptation-material-page__task-content-wrap {
    margin-left: -13px;
    padding-left: 13px;
  }
  .adaptation-material-page__task-content-row > div > div {
    padding: 7px 15px 10px;
  }
  .adaptation-material-page__task-content-row > div > span {
    padding: 0 15px;
  }
  .adaptation-material-page__task-content-row > div:first-child > div {
    padding-left: 21px;
    padding-bottom: 7px;
  }
  .adaptation-material-page__task-content-row > div:nth-child(2) > div {
    padding-right: 39px;
  }
  .adaptation-material-page__task-content-row > div:nth-child(3) > div {
    padding-right: 43px;
  }
  .adaptation-material-page__task-content-row .add-file {
    right: 5px;
    width: 28px;
    height: 28px;
  }
  .adaptation-material-page__task-content-row
    .add-deadline:not(.filled)
    .calendar-button {
    right: 12px;
    width: 19px;
    height: 19px;
  }
  .adaptation-material-page__task-content-row
    .add-deadline.filled
    .calendar-button {
    margin: 0 6px 0 2px;
    width: 16px;
    height: 16px;
  }
  .adaptation-material-page__task-content-row .add-deadline .deadline-date {
    width: 73px;
  }
  .adaptation-material-page__task-content-row .add-deadline .deadline-time {
    width: 49px;
  }
  .adaptation-material-page__task-content-row .delete-subtask {
    right: 12px;
    width: 19px;
    height: 19px;
  }
  .adaptation-material-page__task-content .event-choose-employer__container {
    width: 320px;
  }
  .adaptation-material-page__task-content
    .event-choose-employer__container
    > div:not(.event-choose-employer__expand) {
    left: -34px;
    right: -34px;
  }
  .adaptation-material-page__calendar {
    border-radius: 11px;
    width: 207px;
  }
  .adaptation-material-page__calendar .choose-month {
    padding: 13px 7px 15px 19px;
    font-size: 10px;
    line-height: 13px;
  }
  .adaptation-material-page__calendar .choose-month button {
    width: 16px;
  }
  .adaptation-material-page__calendar .choose-month button:not(:last-child) {
    margin-right: 10px;
  }
  .adaptation-material-page__calendar .calendar-table {
    grid-gap: 10px 9px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 15px;
  }
  .adaptation-material-page__calendar .calendar-table .line {
    top: 18px;
    right: -5px;
    left: -15px;
  }
  .adaptation-material-page__calendar .calendar-table .head {
    font-size: 10px;
    line-height: 13px;
  }
  .adaptation-material-page__calendar .calendar-table .short-month {
    padding-left: 4px;
    font-size: 9px;
    line-height: 11px;
  }
  .adaptation-material-page__calendar .calendar-table > .with-date {
    width: 19px;
    height: 19px;
    font-size: 10px;
    line-height: 13px;
  }
  .adaptation-material-page__calendar .calendar-time-row {
    padding: 11px 0 15px;
  }
  .adaptation-material-page__calendar .calendar-time-row label {
    font-size: 10px;
    line-height: 13px;
  }
  .adaptation-material-page__calendar .calendar-time-row .calendar-choose-time {
    margin-right: 4px;
  }
  .adaptation-material-page__calendar
    .calendar-time-row
    .calendar-choose-time
    input {
    width: 37px;
  }
  .adaptation-material-page__calendar
    .calendar-time-row
    .calendar-choose-time
    .arrow {
    width: 6px;
    height: 6px;
  }
  .adaptation-material-page__calendar
    .calendar-time-row
    .calendar-choose-time
    .arrow.up {
    top: -6px;
  }
  .adaptation-material-page__calendar
    .calendar-time-row
    .calendar-choose-time
    .arrow.down {
    bottom: -10px;
  }
  .adaptation-material-page__calendar
    .calendar-time-row
    .calendar-choose-time
    .arrow.hours {
    left: 7px;
  }
  .adaptation-material-page__calendar
    .calendar-time-row
    .calendar-choose-time
    .arrow.minutes {
    right: 6px;
  }
  .adaptation-material-page__calendar .calendar-choose-button {
    border-radius: 13px;
    padding: 5px 16px 6px 18px;
    font-size: 10px;
    line-height: 12px;
  }

  .adaptation-material-page__course-title {
    padding: 15px 21px;
    font-size: 14px;
    line-height: 16px;
  }

  .adaptation-material-page__course-title .add-module {
    left: 145px;
    width: 15px;
    height: 15px;
    font-size: 14px;
    line-height: 16px;
  }

  .adaptation-material-page .adaptation-material-page__main-block .form-group {
    margin-bottom: 22px;
  }
  .adaptation-material-page
    .adaptation-material-page__main-block--task
    .form-group {
    margin-bottom: 15px;
  }

  .adaptation-material-page
    .adaptation-material-page__main-block
    .form-group
    label {
    margin-bottom: 8px;
    margin-left: 11px;
  }

  .adaptation-material-page .form-control {
    border: 2px solid #6d95ac;
    border-radius: 15px;
    padding: 10px 15px;
    font-size: 13px;
    line-height: 16px;
  }
  .adaptation-material-page
    .adaptation-material-page__main-block--task
    .form-row
    .form-group:not(:last-child) {
    margin-right: 15px;
  }

  .adaptation-material-page .form-row .form-file-group {
    margin-right: 19px;
  }

  .adaptation-material-page .form-row .form-file-group + .form-file-group {
    margin-right: 13px;
  }

  .adaptation-material-page .form-file-group .add-file {
    border: 2px solid #6d95ac;
    border-radius: 18px;
    width: 289px;
    height: 127px;
  }

  .adaptation-material-page .form-file-group .add-file > span:not(.name) {
    font-size: 124px;
    line-height: 124px;
  }

  .adaptation-material-page .form-file-group .add-file > span:not(.name) {
    font-size: 167px;
    line-height: 167px;
  }

  .adaptation-material-page .form-file-group label {
    margin-top: 7px;
  }

  .adaptation-material-page
    .adaptation-material-page__main-block
    .form-row:not(.form-row--test)
    .form-group
    label {
    margin-left: 13px;
  }

  .adaptation-material-page .form-row--test {
    margin-bottom: 22px;
  }

  .adaptation-material-page .form-row--test .form-group:not(:last-child) {
    margin-right: 31px;
  }

  .adaptation-material-page .form-row--test .form-group:nth-child(2) {
    width: 174px;
  }

  .adaptation-material-page .form-row--test .form-group:nth-child(3) {
    width: 205px;
  }

  .adaptation-material-page
    .adaptation-material-page__main-block
    .form-group
    textarea {
    height: 96px;
    border-radius: 15px;
    padding: 7px 12px;
  }
  .adaptation-material-page
    .adaptation-material-page__main-block--task
    .form-group
    textarea {
    height: 102px;
    border-radius: 15px;
    padding: 9px 31px;
  }

  .adaptation-material-test {
    max-width: 832px;
    margin-bottom: 150px;
    border-radius: 37px;
    padding: 27px 31px 28px;
  }

  .adaptation-material-test .close-block-button {
    top: 24px;
    right: 42px;
    width: 15px;
  }

  .adaptation-material-test > .title {
    margin-bottom: 18px;
    font-size: 24px;
    line-height: 28px;
  }

  .adaptation-material-test .test-form {
    padding-left: 33px;
  }

  .adaptation-material-test .test-form .test-top-field {
    border-width: 2px;
    border-radius: 15px;
    padding: 10px 21px 12px;
  }

  .adaptation-material-test .test-form .test-top-field input:first-child {
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 3px;
  }

  .adaptation-material-test .test-form .test-top-field input:nth-child(2) {
    font-size: 13px;
    line-height: 16px;
  }

  .adaptation-material-test .test-form .test-file-block {
    margin-left: 30px;
  }

  .adaptation-material-test .test-form .question-block {
    margin-top: 22px;
  }

  .adaptation-material-test .test-form .chapter {
    margin-bottom: 22px;
  }

  .adaptation-material-test .test-form .chapter .delete-test-chapter {
    width: 20px;
  }

  .adaptation-material-test .test-form .question-title {
    border-radius: 15px;
    padding: 7px;
    padding-right: 25px;
  }

  .adaptation-material-test .test-form .question-title textarea {
    font-size: 13px;
    line-height: 16px;
    border-radius: 13px;
  }

  .adaptation-material-test .test-form .question-title .toggle-question {
    top: 9px;
    right: 12px;
    width: 13px;
    height: 13px;
  }

  .adaptation-material-test .test-form .question-title .question-type {
    width: 283px;
    border-width: 2px;
    border-radius: 15px;
    padding: 12px 6px 15px 7px;
  }

  .adaptation-material-test .test-form .question-title .question-type button {
    padding: 6px;
    border-radius: 39px;
    font-size: 12px;
    line-height: 14px;
    box-shadow: 0 2.83px 2.83px 0 #00000040;
  }

  .adaptation-material-test
    .test-form
    .question-title
    .question-type
    button:not(:last-child) {
    margin-bottom: 7px;
  }

  .adaptation-material-test
    .test-form
    .question-title
    .question-type
    button
    img {
    width: 12px;
    margin-right: 6px;
  }

  .adaptation-material-test .test-form .answers-block {
    margin-top: 13px;
    min-height: 103px;
    border-radius: 18px;
    padding: 21px 45px 18px 22px;
  }

  .adaptation-material-test .test-form .answers-block:before {
    top: -13px;
    width: 79px;
    height: 15px;
  }

  .adaptation-material-test
    .test-form
    .answers-block
    .form-group:not(:last-child) {
    margin-bottom: 10px;
  }

  .adaptation-material-test .test-form .answers-block .form-group label {
    width: 16px;
    height: 16px;
    margin-right: 13px;
    border-radius: 3px;
  }

  .adaptation-material-test
    .test-form
    .answers-block
    .form-group
    input:checked
    + label:before {
    width: 15px;
    height: 15px;
  }

  .adaptation-material-test .test-form .answers-block .form-group textarea {
    font-size: 12px;
    line-height: 13px;
  }

  .adaptation-material-test .test-form .answers-block .add-answer {
    margin-top: -12px;
    margin-left: 30px;
    font-size: 12px;
    line-height: 19px;
  }

  .adaptation-material-test .test-form .answers-buttons {
    top: 6px;
    right: 10px;
    border-width: 1px;
    width: 28px;
    padding: 6px 0;
    border-radius: 7px;
  }

  .adaptation-material-test .test-form .answers-buttons button {
    width: 13px;
  }

  .adaptation-material-test .test-form .answers-buttons button:first-child {
    margin-bottom: 6px;
  }

  .adaptation-material-test .test-form .answers-buttons button:nth-child(2) {
    width: 16px;
    margin-bottom: 4px;
  }

  .adaptation-material-test .test-form .answers-buttons button:nth-child(3) {
    margin-bottom: 4px;
  }

  .adaptation-material-test .test-form .save-test {
    margin-top: 22px;
    border-radius: 45px;
    width: 168px;
    padding: 10px;
    font-size: 13px;
    line-height: 16px;
  }

  .adaptation-material-test .test-form .test-buttons {
    border-width: 2px;
    margin-left: 40px;
    width: 39px;
    padding: 7px 0;
    border-radius: 7px;
  }

  .adaptation-material-test .test-form .test-buttons button {
    width: 18px;
  }

  .adaptation-material-test .test-form .test-buttons button:first-child {
    margin-bottom: 12px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(2) {
    margin-bottom: 7px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(3) {
    width: 22px;
    margin-bottom: 6px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(4) {
    margin-bottom: 10px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(5) {
    width: 16px;
    margin-bottom: 10px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(6) {
    width: 18px;
  }
}

@media (max-width: 1199.5px) {
  .adaptation-material-page {
    padding: 0 31px 0 21px;
  }

  .adaptation-material-page__top {
    padding: 14px 0 15px;
  }

  .preview-block .adaptation-material-page__top {
    padding-right: 2px;
  }

  .adaptation-material-page__top #hide_completed + label {
    margin-top: 5px;
    padding-right: 54px;
    font-size: 12px;
    line-height: 14px;
  }

  .adaptation-material-page__top #hide_completed + label:after {
    bottom: -5px;
    width: 42px;
    height: 42px;
  }

  .adaptation-material-page__back {
    width: 22px;
    box-shadow: 0 1.35px 1.35px 0 #00000040;
    margin-right: 12px;
  }

  .adaptation-material-page__title {
    border-radius: 12px;
    padding: 6px 10px;
    min-width: 105px;
    font-size: 12px;
    line-height: 14px;
  }

  .adaptation-material-page__status {
    margin-right: 12px;
    border-radius: 40px;
    box-shadow: 0 0.4px 0 0 #0000004d inset, 0 -0.4px 0 0 #ffffff33 inset;
  }

  .adaptation-material-page__status-body {
    border-radius: 40px;
    box-shadow: 0px 2.08px 9.75px 2.08px #476170 inset;
  }

  .adaptation-material-page__status-body
    .checkbox-group
    input[type="radio"]
    + label {
    border-radius: 40px;
    width: 72px;
    padding: 7px;
  }

  .adaptation-material-page__status-body
    .checkbox-group
    input[type="radio"]:checked
    + label {
    box-shadow: -2.73px 0 1.35px -2.04px #6d95ac inset,
      0 0.4px 0 0 #cfcfcf33 inset, 1.35px 6.84px 9.57px -2.73px #000000;
  }

  .adaptation-material-page__top-params {
    border-radius: 13px;
    padding: 5px 13px 6px 16px;
    font-size: 12px;
    line-height: 14px;
  }

  .adaptation-material-page__params-dropdown {
    margin-right: 36px;
  }

  .adaptation-material-page__params-dropdown-toggle img {
    width: 10px;
    margin-left: 7px;
  }

  .adaptation-material-page__params-dropdown-menu {
    width: 138px;
    margin-top: 10px;
    border-radius: 8px;
    padding: 7px 4px 7px 7px;
  }

  .adaptation-material-page__params-dropdown-menu
    .checkbox-group:not(:last-child) {
    margin-bottom: 5px;
  }

  .adaptation-material-page__params-dropdown-menu
    .checkbox-group
    input[type="radio"]
    + label {
    padding-left: 18px;
  }

  .adaptation-material-page__params-dropdown-menu
    .checkbox-group
    input[type="radio"]
    + label:before {
    width: 10px;
    height: 10px;
    border-radius: 3px;
  }

  .adaptation-material-page__params-dropdown-menu
    .checkbox-group
    input[type="radio"]
    + label:after {
    width: 9px;
    height: 9px;
  }

  .adaptation-material-page__top .preview-button {
    margin-right: 7px;
    border-radius: 13px;
    padding: 5px 14px 6px;
    font-size: 12px;
    line-height: 15px;
  }

  .adaptation-material-page__save-button {
    border-radius: 13px;
    padding: 5px 13px 6px 14px;
    font-size: 12px;
    line-height: 15px;
  }

  .adaptation-material-page__top-buttons {
    padding: 4px 0 21px;
  }

  .adaptation-material-page__top-buttons .toggle-block-button {
    width: 231px;
    border-radius: 42px;
    padding: 9px 9px 10px;
    font-size: 12px;
    line-height: 14px;
  }

  .adaptation-material-page__top-buttons .toggle-block-button:not(:last-child) {
    margin-right: 25px;
  }

  .adaptation-material-page__top-buttons
    .toggle-block-button
    .adaptation-arrow {
    top: -2px;
    right: -14px;
    width: 8px;
    height: 8px;
  }

  .adaptation-material-page__top-buttons
    .toggle-block-button
    .adaptation-arrow
    img {
    width: 5px;
  }

  .adaptation-material-page__top-buttons .navigation-button {
    border-radius: 13px;
    padding: 5px 13px 6px 15px;
    font-size: 12px;
    line-height: 14px;
  }

  .adaptation-material-page__main-block {
    border-radius: 12px;
    padding: 7px 13px 28px 11px;
  }

  .adaptation-material-page__main-block--short {
    width: 646px;
    padding-right: 11px;
  }
  .adaptation-material-page__main-block--task {
    margin-right: 207px;
    padding-right: 11px;
    padding-bottom: 34px;
  }
  .adaptation-material-page__main-block--task .about-text .about-field-button {
    top: 6px;
    left: 8px;
    width: 12px;
  }
  .event-choose-employer__container > div:not(.event-choose-employer__expand) {
    top: 7px;
    right: -112px;
    left: -112px;
    border-radius: 13px;
    box-shadow: 0px 2.2px 10px 0px #00000040;
  }
  .event-choose-employer {
    width: 291px;
    padding: 10px 10px 13px 11px;
  }
  .event-choose-employer .top-row {
    margin-bottom: 10px;
  }
  .event-choose-employer .top-row .search-line {
    margin-right: 6px;
  }
  .event-choose-employer .top-row .search-line input {
    border-radius: 11px;
    padding: 5px 39px 5px 10px;
  }
  .event-choose-employer .top-row .search-line button {
    right: 10px;
  }
  .event-choose-employer .top-row .filter {
    margin-right: 7px;
  }
  .event-choose-employer .top-row .choose {
    border-radius: 12px;
    padding: 5px 18px;
  }
  .event-choose-employer .event-search-users {
    padding-left: 18px;
  }
  .event-choose-employer__filter {
    width: 252px;
    margin-top: 43px !important;
    padding: 10px 14px 11px;
  }
  .event-choose-employer__filter .filter-group {
    padding-left: 22px;
    margin-bottom: 8px;
  }
  .event-choose-employer__filter
    .filter-group
    > input[type="checkbox"]
    + label {
    border-radius: 3px;
    width: 12px;
    height: 12px;
  }
  .event-choose-employer__filter
    .filter-group
    > input[type="checkbox"]:checked
    + label:after {
    width: 11px;
    height: 11px;
  }
  .event-choose-employer__filter .filter-group-title {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 14px;
  }
  .event-choose-employer__filter .filter-group-title .dropdown-button {
    width: 12px;
    margin-right: 6px;
  }
  .event-choose-employer__filter .search-line {
    width: 156px;
  }
  .event-choose-employer__filter .search-line input {
    border-radius: 11px;
    padding: 5px 39px 5px 11px;
  }
  .event-choose-employer__filter .search-line button {
    right: 11px;
  }
  .event-choose-employer__filter .filter-group .checkbox-group {
    margin-top: 6px;
  }
  .event-choose-employer__filter
    .filter-group
    .checkbox-group
    input[type="checkbox"]
    + label {
    min-height: 12px;
    padding-left: 18px;
  }
  .event-choose-employer__filter
    .filter-group
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 12px;
    height: 12px;
    border-radius: 3px;
  }
  .event-choose-employer__filter
    .filter-group
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 11px;
    height: 11px;
  }
  .event-choose-employer__filter .bottom-row {
    margin-top: 12px;
  }
  .event-choose-employer__filter .bottom-row button {
    border-radius: 13px;
    width: 88px;
    padding: 5px 5px 6px;
    font-size: 12px;
    line-height: 14px;
  }
  .event-choose-employer__filter .bottom-row button:not(:last-child) {
    margin-right: 11px;
  }
  .event-choose-employer__expand {
    width: 558px;
  }
  .event-choose-employer__expand-body {
    padding-bottom: 5px;
  }
  .event-choose-employer__expand .left-side {
    margin-right: 8px;
  }
  .event-choose-employer__expand .left-side .top {
    padding: 10px 3px 4px 0;
  }
  .event-choose-employer__expand .left-side .top button {
    width: 58px;
    border-radius: 9px;
    padding: 3px 3px 4px;
    font-size: 7px;
    line-height: 9px;
  }
  .event-choose-employer__expand .left-side .top button:not(:last-child) {
    margin-right: 7px;
  }
  .event-choose-employer__expand .left-side .filter-group-divider {
    margin: 6px 6px 5px 0;
  }
  .event-choose-employer__expand .filter-group {
    padding-left: 13px;
    min-height: 30px;
  }
  .event-choose-employer__expand .filter-group.active {
    min-height: 43px;
  }
  .event-choose-employer__expand .filter-group-title {
    margin-bottom: 4px;
    font-size: 7px;
    line-height: 10px;
  }
  .event-choose-employer__expand .filter-group-title .dropdown-button {
    width: 8px;
    margin-right: 4px;
  }
  .event-choose-employer__expand .left-side .search-line {
    width: 103px;
  }
  .event-choose-employer__expand .left-side .search-line input {
    border-radius: 7px;
    padding: 3px 21px 4px 7px;
    font-size: 6px;
    line-height: 7px;
  }
  .event-choose-employer__expand .left-side .search-line button {
    right: 7px;
    width: 7px;
    height: 7px;
  }
  .event-choose-employer__expand .filter-group .checkbox-group {
    margin-top: 4px;
  }
  .event-choose-employer__expand
    .filter-group
    .checkbox-group
    input[type="checkbox"]
    + label {
    min-height: 8px;
    padding-left: 12px;
    font-size: 5px;
    line-height: 6px;
  }
  .event-choose-employer__expand
    .filter-group
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    width: 8px;
    height: 8px;
    border-radius: 1px;
  }
  .event-choose-employer__expand
    .filter-group
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 7px;
    height: 7px;
  }
  .event-choose-employer__expand .right-side {
    padding-right: 13px;
  }
  .event-choose-employer__expand .right-side .top {
    padding: 9px 0 7px;
  }
  .event-choose-employer__expand .right-side .top .search-line input {
    border-radius: 11px;
    padding: 5px 25px 5px 10px;
    font-size: 9px;
    line-height: 11px;
  }
  .event-choose-employer__expand .right-side .top .search-line button {
    right: 7px;
    width: 11px;
    height: 11px;
  }
  .event-choose-employer__expand .right-side .top > button {
    margin-left: 11px;
    border-radius: 12px;
    padding: 5px 11px;
    font-size: 10px;
    line-height: 12px;
  }
  .event-choose-employer__expand .event-expand-users .checkbox-group {
    margin-bottom: 3px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label {
    padding-left: 16px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label:before {
    border-radius: 2px;
    width: 11px;
    height: 11px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label:after {
    width: 10px;
    height: 10px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label
    > div {
    border-radius: 7px;
    padding: 2px 4px 1px;
    font-size: 5px;
    line-height: 6px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label
    > div
    img {
    width: 22px;
    height: 22px;
    margin-right: 7px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label
    > div
    b {
    font-size: 7px;
    line-height: 9px;
  }
  .adaptation-material-page__task-info {
    top: 1px;
    padding-left: 13px;
    width: 207px;
  }
  .adaptation-material-page__task-info-row:not(:last-child) {
    margin-bottom: 7px;
  }
  .adaptation-material-page__task-info-row > label {
    font-size: 10px;
    line-height: 9px;
  }
  .adaptation-material-page__task-info-row .datepicker-container {
    width: 94px;
    margin-right: 3px;
  }
  .adaptation-material-page__task-info-row .datepicker-container input {
    border-radius: 10px;
    padding: 5px 12px;
    font-size: 10px;
    line-height: 12px;
  }
  .adaptation-material-page__task-info-row .datepicker-container img {
    right: 12px;
    width: 12px;
    height: 12px;
  }
  .adaptation-material-page__task-info-row .select2 .select2-selection {
    width: 52px;
    border-radius: 10px;
  }
  .adaptation-material-page__task-info-row
    .select2
    .select2-selection
    .select2-selection__rendered,
  .task-time-dropdown .select2-results__option {
    padding: 4px 5px 7px 6px;
    font-size: 10px;
    line-height: 12px;
  }
  .adaptation-material-page__task-info-select {
    border-width: 1px;
    border-radius: 11px;
    padding: 10px 22px 10px 12px;
    font-size: 9px;
    line-height: 7px;
    width: 111px;
  }
  .adaptation-material-page__task-info-select-arrow {
    right: 7px;
    width: 10px;
    height: 10px;
  }
  .adaptation-material-page__task-info-select-list {
    right: -1px;
    left: -1px;
    margin-top: 3px;
    border-radius: 13px;
    padding: 10px 12px;
  }
  .adaptation-material-page__task-info-select-list > div:not(:last-child) {
    margin-bottom: 6px;
  }
  .adaptation-material-page__task-info-select-list input + label {
    padding-left: 12px;
    font-size: 8px;
    line-height: 7px;
  }
  .adaptation-material-page__task-info-select-list input + label:before {
    width: 8px;
    height: 8px;
    border-radius: 2px;
  }
  .adaptation-material-page__task-info-select-list input:checked + label:after {
    width: 10px;
    height: 10px;
    left: -1px;
    top: -2px;
  }
  .adaptation-material-page__task-info-select-list-user {
    right: -24px;
    width: 252px;
    margin-top: 3px;
    box-shadow: 0 2.2px 10px 0 #00000040;
    border-radius: 13px;
    padding: 8px 16px 12px 14px;
  }
  .adaptation-material-page__task-info-select-list-user .team-group {
    margin-bottom: 4px;
  }
  .adaptation-material-page__task-info-select-list-user .team-group label {
    font-size: 12px;
    line-height: 14px;
  }
  .adaptation-material-page__task-info-select-list-user .dropdown-button {
    width: 12px;
    height: 12px;
    margin-right: 6px;
  }
  .adaptation-material-page__task-info-select-list-user .user-item {
    margin-top: 7px;
    margin-left: 22px;
  }
  .adaptation-material-page__task-info-select-list-user
    .user-item
    input[type="radio"]
    + label {
    padding-left: 18px;
    font-size: 9px;
    line-height: 10px;
  }
  .adaptation-material-page__task-info-select-list-user
    .user-item
    input[type="radio"]
    + label:before {
    top: 1px;
    width: 12px;
    height: 12px;
    border-radius: 3px;
  }
  .adaptation-material-page__task-info-select-list-user
    .user-item
    input[type="radio"]:checked
    + label:after {
    top: 2px;
    width: 11px;
    height: 11px;
  }
  .adaptation-material-page__task-info-select-list-user .choose {
    border-radius: 13px;
    width: 88px;
    padding: 5px 5px 6px;
    font-size: 12px;
    line-height: 14px;
  }
  #taskContentBlock {
    height: 238px;
  }
  .adaptation-material-page__task-content-row.adaptation-material-page__task-content-row--head {
    border-radius: 12px 12px 0 0;
  }
  .adaptation-material-page__task-content-row--head > div {
    padding: 11px 11px 10px;
    font-size: 12px;
    line-height: 14px;
  }
  .adaptation-material-page__task-content-row--head > div:first-child {
    padding-left: 15px;
  }
  .adaptation-material-page__task-content-wrap {
    margin-left: -10px;
    padding-left: 10px;
  }
  .adaptation-material-page__task-content-row > div > div {
    padding: 5px 11px 7px;
  }
  .adaptation-material-page__task-content-row > div > span {
    padding: 0 11px;
  }
  .adaptation-material-page__task-content-row > div:first-child > div {
    padding-left: 15px;
    padding-bottom: 5px;
  }
  .adaptation-material-page__task-content-row > div:nth-child(2) > div {
    padding-right: 28px;
  }
  .adaptation-material-page__task-content-row > div:nth-child(3) > div {
    padding-right: 31px;
  }
  .adaptation-material-page__task-content-row .add-file {
    right: 4px;
    width: 21px;
    height: 21px;
  }
  .adaptation-material-page__task-content-row
    .add-deadline:not(.filled)
    .calendar-button {
    right: 9px;
    width: 14px;
    height: 14px;
  }
  .adaptation-material-page__task-content-row
    .add-deadline.filled
    .calendar-button {
    margin: 0 4px 0 1px;
    width: 12px;
    height: 12px;
  }
  .adaptation-material-page__task-content-row .add-deadline .deadline-time {
    width: 36px;
  }
  .adaptation-material-page__task-content-row .delete-subtask {
    right: 9px;
    width: 14px;
    height: 14px;
  }
  .adaptation-material-page__task-content .event-choose-employer__container {
    width: 241px;
  }
  .adaptation-material-page__task-content
    .event-choose-employer__container
    > div:not(.event-choose-employer__expand) {
    left: -25px;
    right: -25px;
  }
  .adaptation-material-page__calendar {
    border-radius: 8px;
    width: 155px;
  }
  .adaptation-material-page__calendar .choose-month {
    padding: 10px 5px 11px 14px;
    font-size: 7px;
    line-height: 10px;
  }
  .adaptation-material-page__calendar .choose-month button {
    width: 12px;
  }
  .adaptation-material-page__calendar .choose-month button:not(:last-child) {
    margin-right: 7px;
  }
  .adaptation-material-page__calendar .calendar-table {
    grid-gap: 7px;
    margin-right: 4px;
    margin-bottom: 7px;
    margin-left: 11px;
  }
  .adaptation-material-page__calendar .calendar-table .line {
    top: 13px;
    right: -4px;
    left: -11px;
  }
  .adaptation-material-page__calendar .calendar-table .head {
    font-size: 7px;
    line-height: 10px;
  }
  .adaptation-material-page__calendar .calendar-table .short-month {
    padding-left: 3px;
    font-size: 7px;
    line-height: 8px;
  }
  .adaptation-material-page__calendar .calendar-table > .with-date {
    width: 14px;
    height: 14px;
    font-size: 7px;
    line-height: 10px;
  }
  .adaptation-material-page__calendar .calendar-time-row label {
    font-size: 7px;
    line-height: 10px;
  }
  .adaptation-material-page__calendar .calendar-time-row .calendar-choose-time {
    margin-right: 3px;
  }
  .adaptation-material-page__calendar .calendar-choose-button {
    border-radius: 10px;
    padding: 4px 12px 4px 13px;
    font-size: 7px;
    line-height: 9px;
  }

  .adaptation-material-page__course-title {
    padding: 11px 15px;
    font-size: 12px;
    line-height: 14px;
  }

  .adaptation-material-page__course-title .add-module {
    left: 108px;
    width: 11px;
    height: 11px;
    font-size: 12px;
    line-height: 14px;
  }

  .adaptation-material-page .adaptation-material-page__main-block .form-group {
    margin-bottom: 16px;
  }
  .adaptation-material-page
    .adaptation-material-page__main-block--task
    .form-group {
    margin-bottom: 11px;
  }

  .adaptation-material-page
    .adaptation-material-page__main-block
    .form-group
    label {
    margin-bottom: 6px;
    margin-left: 8px;
  }

  .adaptation-material-page .form-control {
    border: 1px solid #6d95ac;
    border-radius: 11px;
    padding: 7px 11px;
    font-size: 12px;
    line-height: 15px;
  }
  .adaptation-material-page
    .adaptation-material-page__main-block--task
    .form-row
    .form-group:not(:last-child) {
    margin-right: 11px;
  }

  .adaptation-material-page .form-row .form-file-group {
    margin-right: 14px;
  }

  .adaptation-material-page .form-row .form-file-group + .form-file-group {
    margin-right: 10px;
  }

  .adaptation-material-page .form-file-group .add-file {
    border: 1px solid #6d95ac;
    border-radius: 13px;
    width: 216px;
    height: 94px;
  }

  .adaptation-material-page .form-file-group .add-file > span:not(.name) {
    font-size: 93px;
    line-height: 93px;
  }

  .adaptation-material-page .form-file-group label {
    margin-top: 5px;
  }

  .adaptation-material-page
    .adaptation-material-page__main-block
    .form-row:not(.form-row--test)
    .form-group
    label {
    margin-left: 10px;
  }

  .adaptation-material-page .form-row--test {
    margin-bottom: 16px;
  }

  .adaptation-material-page .form-row--test .form-group:not(:last-child) {
    margin-right: 22px;
  }

  .adaptation-material-page .form-row--test .form-group:nth-child(2) {
    width: 152px;
  }

  .adaptation-material-page .form-row--test .form-group:nth-child(3) {
    width: 179px;
  }

  .adaptation-material-page
    .adaptation-material-page__main-block
    .form-group
    textarea {
    height: 72px;
    border-radius: 11px;
    padding: 5px 9px;
  }
  .adaptation-material-page
    .adaptation-material-page__main-block--task
    .form-group
    textarea {
    height: 76px;
    border-radius: 11px;
    padding: 7px 22px;
  }

  .adaptation-material-test {
    max-width: 628px;
    margin-bottom: 112px;
    border-radius: 27px;
    padding: 19px 22px 21px;
  }

  .adaptation-material-test .close-block-button {
    top: 18px;
    right: 31px;
    width: 11px;
  }

  .adaptation-material-test > .title {
    margin-bottom: 13px;
    font-size: 18px;
    line-height: 21px;
  }

  .adaptation-material-test .test-form {
    padding-left: 24px;
  }

  .adaptation-material-test .test-form .test-top-field {
    border-width: 1px;
    border-radius: 10px;
    padding: 7px 15px 9px;
  }

  .adaptation-material-test .test-form .test-top-field input:first-child {
    font-size: 12px;
    line-height: 13px;
    margin-bottom: 2px;
  }

  .adaptation-material-test .test-form .test-top-field input:nth-child(2) {
    font-size: 12px;
    line-height: 15px;
  }

  .adaptation-material-test .test-form .test-file-block {
    margin-left: 22px;
  }

  .adaptation-material-test .test-form .question-block {
    margin-top: 16px;
  }

  .adaptation-material-test .test-form .chapter {
    margin-bottom: 16px;
  }

  .adaptation-material-test .test-form .chapter .delete-test-chapter {
    width: 16px;
  }

  .adaptation-material-test .test-form .question-title {
    border-radius: 10px;
    padding: 4px;
    padding-right: 18px !important;
  }

  .adaptation-material-test .test-form .question-title textarea {
    font-size: 12px;
    line-height: 15px;
    border-radius: 9px;
  }

  .adaptation-material-test .test-form .question-title .toggle-question {
    top: 7px;
    right: 9px;
    width: 9px;
    height: 9px;
  }

  .adaptation-material-test .test-form .question-title .question-type {
    width: 247px;
    border-width: 1px;
    border-radius: 10px;
    padding: 9px 4px;
  }

  .adaptation-material-test .test-form .question-title .question-type button {
    padding: 4px;
    border-radius: 28px;
    box-shadow: 0 2.11px 2.11px 0 #00000040;
  }

  .adaptation-material-test
    .test-form
    .question-title
    .question-type
    button:not(:last-child) {
    margin-bottom: 4px;
  }

  .adaptation-material-test
    .test-form
    .question-title
    .question-type
    button
    img {
    width: 9px;
    margin-right: 4px;
  }

  .adaptation-material-test .test-form .answers-block {
    margin-top: 9px;
    min-height: 76px;
    border-radius: 13px;
    padding: 15px 33px 13px 16px;
  }

  .adaptation-material-test .test-form .answers-block:before {
    top: -9px;
    width: 58px;
    height: 10px;
  }

  .adaptation-material-test
    .test-form
    .answers-block
    .form-group:not(:last-child) {
    margin-bottom: 7px;
  }

  .adaptation-material-test .test-form .answers-block .form-group label {
    width: 12px;
    height: 12px;
    margin-right: 9px;
    border-radius: 2px;
  }

  .adaptation-material-test
    .test-form
    .answers-block
    .form-group
    input:checked
    + label:before {
    width: 10px;
    height: 10px;
  }

  .adaptation-material-test .test-form .answers-block .add-answer {
    margin-top: -9px;
    margin-left: 22px;
  }

  .adaptation-material-test .test-form .answers-buttons {
    top: 4px;
    right: 7px;
    width: 21px;
    padding: 4px 0;
    border-radius: 4px;
  }

  .adaptation-material-test .test-form .answers-buttons button {
    width: 9px;
  }

  .adaptation-material-test .test-form .answers-buttons button:first-child {
    margin-bottom: 4px;
  }

  .adaptation-material-test .test-form .answers-buttons button:nth-child(2) {
    width: 12px;
    margin-bottom: 3px;
  }

  .adaptation-material-test .test-form .answers-buttons button:nth-child(3) {
    margin-bottom: 3px;
  }

  .adaptation-material-test .test-form .save-test {
    margin-top: 16px;
    border-radius: 33px;
    width: 147px;
    padding: 7px;
    font-size: 12px;
    line-height: 15px;
  }

  .adaptation-material-test .test-form .test-buttons {
    border-width: 1px;
    margin-left: 30px;
    width: 28px;
    padding: 4px 0;
    border-radius: 4px;
  }

  .adaptation-material-test .test-form .test-buttons button {
    width: 13px;
  }

  .adaptation-material-test .test-form .test-buttons button:first-child {
    margin-bottom: 9px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(2) {
    margin-bottom: 4px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(3) {
    width: 16px;
    margin-bottom: 4px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(4) {
    margin-bottom: 7px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(5) {
    width: 12px;
    margin-bottom: 7px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(6) {
    width: 13px;
  }
}

@media (max-width: 991.5px) {
  .adaptation-material-page {
    padding: 0 22px 0 15px;
  }

  .adaptation-material-page__top {
    padding: 10px 0 11px;
  }

  .preview-block .adaptation-material-page__top {
    padding-right: 1px;
  }

  .adaptation-material-page__top #hide_completed + label {
    margin-top: 4px;
    padding-right: 40px;
  }

  .adaptation-material-page__top #hide_completed + label:after {
    bottom: -4px;
    width: 31px;
    height: 31px;
  }

  .adaptation-material-page__back {
    width: 16px;
    box-shadow: 0 1px 1px 0 #00000040;
    margin-right: 9px;
  }

  .adaptation-material-page__title {
    border-radius: 9px;
    padding: 4px 7px;
    min-width: 78px;
  }

  .adaptation-material-page__status {
    margin-right: 9px;
    border-radius: 30px;
    box-shadow: 0 0.3px 0 0 #0000004d inset, 0 -0.3px 0 0 #ffffff33 inset;
  }

  .adaptation-material-page__status-body {
    border-radius: 30px;
    box-shadow: 0px 1.56px 7.3px 1.56px #476170 inset;
  }

  .adaptation-material-page__status-body
    .checkbox-group
    input[type="radio"]
    + label {
    border-radius: 30px;
    padding: 5px;
  }

  .adaptation-material-page__status-body
    .checkbox-group
    input[type="radio"]:checked
    + label {
    box-shadow: -2.04px 0 1px -1.53px #6d95ac inset, 0 0.3px 0 0 #cfcfcf33 inset,
      1px 5.13px 7.17px -2.04px #000000;
  }

  .adaptation-material-page__top-params {
    border-radius: 10px;
    padding: 4px 10px 4px 12px;
  }

  .adaptation-material-page__params-dropdown {
    margin-right: 27px;
  }

  .adaptation-material-page__params-dropdown-toggle img {
    margin-left: 4px;
  }

  .adaptation-material-page__params-dropdown-menu {
    margin-top: 7px;
    border-radius: 6px;
    padding: 5px 3px 5px 5px;
  }

  .adaptation-material-page__params-dropdown-menu
    .checkbox-group:not(:last-child) {
    margin-bottom: 4px;
  }

  .adaptation-material-page__top .preview-button {
    margin-right: 5px;
    border-radius: 10px;
    padding: 4px 10px;
  }

  .adaptation-material-page__save-button {
    border-radius: 10px;
    padding: 4px 10px;
  }

  .adaptation-material-page__top-buttons {
    padding: 3px 0 15px;
  }

  .adaptation-material-page__top-buttons .toggle-block-button {
    width: 172px;
    border-radius: 31px;
    padding: 7px;
  }

  .adaptation-material-page__top-buttons .toggle-block-button:not(:last-child) {
    margin-right: 18px;
  }

  .adaptation-material-page__top-buttons .navigation-button {
    border-radius: 10px;
    padding: 4px 10px 4px 11px;
  }

  .adaptation-material-page__main-block {
    border-radius: 9px;
    padding: 5px 10px 28px 8px;
  }

  .adaptation-material-page__main-block--short {
    width: 565px;
    padding-right: 8px;
  }
  .adaptation-material-page__main-block--task {
    margin-right: 0;
    margin-bottom: 145px;
    padding-right: 8px;
    padding-bottom: 25px;
  }
  .adaptation-material-page__main-block--task .about-text .about-field-button {
    top: 4px;
    left: 6px;
    width: 9px;
  }
  .event-choose-employer__container > div:not(.event-choose-employer__expand) {
    top: 5px;
    right: -84px;
    left: -84px;
    border-radius: 10px;
    box-shadow: 0px 1.6px 7.5px 0px #00000040;
  }
  .event-choose-employer {
    width: 217px;
    padding: 7px 7px 10px 8px;
  }
  .event-choose-employer .top-row {
    margin-bottom: 7px;
  }
  .event-choose-employer .top-row .search-line {
    margin-right: 4px;
  }
  .event-choose-employer .top-row .search-line input {
    border-radius: 8px;
    padding: 4px 36px 4px 7px;
  }
  .event-choose-employer .top-row .search-line button {
    right: 7px;
  }
  .event-choose-employer .top-row .filter {
    margin-right: 5px;
  }
  .event-choose-employer .top-row .choose {
    border-radius: 9px;
    padding: 4px 13px;
  }
  .event-choose-employer .event-search-users {
    padding-left: 13px;
  }
  .event-choose-employer__filter {
    width: 189px;
    margin-top: 31px !important;
    padding: 7px 10px 8px;
  }
  .event-choose-employer__filter .filter-group {
    margin-bottom: 6px;
  }
  .event-choose-employer__filter .filter-group-title {
    margin-bottom: 4px;
  }
  .event-choose-employer__filter .filter-group-title .dropdown-button {
    margin-right: 4px;
  }
  .event-choose-employer__filter .search-line {
    width: 117px;
  }
  .event-choose-employer__filter .search-line input {
    border-radius: 8px;
    padding: 4px 36px 4px 8px;
  }
  .event-choose-employer__filter .search-line button {
    right: 8px;
  }
  .event-choose-employer__filter .filter-group .checkbox-group {
    margin-top: 4px;
  }
  .event-choose-employer__filter .bottom-row {
    margin-top: 9px;
  }
  .event-choose-employer__filter .bottom-row button {
    border-radius: 10px;
    width: 66px;
    padding: 4px;
  }
  .event-choose-employer__filter .bottom-row button:not(:last-child) {
    margin-right: 8px;
  }
  .event-choose-employer__expand {
    width: 418px;
  }
  .event-choose-employer__expand-body {
    padding-bottom: 4px;
  }
  .event-choose-employer__expand .left-side {
    margin-right: 6px;
  }
  .event-choose-employer__expand .left-side .top {
    padding: 7px 2px 3px 0;
  }
  .event-choose-employer__expand .left-side .top button {
    width: 43px;
    border-radius: 7px;
    padding: 2px 2px 3px;
  }
  .event-choose-employer__expand .left-side .top button:not(:last-child) {
    margin-right: 5px;
  }
  .event-choose-employer__expand .left-side .filter-group-divider {
    margin: 4px 4px 4px 0;
  }
  .event-choose-employer__expand .filter-group {
    padding-left: 10px;
  }
  .event-choose-employer__expand .filter-group-title {
    margin-bottom: 3px;
  }
  .event-choose-employer__expand .filter-group-title .dropdown-button {
    margin-right: 3px;
  }
  .event-choose-employer__expand .left-side .search-line {
    width: 76px;
  }
  .event-choose-employer__expand .left-side .search-line input {
    border-radius: 5px;
    padding: 2px 15px 3px 5px;
  }
  .event-choose-employer__expand .filter-group .checkbox-group {
    margin-top: 3px;
  }
  .event-choose-employer__expand .right-side {
    padding-right: 10px;
  }
  .event-choose-employer__expand .right-side .top {
    padding: 7px 0 5px;
  }
  .event-choose-employer__expand .right-side .top .search-line input {
    border-radius: 8px;
    padding: 4px 18px 4px 7px;
  }
  .event-choose-employer__expand .right-side .top > button {
    margin-left: 8px;
    border-radius: 9px;
    padding: 4px 8px;
  }
  .event-choose-employer__expand .event-expand-users .checkbox-group {
    margin-bottom: 2px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label
    > div {
    border-radius: 5px;
    padding: 1px 3px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label
    > div
    img {
    margin-right: 5px;
  }
  .adaptation-material-page__task-info {
    top: 100%;
    bottom: auto;
    left: 0;
    height: 137px;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-left: 10px;
  }
  #taskContentBlock {
    height: 178px;
  }
  .adaptation-material-page__task-content-row.adaptation-material-page__task-content-row--head {
    border-radius: 9px 9px 0 0;
  }
  .adaptation-material-page__task-content-row--head > div {
    padding: 8px 8px 7px;
  }
  .adaptation-material-page__task-content-row--head > div:first-child {
    padding-left: 11px;
  }
  .adaptation-material-page__task-content-wrap {
    margin-left: -7px;
    padding-left: 7px;
  }
  .adaptation-material-page__task-content-row > div > div {
    padding: 4px 8px 5px;
  }
  .adaptation-material-page__task-content-row > div > span {
    padding: 0 8px;
  }
  .adaptation-material-page__task-content-row > div:first-child > div {
    padding-left: 11px;
    padding-bottom: 4px;
  }
  .adaptation-material-page__task-content-row > div:nth-child(2) > div {
    padding-right: 22px;
  }
  .adaptation-material-page__task-content-row > div:nth-child(3) > div {
    padding-right: 25px;
  }
  .adaptation-material-page__task-content-row .add-file {
    right: 3px;
  }
  .adaptation-material-page__task-content-row
    .add-deadline:not(.filled)
    .calendar-button {
    right: 7px;
  }
  .adaptation-material-page__task-content-row
    .add-deadline.filled
    .calendar-button {
    margin: 0 3px 0 0;
  }
  .adaptation-material-page__task-content-row .delete-subtask {
    right: 7px;
  }
  .adaptation-material-page__task-content .event-choose-employer__container {
    width: 181px;
  }
  .adaptation-material-page__task-content
    .event-choose-employer__container
    > div:not(.event-choose-employer__expand) {
    left: -18px;
    right: -18px;
  }
  .adaptation-material-page__calendar {
    border-radius: 6px;
    width: 139px;
  }
  .adaptation-material-page__calendar .choose-month {
    padding: 7px 4px 8px 10px;
  }
  .adaptation-material-page__calendar .choose-month button:not(:last-child) {
    margin-right: 5px;
  }
  .adaptation-material-page__calendar .calendar-table {
    grid-gap: 5px;
    margin-right: 3px;
    margin-bottom: 5px;
    margin-left: 8px;
  }
  .adaptation-material-page__calendar .calendar-table .line {
    top: 11px;
    right: -3px;
    left: -8px;
  }
  .adaptation-material-page__calendar .calendar-time-row .calendar-choose-time {
    margin-right: 2px;
  }
  .adaptation-material-page__calendar .calendar-choose-button {
    border-radius: 7px;
    padding: 3px 9px 3px 10px;
  }

  .adaptation-material-page__course-title {
    padding: 8px 11px;
  }

  .adaptation-material-page__course-title .add-module {
    left: 81px;
  }

  .adaptation-material-page .adaptation-material-page__main-block .form-group {
    margin-bottom: 12px;
  }
  .adaptation-material-page
    .adaptation-material-page__main-block--task
    .form-group {
    margin-bottom: 8px;
  }

  .adaptation-material-page
    .adaptation-material-page__main-block
    .form-group
    label {
    margin-bottom: 4px;
    margin-left: 6px;
  }

  .adaptation-material-page .form-control {
    border-radius: 8px;
    padding: 5px 8px;
  }
  .adaptation-material-page
    .adaptation-material-page__main-block--task
    .form-row
    .form-group:not(:last-child) {
    margin-right: 8px;
  }

  .adaptation-material-page .form-row .form-file-group {
    margin-right: 10px;
  }

  .adaptation-material-page .form-row .form-file-group + .form-file-group {
    margin-right: 7px;
  }

  .adaptation-material-page .form-file-group .add-file {
    border-radius: 10px;
    width: 162px;
    height: 70px;
  }

  .adaptation-material-page .form-file-group .add-file > span:not(.name) {
    font-size: 69px;
    line-height: 69px;
  }

  .adaptation-material-page .form-file-group label {
    margin-top: 4px;
  }

  .adaptation-material-page
    .adaptation-material-page__main-block
    .form-row:not(.form-row--test)
    .form-group
    label {
    margin-left: 7px;
  }

  .adaptation-material-page .form-row--test {
    margin-bottom: 12px;
  }

  .adaptation-material-page .form-row--test .form-group:not(:last-child) {
    margin-right: 16px;
  }

  .adaptation-material-page
    .adaptation-material-page__main-block
    .form-group
    textarea {
    height: 54px;
    border-radius: 8px;
    padding: 4px 7px;
  }
  .adaptation-material-page
    .adaptation-material-page__main-block--task
    .form-group
    textarea {
    height: 57px;
    border-radius: 8px;
    padding: 5px 16px;
  }

  .adaptation-material-test {
    max-width: 471px;
    margin-bottom: 84px;
    border-radius: 19px;
    padding: 14px 16px 15px;
  }

  .adaptation-material-test .close-block-button {
    top: 13px;
    right: 22px;
    width: 8px;
  }

  .adaptation-material-test > .title {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 15px;
  }

  .adaptation-material-test .test-form {
    padding-left: 18px;
  }

  .adaptation-material-test .test-form .test-top-field {
    border-radius: 7px;
    padding: 4px 10px 6px;
  }

  .adaptation-material-test .test-form .test-top-field input:first-child {
    margin-bottom: 1px;
  }

  .adaptation-material-test .test-form .question-block {
    margin-top: 12px;
  }

  .adaptation-material-test .test-form .chapter {
    margin-bottom: 12px;
  }

  .adaptation-material-test .test-form .question-title {
    border-radius: 7px;
    padding: 3px;
  }

  .adaptation-material-test .test-form .question-title textarea {
    border-radius: 6px;
  }

  .adaptation-material-test .test-form .question-title .toggle-question {
    right: 6px;
  }

  .adaptation-material-test .test-form .question-title .question-type {
    width: 231px;
    border-radius: 7px;
    padding: 6px 3px;
  }

  .adaptation-material-test .test-form .question-title .question-type button {
    padding: 3px;
    border-radius: 21px;
    box-shadow: 0 1.57px 1.57px 0 #00000040;
  }

  .adaptation-material-test
    .test-form
    .question-title
    .question-type
    button:not(:last-child) {
    margin-bottom: 3px;
  }

  .adaptation-material-test
    .test-form
    .question-title
    .question-type
    button
    img {
    margin-right: 3px;
  }

  .adaptation-material-test .test-form .answers-block {
    margin-top: 6px;
    min-height: 66px;
    border-radius: 9px;
    padding: 10px 24px 9px 12px;
  }

  .adaptation-material-test .test-form .answers-block:before {
    top: -6px;
    width: 43px;
    height: 7px;
  }

  .adaptation-material-test
    .test-form
    .answers-block
    .form-group:not(:last-child) {
    margin-bottom: 4px;
  }

  .adaptation-material-test .test-form .answers-block .form-group label {
    margin-right: 6px;
    border-radius: 1px;
  }

  .adaptation-material-test .test-form .answers-block .add-answer {
    margin-top: -6px;
    margin-left: 16px;
  }

  .adaptation-material-test .test-form .answers-buttons {
    top: 3px;
    right: 4px;
    width: 15px;
    padding: 3px 0;
    border-radius: 3px;
  }

  .adaptation-material-test .test-form .answers-buttons button:first-child {
    margin-bottom: 3px;
  }

  .adaptation-material-test .test-form .answers-buttons button:nth-child(2) {
    margin-bottom: 2px;
  }

  .adaptation-material-test .test-form .answers-buttons button:nth-child(3) {
    margin-bottom: 2px;
  }

  .adaptation-material-test .test-form .save-test {
    margin-top: 12px;
    border-radius: 24px;
    padding: 5px;
  }

  .adaptation-material-test .test-form .test-buttons {
    margin-left: 22px;
    width: 21px;
    padding: 3px 0;
    border-radius: 3px;
  }

  .adaptation-material-test .test-form .test-buttons button:first-child {
    margin-bottom: 6px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(2) {
    margin-bottom: 3px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(3) {
    margin-bottom: 3px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(4) {
    margin-bottom: 4px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(5) {
    margin-bottom: 4px;
  }
}

@media (max-width: 767.5px) {
  .adaptation-material-page {
    padding: 0 16px 0 11px;
  }

  .adaptation-material-page__top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 7px 0 8px;
  }

  .preview-block .adaptation-material-page__top {
    padding-right: 0;
  }

  .adaptation-material-page__top #hide_completed + label {
    margin-top: 3px;
  }

  .adaptation-material-page__back {
    width: 12px;
    box-shadow: 0 0.75px 0.75px 0 #00000040;
    margin-right: 7px;
  }

  .adaptation-material-page__title {
    border-radius: 7px;
    padding: 3px 5px;
    min-width: 58px;
  }

  .adaptation-material-page__status {
    margin-right: 0;
    border-radius: 22px;
    box-shadow: 0 0.22px 0 0 #0000004d inset, 0 -0.22px 0 0 #ffffff33 inset;
  }

  .adaptation-material-page__status-body {
    border-radius: 22px;
    box-shadow: 0px 1.09px 5.47px 1.09px #476170 inset;
  }

  .adaptation-material-page__status-body
    .checkbox-group
    input[type="radio"]
    + label {
    border-radius: 22px;
    padding: 4px;
  }

  .adaptation-material-page__status-body
    .checkbox-group
    input[type="radio"]:checked
    + label {
    box-shadow: -1.53px 0 0.75px -1.14px #6d95ac inset,
      0 0.22px 0 0 #cfcfcf33 inset, 0.75px 3.84px 5.37px -1.53px #000000;
  }

  .adaptation-material-page__top-params {
    margin-left: auto;
    margin-top: 7px;
    border-radius: 7px;
    padding: 3px 7px 3px 9px;
  }

  .adaptation-material-page__params-dropdown {
    margin-right: 19px;
  }

  .adaptation-material-page__params-dropdown-toggle img {
    margin-left: 3px;
  }

  .adaptation-material-page__params-dropdown-menu {
    margin-top: 5px;
    border-radius: 4px;
    padding: 4px 2px 4px 4px;
  }

  .adaptation-material-page__params-dropdown-menu
    .checkbox-group:not(:last-child) {
    margin-bottom: 3px;
  }

  .adaptation-material-page__top .preview-button {
    margin-right: 4px;
    margin-left: auto;
    border-radius: 7px;
    padding: 3px 7px;
  }

  .adaptation-material-page__save-button {
    border-radius: 7px;
    padding: 3px 7px;
  }

  .adaptation-material-page__top-buttons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2px 0 11px;
  }

  .adaptation-material-page__top-buttons .toggle-block-button {
    width: 129px;
    border-radius: 22px;
    padding: 5px;
  }

  .adaptation-material-page__top-buttons .toggle-block-button:not(:last-child) {
    margin-right: 13px;
  }

  .adaptation-material-page__top-buttons .navigation-button {
    border-radius: 7px;
    padding: 3px 7px 3px 8px;
    margin-top: 10px;
  }

  .adaptation-material-page__main-block {
    border-radius: 7px;
    padding: 4px 7px 7px 6px;
  }

  .adaptation-material-page__main-block--short {
    width: 100%;
    padding-right: 6px;
  }
  .adaptation-material-page__main-block--task {
    padding-right: 6px;
    padding-bottom: 18px;
  }
  .adaptation-material-page__main-block--task .about-text .about-field-button {
    top: 3px;
    left: 4px;
    width: 7px;
  }
  .event-choose-employer__container > div:not(.event-choose-employer__expand) {
    top: 4px;
    right: -63px;
    left: -63px;
    border-radius: 7px;
    box-shadow: 0px 1.2px 5.5px 0px #00000040;
  }
  .event-choose-employer {
    width: 162px;
    padding: 5px 5px 7px 6px;
  }
  .event-choose-employer .top-row {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 5px;
  }
  .event-choose-employer .top-row .search-line {
    margin-right: 0;
    margin-bottom: 3px;
  }
  .event-choose-employer .top-row .search-line input {
    border-radius: 6px;
    padding: 3px 34px 3px 5px;
  }
  .event-choose-employer .top-row .search-line button {
    right: 5px;
  }
  .event-choose-employer .top-row .filter {
    margin-right: 0;
    margin-bottom: 4px;
  }
  .event-choose-employer .top-row .choose {
    border-radius: 7px;
    padding: 3px 10px;
  }
  .event-choose-employer .event-search-users {
    padding-left: 10px;
  }
  .event-choose-employer__filter {
    width: 165px;
    margin-top: 22px !important;
    padding: 5px 7px 6px;
  }
  .event-choose-employer__filter .filter-group {
    margin-bottom: 4px;
  }
  .event-choose-employer__filter .filter-group-title {
    margin-bottom: 3px;
  }
  .event-choose-employer__filter .filter-group-title .dropdown-button {
    margin-right: 3px;
  }
  .event-choose-employer__filter .search-line {
    width: 102px;
  }
  .event-choose-employer__filter .search-line input {
    border-radius: 6px;
    padding: 3px 34px 3px 6px;
  }
  .event-choose-employer__filter .search-line button {
    right: 6px;
  }
  .event-choose-employer__filter .filter-group .checkbox-group {
    margin-top: 3px;
  }
  .event-choose-employer__filter .bottom-row {
    margin-top: 7px;
  }
  .event-choose-employer__filter .bottom-row button {
    border-radius: 7px;
    padding: 3px;
  }
  .event-choose-employer__filter .bottom-row button:not(:last-child) {
    margin-right: 8px;
  }
  .event-choose-employer__expand {
    width: 313px;
  }
  .event-choose-employer__expand-body {
    padding-bottom: 3px;
  }
  .event-choose-employer__expand .left-side {
    margin-right: 4px;
  }
  .event-choose-employer__expand .left-side .top {
    padding: 5px 1px 2px 0;
  }
  .event-choose-employer__expand .left-side .top button {
    width: 37px;
    padding: 1px 1px 2px;
  }
  .event-choose-employer__expand .left-side .top button:not(:last-child) {
    margin-right: 4px;
  }
  .event-choose-employer__expand .left-side .filter-group-divider {
    margin: 3px 3px 3px 0;
  }
  .event-choose-employer__expand .filter-group {
    padding-left: 7px;
  }
  .event-choose-employer__expand .filter-group-title {
    margin-bottom: 2px;
  }
  .event-choose-employer__expand .filter-group-title .dropdown-button {
    margin-right: 2px;
  }
  .event-choose-employer__expand .left-side .search-line {
    width: 57px;
  }
  .event-choose-employer__expand .left-side .search-line input {
    border-radius: 4px;
    padding: 1px 11px 2px 4px;
  }
  .event-choose-employer__expand .filter-group .checkbox-group {
    margin-top: 2px;
  }
  .event-choose-employer__expand .right-side {
    padding-right: 7px;
  }
  .event-choose-employer__expand .right-side .top {
    padding: 5px 0 4px;
  }
  .event-choose-employer__expand .right-side .top .search-line input {
    border-radius: 6px;
    padding: 3px 13px 3px 5px;
  }
  .event-choose-employer__expand .right-side .top > button {
    margin-left: 6px;
    border-radius: 7px;
    padding: 3px 6px;
  }
  .event-choose-employer__expand .event-expand-users .checkbox-group {
    margin-bottom: 1px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label
    > div {
    border-radius: 4px;
    padding: 1px 2px;
  }
  .event-choose-employer__expand
    .event-expand-users
    input[type="checkbox"]
    + label
    > div
    img {
    margin-right: 4px;
  }
  .adaptation-material-page__task-info {
    padding-left: 7px;
    width: auto;
  }
  #taskContentBlock {
    height: 133px;
  }
  .adaptation-material-page__task-content-row.adaptation-material-page__task-content-row--head {
    border-radius: 7px 7px 0 0;
  }
  .adaptation-material-page__task-content-row--head > div {
    padding: 6px 6px 5px;
  }
  .adaptation-material-page__task-content-row--head > div:first-child {
    padding-left: 8px;
  }
  .adaptation-material-page__task-content-wrap {
    margin-left: -5px;
    padding-left: 5px;
  }
  .adaptation-material-page__task-content-row > div > div {
    padding: 3px 6px 4px;
  }
  .adaptation-material-page__task-content-row > div > span {
    padding: 0 6px;
  }
  .adaptation-material-page__task-content-row > div:first-child > div {
    padding-left: 8px;
    padding-bottom: 3px;
  }
  .adaptation-material-page__task-content-row > div:nth-child(2) > div {
    padding-right: 18px;
  }
  .adaptation-material-page__task-content-row > div:nth-child(3) > div {
    padding-right: 21px;
  }
  .adaptation-material-page__task-content-row .add-file {
    right: 2px;
  }
  .adaptation-material-page__task-content-row
    .add-deadline:not(.filled)
    .calendar-button {
    right: 5px;
  }
  .adaptation-material-page__task-content-row
    .add-deadline.filled
    .calendar-button {
    margin: 0 2px 0 0;
  }
  .adaptation-material-page__task-content-row .delete-subtask {
    right: 5px;
  }
  .adaptation-material-page__task-content .event-choose-employer__container {
    width: 136px;
  }
  .adaptation-material-page__task-content
    .event-choose-employer__container
    > div:not(.event-choose-employer__expand) {
    left: -13px;
    right: -13px;
  }
  .adaptation-material-page__calendar {
    border-radius: 4px;
    left: auto;
    width: 130px;
  }
  .adaptation-material-page__calendar .choose-month {
    padding: 5px 3px 6px 7px;
  }
  .adaptation-material-page__calendar .choose-month button:not(:last-child) {
    margin-right: 4px;
  }
  .adaptation-material-page__calendar .calendar-table {
    grid-gap: 4px;
    margin-right: 2px;
    margin-bottom: 4px;
    margin-left: 6px;
  }
  .adaptation-material-page__calendar .calendar-table .line {
    top: 10px;
    right: -2px;
    left: -6px;
  }
  .adaptation-material-page__calendar .calendar-time-row .calendar-choose-time {
    margin-right: 1px;
  }
  .adaptation-material-page__calendar .calendar-choose-button {
    border-radius: 5px;
    padding: 2px 7px;
  }

  .adaptation-material-page__course-title {
    padding: 6px 8px;
  }

  .adaptation-material-page .adaptation-material-page__main-block .form-group {
    margin-bottom: 9px;
  }
  .adaptation-material-page
    .adaptation-material-page__main-block--task
    .form-group {
    margin-bottom: 6px;
  }

  .adaptation-material-page
    .adaptation-material-page__main-block
    .form-group
    label {
    margin-bottom: 3px;
    margin-left: 4px;
  }

  .adaptation-material-page .form-control {
    border-radius: 6px;
    padding: 4px 6px;
  }
  .adaptation-material-page
    .adaptation-material-page__main-block--task
    .form-row
    .form-group:not(:last-child) {
    margin-right: 6px;
  }

  .adaptation-material-page .adaptation-material-page__main-block .form-row {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .adaptation-material-page .form-row .form-file-group {
    margin-right: 0;
    margin-bottom: 25px;
  }

  .adaptation-material-page .form-row .form-file-group + .form-file-group {
    margin-right: 0;
    margin-bottom: 23px;
  }

  .adaptation-material-page .form-file-group {
    width: 100%;
  }

  .adaptation-material-page .form-file-group .add-file {
    border-radius: 7px;
    width: 100%;
    height: 52px;
  }

  .adaptation-material-page .form-file-group .add-file > span:not(.name) {
    font-size: 51px;
    line-height: 51px;
  }

  .adaptation-material-page .form-file-group label {
    margin-top: 3px;
  }

  .adaptation-material-page
    .adaptation-material-page__main-block
    .form-row:not(.form-row--test)
    .form-group
    label {
    margin-left: 5px;
  }

  .adaptation-material-page .form-row--test {
    margin-bottom: 9px;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .adaptation-material-page .form-row--test .form-group {
    width: 100% !important;
    margin-bottom: 12px;
  }

  .adaptation-material-page .form-row--test .form-group:not(:last-child) {
    margin-right: 0 !important;
  }

  .adaptation-material-page
    .adaptation-material-page__main-block
    .form-group
    textarea {
    height: 40px;
    border-radius: 6px;
    padding: 3px 5px;
  }
  .adaptation-material-page
    .adaptation-material-page__main-block--task
    .form-group
    textarea {
    height: 42px;
    border-radius: 6px;
    padding: 4px 12px;
  }

  .adaptation-material-test {
    max-width: 352px;
    margin-bottom: 63px;
    border-radius: 14px;
    padding: 10px 12px 11px;
  }

  .adaptation-material-test .close-block-button {
    top: 10px;
    right: 16px;
    width: 6px;
  }

  .adaptation-material-test > .title {
    margin-bottom: 7px;
    font-size: 12px;
    line-height: 14px;
  }

  .adaptation-material-test .test-form {
    padding-left: 13px;
  }

  .adaptation-material-test .test-form .test-top-field {
    border-radius: 4px;
    padding: 3px 7px 4px;
  }

  .adaptation-material-test .test-form .question-block {
    margin-top: 9px;
  }

  .adaptation-material-test .test-form .chapter {
    margin-bottom: 9px;
  }

  .adaptation-material-test .test-form .question-title {
    border-radius: 4px;
    padding: 2px;
  }

  .adaptation-material-test .test-form .question-title textarea {
    border-radius: 4px;
  }

  .adaptation-material-test .test-form .question-title .toggle-question {
    right: 4px;
  }

  .adaptation-material-test .test-form .question-title .question-type {
    border-radius: 4px;
    padding: 4px 2px;
  }

  .adaptation-material-test .test-form .question-title .question-type button {
    padding: 2px;
    border-radius: 15px;
    box-shadow: 0 1.17px 1.17px 0 #00000040;
  }

  .adaptation-material-test
    .test-form
    .question-title
    .question-type
    button:not(:last-child) {
    margin-bottom: 2px;
  }

  .adaptation-material-test
    .test-form
    .question-title
    .question-type
    button
    img {
    margin-right: 2px;
  }

  .adaptation-material-test .test-form .answers-block {
    margin-top: 4px;
    min-height: 57px;
    border-radius: 6px;
    padding: 7px 18px 6px 9px;
  }

  .adaptation-material-test .test-form .answers-block:before {
    top: -4px;
    width: 31px;
    height: 4px;
  }

  .adaptation-material-test
    .test-form
    .answers-block
    .form-group:not(:last-child) {
    margin-bottom: 3px;
  }

  .adaptation-material-test .test-form .answers-block .form-group label {
    margin-right: 4px;
  }

  .adaptation-material-test .test-form .answers-block .add-answer {
    margin-top: -4px;
    margin-left: 12px;
  }

  .adaptation-material-test .test-form .answers-buttons {
    top: 2px;
    right: 3px;
    padding: 2px 0;
    border-radius: 2px;
  }

  .adaptation-material-test .test-form .answers-buttons button:first-child {
    margin-bottom: 2px;
  }

  .adaptation-material-test .test-form .answers-buttons button:nth-child(2) {
    margin-bottom: 1px;
  }

  .adaptation-material-test .test-form .answers-buttons button:nth-child(3) {
    margin-bottom: 1px;
  }

  .adaptation-material-test .test-form .save-test {
    margin-top: 9px;
    border-radius: 18px;
    padding: 4px;
  }

  .adaptation-material-test .test-form .test-buttons {
    margin-left: 16px;
    padding: 2px 0;
    border-radius: 2px;
  }

  .adaptation-material-test .test-form .test-buttons button:first-child {
    margin-bottom: 4px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(2) {
    margin-bottom: 2px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(3) {
    margin-bottom: 2px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(4) {
    margin-bottom: 3px;
  }

  .adaptation-material-test .test-form .test-buttons button:nth-child(5) {
    margin-bottom: 3px;
  }
}

@media (max-width: 575.5px) {
  .adaptation-material-page__top .preview-button,
  .adaptation-material-page__save-button {
    margin-top: 6px;
  }
}

.educations-choice-block {
  display: -ms-flex;
  display: flex;
  margin: 64px 96px 64px 105px;
  background: #cfcfcf26;
  border-radius: 22px;
  padding: 51px 127px 51px 101px;
}

.education-option {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
  height: 163px;
  background: url("../images/adaptation/education/option-back.png") center
    center no-repeat;
  background-size: cover;
  border-radius: 27px;
  padding: 0 41px;
  font-weight: 500;
  font-size: 23px;
  line-height: 28px;
  text-transform: uppercase;
  text-decoration: none !important;
}

.education-option:not(:last-child) {
  margin-right: 57px;
}

.education-option:first-child img {
  width: 91px;
  margin-right: 33px;
  margin-bottom: 8px;
}

.education-option:last-child img {
  width: 121px;
  margin-right: 44px;
  margin-left: 28px;
}

@media (max-width: 1599.5px) {
  .educations-choice-block {
    margin: 48px 72px 48px 78px;
    border-radius: 16px;
    padding: 37px 94px 37px 75px;
  }

  .education-option {
    height: 121px;
    border-radius: 19px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 21px;
  }

  .education-option:not(:last-child) {
    margin-right: 42px;
  }

  .education-option:first-child img {
    width: 67px;
    margin-right: 24px;
    margin-bottom: 6px;
  }

  .education-option:last-child img {
    width: 90px;
    margin-right: 33px;
    margin-left: 21px;
  }
}

@media (max-width: 1199.5px) {
  .educations-choice-block {
    margin: 36px 54px 36px 58px;
    border-radius: 12px;
    padding: 27px 70px 27px 55px;
  }

  .education-option {
    height: 90px;
    border-radius: 14px;
    padding: 0 22px;
    font-size: 12px;
    line-height: 15px;
  }

  .education-option:not(:last-child) {
    margin-right: 31px;
  }

  .education-option:first-child img {
    width: 49px;
    margin-right: 18px;
    margin-bottom: 4px;
  }

  .education-option:last-child img {
    width: 67px;
    margin-right: 24px;
    margin-left: 15px;
  }
}

@media (max-width: 991.5px) {
  .educations-choice-block {
    margin: 27px 40px 27px 43px;
    border-radius: 9px;
    padding: 19px 52px 19px 40px;
  }

  .education-option {
    height: 67px;
    border-radius: 10px;
    padding: 0 16px;
  }

  .education-option:not(:last-child) {
    margin-right: 22px;
  }

  .education-option:first-child img {
    width: 36px;
    margin-right: 13px;
    margin-bottom: 3px;
  }

  .education-option:last-child img {
    width: 49px;
    margin-right: 19px;
    margin-left: 11px;
  }
}

@media (max-width: 767.5px) {
  .educations-choice-block {
    margin: 19px 30px 19px 31px;
    border-radius: 7px;
    padding: 14px 39px 14px 30px;
  }

  .education-option {
    height: 49px;
    border-radius: 7px;
    padding: 0 12px;
  }

  .education-option:not(:last-child) {
    margin-right: 16px;
  }

  .education-option:first-child img {
    width: 27px;
    margin-right: 10px;
    margin-bottom: 2px;
  }

  .education-option:last-child img {
    width: 36px;
    margin-right: 14px;
    margin-left: 8px;
  }
}

@media (max-width: 575.5px) {
  .educations-choice-block {
    margin: 9px 15px;
    border-radius: 3px;
    padding: 7px 19px 7px 15px;
  }

  .education-option {
    border-radius: 3px;
    padding: 0 6px;
  }

  .educations-choice-block {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .education-option {
    width: 100%;
  }

  .education-option:not(:last-child) {
    margin-right: 0;
    margin-bottom: 8px;
  }

  .education-option:first-child img {
    width: 19px;
    margin-right: 7px;
    margin-bottom: 1px;
  }

  .education-option:last-child img {
    width: 27px;
    margin-right: 10px;
    margin-left: 6px;
  }
}

.adaptation-material-page__modules {
  position: relative;
  min-height: 516px;
  border-top: 1px solid #9b9b9b;
}

.adaptation-material-page__modules:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 23.4%;
  border-right: 1px solid #9b9b9b;
}

.adaptation-material-page__modules:not(.test-modules):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 39.6%;
  border-left: 1px solid #9b9b9b;
}

.adaptation-material-page__module-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px solid #9b9b9b;
}

.adaptation-material-page__module-row > div:first-child {
  width: 23.4%;
  flex-shrink: 0;
  flex-grow: 0;
}

.adaptation-material-page__module-row > div:nth-child(2) {
  width: 37%;
  flex-shrink: 0;
  flex-grow: 0;
}

.adaptation-material-page__module-row > div:last-child {
  width: 39.6%;
  flex-shrink: 0;
  flex-grow: 0;
}

.adaptation-material-page__module-row > div:nth-child(2):last-child {
  width: 76.6%;
}

.adaptation-material-page__module-row > div > div {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 22px 13px;
}

.adaptation-material-page__module-row > div > div input[type="file"] {
  display: none;
}

.adaptation-material-page__module-row > div:first-child > div {
  position: relative;
  padding-right: 43px;
  padding-left: 43px;
}

.adaptation-material-page__module-row > div > div:not(:last-child) {
  border-bottom: 1px solid #9b9b9b;
}

.adaptation-material-page__module-row .handle {
  position: absolute;
  display: -ms-flex;
  display: flex;
  top: 18px;
  left: 15px;
  width: 15px;
}

.adaptation-material-page__module-row .handle img {
  width: 100%;
}

.adaptation-material-page__module-row input[type="text"] {
  width: 100%;
  background: transparent;
  border: none;
  padding: 0;
}

.adaptation-material-page__module-row input[type="text"]::placeholder {
  color: inherit;
  opacity: 0.6;
}

.adaptation-material-page__module-row .delete-module {
  position: absolute;
  display: -ms-flex;
  display: flex;
  top: 9px;
  right: 9px;
  width: 25px;
}

.adaptation-material-page__module-row .delete-material {
  display: -ms-flex;
  display: flex;
  width: 25px;
  margin-left: auto;
}

.adaptation-material-page__module-row .delete-module img,
.adaptation-material-page__module-row .delete-material img {
  width: 100%;
}

#addEducationMaterialModal.in {
  display: -ms-flex;
  display: flex !important;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#addEducationMaterialModal .modal-dialog {
  max-width: 771px;
}

#addEducationMaterialModal .modal-content {
  background: none;
  padding-top: 16px;
  padding-right: 23px;
}

#addEducationMaterialModal .btn-close {
  top: 0;
  right: 0;
  background: url("../images/adaptation/modal-close.png") center center
    no-repeat;
  background-size: contain;
  width: 24px;
  height: 23px;
}

#addEducationMaterialModal .modal-body {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: url("../images/adaptation/education/modal-back.png") center center
    no-repeat;
  background-size: cover;
  border-radius: 38px;
  box-shadow: 0 15px 15px 0 #00000080;
  padding: 41px 35px 39px;
}

#addEducationMaterialModal .modal-body > button {
  width: 311px;
  background: #cfcfcf26;
  border: 1px solid #6d95ac;
  border-radius: 58px;
  padding: 12px;
  font-weight: 500;
  font-size: 17px;
  line-height: 21px;
  text-transform: uppercase;
}

#addEducationMaterialModal .modal-body > button > span {
  position: relative;
}

#addEducationMaterialModal .modal-body > button .adaptation-arrow {
  position: absolute;
  top: -3px;
  right: -21px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #6d95ac;
}

#addEducationMaterialModal .modal-body > button .adaptation-arrow img {
  width: 7px;
}

#addEducationMaterialModal
  .modal-body
  > button:not(.active)
  .adaptation-arrow
  img:last-child {
  display: none;
}

#addEducationMaterialModal
  .modal-body
  > button.active
  .adaptation-arrow
  img:first-child {
  display: none;
}

.navigation-block {
  padding-right: 30px;
  padding-left: 39px;
}

.navigation-block__buttons {
  display: -ms-flex;
  display: flex;
  margin: 18px auto 26px;
  max-width: 1413px;
  background: #cfcfcf26;
  border-radius: 22px;
  padding: 51px 101px;
}

.navigation-block__buttons > input {
  display: none;
}

.navigation-block__buttons .navigation-block__radio {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 163px;
  width: 100%;
  max-width: 564px;
  background: url("../images/adaptation/education/navigation-back.png") center
    center no-repeat;
  background-size: cover;
  box-shadow: 0 4.92px 18.44px 0 #00000080;
  border-radius: 27px;
  padding: 9px 23px 0 165px;
  font-size: 19px;
  line-height: 26px;
  text-align: left;
}

.navigation-block__buttons > input:checked + .navigation-block__radio {
  outline: 3px solid #6d95accc;
}

.navigation-block__buttons .navigation-block__radio:not(:last-child) {
  margin-right: 57px;
}

.navigation-block__buttons .navigation-block__radio > img {
  position: absolute;
  bottom: 22px;
  left: 25px;
  width: 115px;
}

.navigation-block__buttons .navigation-block__radio .title {
  display: inline-block;
  font-weight: 500;
  font-size: 23px;
  line-height: 28px;
  margin-bottom: 16px;
  text-shadow: 0 5.83px 5.83px #00000040;
}

.navigation-block__selects {
  margin-left: 141px;
}

.navigation-block__selects > div:not(:last-child) {
  margin-bottom: 32px;
}

.navigation-block__selects label {
  font-weight: 600;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 7px;
  margin-left: 26px;
  color: white;
}

.navigation-block__selects .select-container {
  position: relative;
  background: #cfcfcf40;
  border-radius: 25px;
  width: 585px;
}

.navigation-block__selects .select-container.active {
  background: white;
  color: #777777;
  border-radius: 25px 25px 0 0;
}

.navigation-block__selects .select-container__top {
  position: relative;
  padding: 9px 54px 9px 26px;
}

.navigation-block__selects .select-container__top > span:first-child img {
  float: left;
  width: 44px;
  height: 45px;
  object-fit: contain;
  border-radius: 50%;
  margin-right: 14px;
}

.navigation-block__selects
  .select-container__top
  > span:first-child
  > span:not(:last-child) {
  margin-bottom: 5px;
}

.navigation-block__selects .select-container__top > span:first-child b {
  font-weight: 600;
}

.navigation-block__selects .select-container__top .select-container__top-arrow {
  position: absolute;
  top: 0;
  right: 18px;
  bottom: 0;
  margin: 11px 0 0;
  width: 18px;
  height: 18px;
  background: url("../images/adaptation/education/select-arrow.png") center
    center no-repeat;
  background-size: contain;
}

.navigation-block__selects
  .select-container.active
  .select-container__top
  .select-container__top-arrow {
  background-image: url("../images/adaptation/education/select-arrow-active.png");
}

.navigation-block__selects
  .select-container:not(.active)
  .select-container__dropdown {
  display: none;
}

.navigation-block__selects .select-container__dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  border-radius: 0 0 25px 25px;
  background: white;
  padding: 0 44px 17px;
  margin-top: -2px;
  z-index: 1;
}

.navigation-block__selects
  .select-container__dropdown
  .checkbox-group:not(:last-child) {
  margin-bottom: 13px;
}

.navigation-block__selects
  .select-container__dropdown
  .checkbox-group
  input[type="radio"]
  + label,
.navigation-block__selects
  .select-container__dropdown
  .checkbox-group
  input[type="checkbox"]
  + label {
  padding-left: 96px;
  font-size: 16px;
  line-height: 19px;
  color: #777777;
}

.navigation-block__selects
  .select-container__dropdown
  .checkbox-group
  input[type="radio"]
  + label:before,
.navigation-block__selects
  .select-container__dropdown
  .checkbox-group
  input[type="checkbox"]
  + label:before {
  border-color: #6d95ac;
  border-radius: 5px;
  width: 22px;
  height: 22px;
}

.navigation-block__selects
  .select-container__dropdown
  .checkbox-group
  input[type="radio"]:checked
  + label:after,
.navigation-block__selects
  .select-container__dropdown
  .checkbox-group
  input[type="checkbox"]:checked
  + label:after {
  bottom: 0;
  width: 21px;
  height: 21px;
  background-image: url("../images/adaptation/education/check.png");
}

.navigation-block__selects
  .select-container__dropdown
  .checkbox-group
  input[type="radio"]
  + label
  img,
.navigation-block__selects
  .select-container__dropdown
  .checkbox-group
  input[type="checkbox"]
  + label
  img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 38px;
  margin: auto;
  width: 44px;
  height: 45px;
  object-fit: contain;
  border-radius: 50%;
}

.navigation-block__selects
  .select-container__dropdown
  .checkbox-group
  input[type="radio"]
  + label
  b,
.navigation-block__selects
  .select-container__dropdown
  .checkbox-group
  input[type="checkbox"]
  + label
  b {
  font-weight: 600;
}

.preview-block {
  padding-right: 56px;
  padding-bottom: 34px;
  padding-left: 39px;
}

.preview-block__body {
  display: -ms-flex;
  display: flex;
  padding-top: 13px;
  padding-bottom: 48px;
}

.preview-block__course-info {
  margin-right: 55px;
  padding: 0 35px 21px;
  flex-shrink: 0;
}

.preview-block__course-info + div {
  width: 100%;
}

.preview-block__course-img {
  margin-bottom: 13px;
  width: 201px;
  height: 201px;
}

.preview-block__course-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 25px;
}

.preview-block__course-info .choose-text {
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  white-space: nowrap;
}

.preview-block__course-info .choose-text span {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-decoration: underline;
}

.preview-block__course-name {
  margin-top: 17px;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
}

.preview-block__module:first-child {
  margin-top: 17px;
}

.preview-block__module:not(:last-child) {
  margin-bottom: 30px;
}

.preview-block__module_head {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.preview-block__module_title {
  position: relative;
  background: #00000040;
  backdrop-filter: blur(15px);
  border-radius: 45px;
  width: 100%;
  margin-right: 56px;
  padding: 11px 107px 11px 108px;
  font-weight: 300;
  font-size: 23px;
  line-height: 22px;
  text-align: center;
}

.preview-block__module_number {
  position: absolute;
  top: -36px;
  left: 40px;
  width: 56px;
  text-align: center;
  font-weight: 700;
  font-size: 66px;
  line-height: 80px;
  color: #6d95ac;
}

.preview-block__module_number > span {
  position: relative;
}

.preview-block__module_white-number {
  position: absolute;
  top: -3px;
  left: -2px;
  color: transparent;
  -webkit-text-stroke: 0.25px white;
}

.preview-block__module_done {
  width: 62px;
  margin-bottom: 7px;
  margin-right: 45px;
  flex-shrink: 0;
}

.preview-block__module_done img {
  width: 100%;
}

.preview-block__module_dropdown {
  width: 40px;
  flex-shrink: 0;
}

.preview-block__module_dropdown img {
  width: 100%;
}

.preview-block__module:not(.active) .preview-block__module_body {
  display: none;
}

.preview-block__module_body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  padding: 20px 0 9px 17px;
}

.preview-block__module_body .preview-block__material > *:first-child {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 208px;
  background: #15151580;
  box-shadow: 0px 1.95px 7.3px 0px #000000;
}

.preview-block__module_body .preview-block__material > *:first-child > img {
  width: 30px;
}

.preview-block__module_body .preview-block__material-name {
  margin-top: 20px;
  font-size: 16px;
  line-height: 15px;
  text-align: center;
}

.preview-block__feedback-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #cfcfcf0a;
  border-radius: 22px;
  padding: 22px 18px 26px 36px;
}

.preview-block__feedback-row .feedback-user-chosen {
  position: relative;
  margin-right: 20px;
  padding-left: 58px;
  font-size: 16px;
  line-height: 19px;
}

.preview-block__feedback-row .feedback-user-chosen img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 44px;
  height: 45px;
  object-fit: contain;
  border-radius: 50%;
}

.preview-block__feedback-row .feedback-user-chosen b {
  font-weight: 600;
}

.preview-block__feedback-field {
  position: relative;
  width: 68.3%;
  flex-shrink: 0;
}

.preview-block__feedback-input {
  width: 100%;
  border: none;
  border-radius: 20px;
  padding: 11px 82px 11px 28px;
  font-size: 16px;
  line-height: 20px;
  color: #010541;
  resize: none;
  outline: none !important;
}

.preview-block__feedback-field .preview-block__feedback-file {
  display: none;
}

.preview-block__feedback-add-file {
  position: absolute;
  top: 4px;
  right: 14px;
  bottom: 4px;
}

.preview-block__feedback-add-file img {
  width: auto;
  height: 100%;
}

.preview-block__feedback-file-name {
  position: absolute;
  top: 100%;
  right: 0;
}

.preview-block__feedback-file-name + div {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 1em;
}

.preview-block__feedback-send {
  margin-top: 42px;
  background: #6d95accc;
  border-radius: 25px;
  padding: 10px 23px 11px 26px;
  font-size: 20px;
  line-height: 25px;
}

@media (max-width: 1599.5px) {
  .adaptation-material-page__modules {
    min-height: 387px;
  }

  .adaptation-material-page__module-row > div > div {
    padding: 7px 16px 10px;
  }

  .adaptation-material-page__module-row > div:first-child > div {
    padding-right: 31px;
    padding-left: 31px;
  }

  .adaptation-material-page__module-row .handle {
    top: 13px;
    left: 11px;
    width: 11px;
  }

  .adaptation-material-page__module-row .delete-module {
    top: 7px;
    right: 7px;
    width: 18px;
  }

  .adaptation-material-page__module-row .delete-material {
    width: 18px;
  }

  #addEducationMaterialModal .modal-dialog {
    max-width: 577px;
  }

  #addEducationMaterialModal .modal-content {
    padding-top: 12px;
    padding-right: 16px;
  }

  #addEducationMaterialModal .btn-close {
    width: 18px;
    height: 16px;
  }

  #addEducationMaterialModal .modal-body {
    border-radius: 28px;
    box-shadow: 0 11px 11px 0 #00000080;
    padding: 30px 25px 28px;
  }

  #addEducationMaterialModal .modal-body > button {
    width: 232px;
    border-radius: 43px;
    padding: 9px;
    font-size: 13px;
    line-height: 15px;
  }

  #addEducationMaterialModal .modal-body > button .adaptation-arrow {
    top: -2px;
    right: -15px;
    width: 9px;
    height: 9px;
  }

  #addEducationMaterialModal .modal-body > button .adaptation-arrow img {
    width: 5px;
  }

  .navigation-block {
    padding-right: 22px;
    padding-left: 28px;
  }

  .navigation-block__buttons {
    margin: 13px auto 19px;
    border-radius: 16px;
    padding: 37px 75px;
    max-width: 1125px;
    width: 1125px;
  }

  .navigation-block__buttons .navigation-block__radio {
    height: 121px;
    max-width: 450px;
    border-radius: 19px;
    padding: 7px 16px 0 123px;
    font-size: 14px;
    line-height: 19px;
  }

  .navigation-block__buttons .navigation-block__radio:not(:last-child) {
    margin-right: 42px;
  }

  .navigation-block__buttons .navigation-block__radio > img {
    bottom: 16px;
    left: 18px;
    width: 85px;
  }

  .navigation-block__buttons .navigation-block__radio .title {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 12px;
  }

  .navigation-block__selects {
    margin-left: 120px;
  }

  .navigation-block__selects > div:not(:last-child) {
    margin-bottom: 24px;
  }

  .navigation-block__selects label {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 5px;
    margin-left: 19px;
  }

  .navigation-block__selects .select-container {
    border-radius: 18px;
    width: 438px;
  }

  .navigation-block__selects .select-container.active {
    border-radius: 18px 18px 0 0;
  }

  .navigation-block__selects .select-container__top {
    padding: 7px 40px 7px 19px;
  }

  .navigation-block__selects .select-container__top > span:first-child img {
    width: 33px;
    height: 33px;
    margin-right: 10px;
  }

  .navigation-block__selects
    .select-container__top
    .select-container__top-arrow {
    right: 13px;
    width: 13px;
    height: 13px;
    margin: 8px 0 0;
  }

  .navigation-block__selects .select-container__dropdown {
    border-radius: 0 0 18px 18px;
    padding: 0 33px 13px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group:not(:last-child) {
    margin-bottom: 10px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]
    + label,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]
    + label {
    padding-left: 72px;
    font-size: 12px;
    line-height: 14px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]
    + label:before,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    border-radius: 4px;
    width: 16px;
    height: 16px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]:checked
    + label:after,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 15px;
    height: 15px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]
    + label
    img,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]
    + label
    img {
    left: 28px;
    width: 33px;
    height: 33px;
  }

  .preview-block {
    padding-right: 42px;
    padding-bottom: 25px;
    padding-left: 28px;
  }

  .preview-block__body {
    padding-top: 10px;
    padding-bottom: 36px;
  }

  .preview-block__course-info {
    margin-right: 40px;
    padding: 0 25px 15px;
  }

  .preview-block__course-img {
    margin-bottom: 10px;
    width: 150px;
    height: 150px;
  }

  .preview-block__course-img img {
    border-radius: 18px;
  }

  .preview-block__course-info .choose-text {
    font-size: 10px;
    line-height: 13px;
  }

  .preview-block__course-info .choose-text span {
    font-size: 13px;
    line-height: 16px;
  }

  .preview-block__course-name {
    margin-top: 16px;
    font-size: 16px;
    line-height: 19px;
  }

  .preview-block__module:first-child {
    margin-top: 13px;
  }

  .preview-block__module:not(:last-child) {
    margin-bottom: 22px;
  }

  .preview-block__module_title {
    border-radius: 33px;
    margin-right: 42px;
    padding: 8px 79px 8px 81px;
    font-size: 16px;
    line-height: 16px;
  }

  .preview-block__module_number {
    top: -27px;
    left: 30px;
    width: 42px;
    font-size: 49px;
    line-height: 60px;
  }

  .preview-block__module_white-number {
    top: -2px;
    left: -1px;
  }

  .preview-block__module_done {
    width: 45px;
    margin-bottom: 5px;
  }

  .preview-block__module_dropdown {
    width: 30px;
  }

  .preview-block__module_body {
    grid-gap: 18px;
    padding: 15px 0 7px 13px;
  }

  .preview-block__module_body .preview-block__material > *:first-child {
    height: 156px;
    box-shadow: 0 1.45px 5.4px 0 #000000;
  }

  .preview-block__module_body .preview-block__material > *:first-child > img {
    width: 22px;
  }

  .preview-block__module_body .preview-block__material-name {
    margin-top: 15px;
    font-size: 12px;
    line-height: 11px;
  }

  .preview-block__feedback-row {
    border-radius: 16px;
    padding: 16px 13px 19px 27px;
  }

  .preview-block__feedback-row .feedback-user-chosen {
    margin-right: 15px;
    padding-left: 43px;
    font-size: 12px;
    line-height: 14px;
  }

  .preview-block__feedback-row .feedback-user-chosen img {
    width: 33px;
    height: 33px;
  }

  .preview-block__feedback-input {
    border-radius: 15px;
    padding: 8px 61px 8px 21px;
    font-size: 12px;
    line-height: 15px;
  }

  .preview-block__feedback-add-file {
    top: 3px;
    right: 10px;
    bottom: 3px;
  }

  .preview-block__feedback-send {
    margin-top: 31px;
    border-radius: 18px;
    padding: 7px 16px 8px 19px;
    font-size: 15px;
    line-height: 18px;
  }
}

@media (max-width: 1199.5px) {
  .adaptation-material-page__modules {
    min-height: 289px;
  }

  .adaptation-material-page__module-row > div > div {
    padding: 5px 12px 7px;
  }

  .adaptation-material-page__module-row > div:first-child > div {
    padding-right: 22px;
    padding-left: 22px;
  }

  .adaptation-material-page__module-row .handle {
    top: 10px;
    left: 8px;
    width: 8px;
  }

  .adaptation-material-page__module-row .delete-module {
    top: 5px;
    right: 5px;
    width: 13px;
  }

  .adaptation-material-page__module-row .delete-material {
    width: 13px;
  }

  #addEducationMaterialModal .modal-dialog {
    max-width: 432px;
  }

  #addEducationMaterialModal .modal-content {
    padding-top: 9px;
    padding-right: 12px;
  }

  #addEducationMaterialModal .btn-close {
    width: 13px;
    height: 12px;
  }

  #addEducationMaterialModal .modal-body {
    border-radius: 21px;
    box-shadow: 0 8px 8px 0 #00000080;
    padding: 22px 18px 21px;
  }

  #addEducationMaterialModal .modal-body > button {
    width: 174px;
    border-radius: 31px;
    padding: 7px;
    font-size: 12px;
    line-height: 14px;
  }

  #addEducationMaterialModal .modal-body > button .adaptation-arrow {
    top: -1px;
    right: -11px;
    width: 7px;
    height: 7px;
  }

  #addEducationMaterialModal .modal-body > button .adaptation-arrow img {
    width: 4px;
  }

  .navigation-block {
    padding-right: 16px;
    padding-left: 21px;
  }

  .navigation-block__buttons {
    margin: 10px auto 14px;
    max-width: 930px;
    border-radius: 12px;
    padding: 27px 55px;
  }

  .navigation-block__buttons .navigation-block__radio {
    height: 90px;
    max-width: 316px;
    border-radius: 14px;
    padding: 5px 12px 0 91px;
    font-size: 12px;
    line-height: 16px;
  }

  .navigation-block__buttons .navigation-block__radio:not(:last-child) {
    margin-right: 31px;
  }

  .navigation-block__buttons .navigation-block__radio > img {
    bottom: 12px;
    left: 13px;
    width: 63px;
  }

  .navigation-block__buttons .navigation-block__radio .title {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 9px;
  }

  .navigation-block__selects {
    margin-left: 78px;
  }

  .navigation-block__selects > div:not(:last-child) {
    margin-bottom: 18px;
  }

  .navigation-block__selects label {
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 4px;
    margin-left: 14px;
  }

  .navigation-block__selects .select-container {
    border-radius: 13px;
    width: 328px;
  }

  .navigation-block__selects .select-container.active {
    border-radius: 13px 13px 0 0;
  }

  .navigation-block__selects .select-container__top {
    padding: 5px 30px 5px 14px;
  }

  .navigation-block__selects .select-container__top > span:first-child img {
    width: 24px;
    height: 24px;
    margin-right: 7px;
  }

  .navigation-block__selects
    .select-container__top
    .select-container__top-arrow {
    right: 10px;
    width: 10px;
    height: 10px;
    margin: 11px 0 0;
  }

  .navigation-block__selects .select-container__dropdown {
    border-radius: 0 0 13px 13px;
    padding: 0 24px 10px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group:not(:last-child) {
    margin-bottom: 7px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]
    + label,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]
    + label {
    padding-left: 54px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]
    + label:before,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    border-radius: 3px;
    width: 12px;
    height: 12px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]:checked
    + label:after,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 11px;
    height: 11px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]
    + label
    img,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]
    + label
    img {
    left: 21px;
    width: 24px;
    height: 24px;
  }

  .preview-block {
    padding-right: 31px;
    padding-bottom: 18px;
    padding-left: 21px;
  }

  .preview-block__body {
    padding-top: 7px;
    padding-bottom: 27px;
  }

  .preview-block__course-info {
    margin-right: 30px;
    padding: 0 18px 11px;
  }

  .preview-block__course-img {
    margin-bottom: 7px;
    width: 112px;
    height: 112px;
  }

  .preview-block__course-img img {
    border-radius: 13px;
  }

  .preview-block__course-info .choose-text {
    font-size: 7px;
    line-height: 10px;
  }

  .preview-block__course-info .choose-text span {
    font-size: 10px;
    line-height: 12px;
  }

  .preview-block__course-name {
    margin-top: 12px;
    font-size: 12px;
    line-height: 14px;
  }

  .preview-block__module:first-child {
    margin-top: 10px;
  }

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

  .preview-block__module_title {
    border-radius: 24px;
    margin-right: 31px;
    padding: 6px 58px 6px 60px;
    font-size: 12px;
    line-height: 12px;
  }

  .preview-block__module_number {
    top: -19px;
    left: 22px;
    width: 31px;
    font-size: 36px;
    line-height: 45px;
  }

  .preview-block__module_done {
    width: 33px;
    margin-bottom: 4px;
  }

  .preview-block__module_dropdown {
    width: 22px;
  }

  .preview-block__module_body {
    grid-gap: 13px;
    padding: 11px 0 5px 10px;
  }

  .preview-block__module_body .preview-block__material > *:first-child {
    height: 117px;
    box-shadow: 0 1.08px 4px 0 #000000;
  }

  .preview-block__module_body .preview-block__material > *:first-child > img {
    width: 16px;
  }

  .preview-block__module_body .preview-block__material-name {
    margin-top: 11px;
    font-size: 9px;
    line-height: 8px;
  }

  .preview-block__feedback-row {
    border-radius: 12px;
    padding: 12px 10px 14px 19px;
  }

  .preview-block__feedback-row .feedback-user-chosen {
    margin-right: 11px;
    padding-left: 31px;
    font-size: 9px;
    line-height: 10px;
  }

  .preview-block__feedback-row .feedback-user-chosen img {
    width: 24px;
    height: 24px;
  }

  .preview-block__feedback-input {
    border-radius: 11px;
    padding: 6px 45px 6px 15px;
    font-size: 9px;
    line-height: 11px;
  }

  .preview-block__feedback-add-file {
    top: 2px;
    right: 7px;
    bottom: 2px;
  }

  .preview-block__feedback-send {
    margin-top: 22px;
    border-radius: 13px;
    padding: 5px 12px 6px 14px;
    font-size: 11px;
    line-height: 13px;
  }
}

@media (max-width: 991.5px) {
  .adaptation-material-page__modules {
    min-height: 216px;
  }

  .adaptation-material-page__module-row > div > div {
    padding: 4px 9px 5px;
  }

  .adaptation-material-page__module-row > div:first-child > div {
    padding-right: 16px;
    padding-left: 16px;
  }

  .adaptation-material-page__module-row .handle {
    top: 7px;
    left: 6px;
  }

  .adaptation-material-page__module-row .delete-module {
    top: 4px;
    right: 4px;
    width: 10px;
  }

  .adaptation-material-page__module-row .delete-material {
    width: 10px;
  }

  #addEducationMaterialModal .modal-dialog {
    max-width: 324px;
  }

  #addEducationMaterialModal .modal-content {
    padding-top: 7px;
    padding-right: 9px;
  }

  #addEducationMaterialModal .btn-close {
    width: 10px;
    height: 9px;
  }

  #addEducationMaterialModal .modal-body {
    border-radius: 15px;
    box-shadow: 0 6px 6px 0 #00000080;
    padding: 16px 13px 15px;
  }

  #addEducationMaterialModal .modal-body > button {
    width: 130px;
    border-radius: 22px;
    padding: 5px;
  }

  .navigation-block {
    padding-right: 12px;
    padding-left: 15px;
  }

  .navigation-block__buttons {
    margin: 7px auto 10px;
    max-width: 698px;
    border-radius: 9px;
    padding: 19px 40px;
  }

  .navigation-block__buttons .navigation-block__radio {
    max-width: 300px;
    border-radius: 10px;
    padding: 4px 9px 0 67px;
  }

  .navigation-block__buttons .navigation-block__radio:not(:last-child) {
    margin-right: 22px;
  }

  .navigation-block__buttons .navigation-block__radio > img {
    bottom: 9px;
    left: 10px;
    width: 46px;
  }

  .navigation-block__buttons .navigation-block__radio .title {
    margin-bottom: 7px;
  }

  .navigation-block__selects {
    margin-left: 98px;
  }

  .navigation-block__selects > div:not(:last-child) {
    margin-bottom: 13px;
  }

  .navigation-block__selects label {
    margin-bottom: 3px;
    margin-left: 10px;
  }

  .navigation-block__selects .select-container {
    border-radius: 10px;
    width: 246px;
  }

  .navigation-block__selects .select-container.active {
    border-radius: 10px 10px 0 0;
  }

  .navigation-block__selects .select-container__top {
    padding: 4px 22px 4px 10px;
  }

  .navigation-block__selects .select-container__top > span:first-child img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }

  .navigation-block__selects
    .select-container__top
    .select-container__top-arrow {
    right: 7px;
    width: 7px;
    height: 7px;
    margin: 6px 0 0;
  }

  .navigation-block__selects .select-container__dropdown {
    border-radius: 0 0 10px 10px;
    padding: 0 18px 7px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group:not(:last-child) {
    margin-bottom: 5px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]
    + label,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]
    + label {
    padding-left: 40px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]
    + label:before,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]
    + label:before {
    border-radius: 2px;
    width: 9px;
    height: 9px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]:checked
    + label:after,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]:checked
    + label:after {
    width: 8px;
    height: 8px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]
    + label
    img,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]
    + label
    img {
    left: 15px;
    width: 18px;
    height: 18px;
  }

  .preview-block {
    padding-right: 22px;
    padding-bottom: 13px;
    padding-left: 15px;
  }

  .preview-block__body {
    padding-top: 5px;
    padding-bottom: 19px;
  }

  .preview-block__course-info {
    margin-right: 22px;
    padding: 0 13px 8px;
  }

  .preview-block__course-img {
    margin-bottom: 5px;
    width: 84px;
    height: 84px;
  }

  .preview-block__course-img img {
    border-radius: 10px;
  }

  .preview-block__course-name {
    margin-top: 9px;
    font-size: 9px;
    line-height: 10px;
  }

  .preview-block__module:first-child {
    margin-top: 7px;
  }

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

  .preview-block__module_title {
    border-radius: 18px;
    margin-right: 22px;
    padding: 4px 43px 4px 45px;
  }

  .preview-block__module_number {
    top: -14px;
    left: 16px;
    width: 22px;
    font-size: 27px;
    line-height: 33px;
  }

  .preview-block__module_done {
    width: 24px;
    margin-bottom: 3px;
  }

  .preview-block__module_dropdown {
    width: 16px;
  }

  .preview-block__module_body {
    grid-gap: 10px;
    padding: 8px 0 4px 7px;
  }

  .preview-block__module_body .preview-block__material > *:first-child {
    height: 87px;
    box-shadow: 0 0.81px 3px 0 #000000;
  }

  .preview-block__module_body .preview-block__material > *:first-child > img {
    width: 12px;
  }

  .preview-block__module_body .preview-block__material-name {
    margin-top: 8px;
  }

  .preview-block__feedback-row {
    border-radius: 9px;
    padding: 9px 7px 10px 14px;
  }

  .preview-block__feedback-row .feedback-user-chosen {
    margin-right: 8px;
    padding-left: 22px;
  }

  .preview-block__feedback-row .feedback-user-chosen img {
    width: 18px;
    height: 18px;
  }

  .preview-block__feedback-input {
    border-radius: 8px;
    padding: 4px 33px 4px 11px;
  }

  .preview-block__feedback-add-file {
    top: 1px;
    right: 5px;
    bottom: 1px;
  }

  .preview-block__feedback-send {
    margin-top: 16px;
    border-radius: 10px;
    padding: 4px 9px 4px 10px;
  }
}

@media (max-width: 767.5px) {
  .adaptation-material-page__modules {
    min-height: 162px;
  }

  .adaptation-material-page__module-row > div > div {
    padding: 3px 7px 4px;
  }

  .adaptation-material-page__module-row > div:first-child > div {
    padding-right: 12px;
    padding-left: 12px;
  }

  .adaptation-material-page__module-row .handle {
    top: 5px;
    left: 4px;
  }

  .adaptation-material-page__module-row .delete-module {
    top: 3px;
    right: 3px;
  }

  .navigation-block {
    padding-right: 9px;
    padding-left: 11px;
  }

  .navigation-block__buttons {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 5px auto 7px;
    max-width: 580px;
    border-radius: 7px;
    padding: 14px 30px;
    align-items: center;
  }

  .navigation-block__buttons .navigation-block__radio {
    border-radius: 7px;
    padding: 3px 7px 0 49px;
  }

  .navigation-block__buttons .navigation-block__radio:not(:last-child) {
    margin-right: 0;
    margin-bottom: 16px;
  }

  .navigation-block__buttons .navigation-block__radio > img {
    bottom: 7px;
    left: 7px;
    width: 34px;
  }

  .navigation-block__buttons .navigation-block__radio .title {
    margin-bottom: 5px;
  }

  .navigation-block__selects {
    margin-left: 43px;
  }

  .navigation-block__selects > div:not(:last-child) {
    margin-bottom: 10px;
  }

  .navigation-block__selects label {
    margin-bottom: 7px;
    margin-left: 7px;
  }

  .navigation-block__selects .select-container {
    border-radius: 7px;
    width: 284px;
  }

  .navigation-block__selects .select-container.active {
    border-radius: 7px 7px 0 0;
  }

  .navigation-block__selects .select-container__top {
    padding: 3px 16px 3px 7px;
  }

  .navigation-block__selects .select-container__top > span:first-child img {
    width: 13px;
    height: 13px;
    margin-right: 4px;
  }

  .navigation-block__selects
    .select-container__top
    .select-container__top-arrow {
    right: 5px;
  }

  .navigation-block__selects .select-container__dropdown {
    border-radius: 0 0 7px 7px;
    padding: 0 13px 5px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group:not(:last-child) {
    margin-bottom: 4px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]
    + label,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]
    + label {
    padding-left: 30px;
  }

  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="radio"]
    + label
    img,
  .navigation-block__selects
    .select-container__dropdown
    .checkbox-group
    input[type="checkbox"]
    + label
    img {
    left: 11px;
    width: 13px;
    height: 13px;
  }

  .preview-block {
    padding-right: 16px;
    padding-bottom: 10px;
    padding-left: 11px;
  }

  .preview-block__body {
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 4px;
    padding-bottom: 14px;
  }

  .preview-block__course-info {
    margin-right: 16px;
    padding: 0 10px 6px;
  }

  .preview-block__course-img {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 4px;
    width: 63px;
    height: 63px;
  }

  .preview-block__course-img img {
    border-radius: 7px;
  }

  .preview-block__course-name {
    margin-top: 7px;
  }

  .preview-block__module:first-child {
    margin-top: 5px;
  }

  .preview-block__module:not(:last-child) {
    margin-bottom: 9px;
  }

  .preview-block__module_title {
    border-radius: 13px;
    margin-right: 16px;
    padding: 3px 31px;
  }

  .preview-block__module_number {
    top: -10px;
    left: 12px;
    width: 16px;
    font-size: 19px;
    line-height: 24px;
  }

  .preview-block__module_done {
    width: 18px;
    margin-bottom: 2px;
  }

  .preview-block__module_dropdown {
    width: 12px;
  }

  .preview-block__module_body {
    grid-gap: 7px;
    padding: 6px 0 3px 5px;
  }

  .preview-block__module_body .preview-block__material > *:first-child {
    height: 64px;
    box-shadow: 0 0.6px 2.25px 0 #000000;
  }

  .preview-block__module_body .preview-block__material-name {
    margin-top: 6px;
  }

  .preview-block__feedback-row {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    border-radius: 7px;
    padding: 7px 5px 7px 10px;
  }

  .preview-block__feedback-row .feedback-user-chosen {
    margin-right: 0;
    margin-bottom: 6px;
    padding-left: 16px;
  }

  .preview-block__feedback-row .feedback-user-chosen img {
    width: 13px;
    height: 13px;
  }

  .preview-block__feedback-field {
    width: 100%;
  }

  .preview-block__feedback-input {
    border-radius: 6px;
    padding: 3px 24px 3px 8px;
  }

  .preview-block__feedback-add-file {
    right: 4px;
  }

  .preview-block__feedback-send {
    margin-top: 12px;
    border-radius: 7px;
    padding: 3px 7px;
  }
}

.my-education {
  width: 100%;
}

.my-education__top {
  display: -ms-flex;
  display: flex;
  background: #cfcfcf0a;
  padding: 23px 68px 18px 51px;
  box-shadow: 0 18px 55px rgba(0, 0, 0, .40);
}

.my-education__top .logo {
  width: 212px;
}

.my-education__top .logo img {
  width: 100%;
}

.my-education__menu {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
}

.my-education__menu > a {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 8px;
  line-height: 10px;
  color: #9b9b9b;
}

.my-education__menu > a:not(:last-child) {
  margin-right: 35px;
}

.my-education__menu > a:last-child {
  margin-left: 9px;
}

.my-education__menu > a[disabled] {
  opacity: 1;
}

.my-education__menu > a[disabled]:after,
.my-education__menu > a[disabled] span:after {
  content: "";
  position: absolute;
  top: -5px;
  right: -15px;
  background: url("../images/adaptation/education/my/lock.png") center center
    no-repeat;
  background-size: contain;
  width: 18px;
  height: 17px;
}

.my-education__menu > a img {
  width: 31px;
}

.my-education__menu > a:nth-child(2) img {
  width: 41px;
}

.my-education__menu > a:nth-child(3) img,
.my-education__menu > a:nth-child(4) img {
  width: 32px;
}

.my-education__menu > a:nth-child(5) img {
  width: 35px;
}

.my-education__menu > a:nth-child(6) img {
  width: 42px;
}

.my-education__menu > a:nth-child(7) img {
  width: 40px;
}

.my-education__menu > a:nth-child(9) img {
  width: 61px;
  height: 61px;
  border-radius: 50%;
  object-fit: cover;
}

@media (max-width: 1599.5px) {
  .my-education__top {
    padding: 16px 51px 13px 37px;
  }

  .my-education__top .logo {
    width: 159px;
  }

  .my-education__menu > a:not(:last-child) {
    margin-right: 25px;
  }

  .my-education__menu > a:last-child {
    margin-left: 7px;
  }

  .my-education__menu > a[disabled]:after,
  .my-education__menu > a[disabled] span:after {
    top: -4px;
    right: -11px;
    width: 13px;
    height: 13px;
  }

  .my-education__menu > a img {
    width: 24px;
  }

  .my-education__menu > a:nth-child(2) img,
  .my-education__menu > a:nth-child(7) img {
    width: 31px;
  }

  .my-education__menu > a:nth-child(3) img,
  .my-education__menu > a:nth-child(4) img {
    width: 24px;
  }

  .my-education__menu > a:nth-child(5) img {
    width: 27px;
  }

  .my-education__menu > a:nth-child(6) img {
    width: 32px;
  }

  .my-education__menu > a:nth-child(9) img {
    width: 45px;
    height: 45px;
  }
}

@media (max-width: 1199.5px) {
  .my-education__top {
    padding: 12px 37px 10px 27px;
  }

  .my-education__top .logo {
    width: 118px;
  }

  .my-education__menu > a:not(:last-child) {
    margin-right: 18px;
  }

  .my-education__menu > a:last-child {
    margin-left: 5px;
  }

  .my-education__menu > a[disabled]:after,
  .my-education__menu > a[disabled] span:after {
    top: -3px;
    right: -8px;
    width: 10px;
    height: 10px;
  }

  .my-education__menu > a:nth-child(9) img {
    width: 33px;
    height: 33px;
  }
}

@media (max-width: 991.5px) {
  .my-education__top {
    padding: 9px 27px 9px 19px;
  }

  .my-education__menu > a:last-child {
    margin-left: 4px;
  }

  .my-education__menu > a[disabled]:after,
  .my-education__menu > a[disabled] span:after {
    top: -2px;
    right: -7px;
    width: 8px;
    height: 8px;
  }

  .my-education__menu > a:nth-child(9) img {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 767.5px) {
  .my-education__top {
    padding: 7px 19px 9px 14px;
  }

  .my-education__menu > a:last-child {
    margin-left: 3px;
  }

  .my-education__menu > a img {
    margin: auto;
  }

  .my-education__menu > a:nth-child(9) img {
    width: 23px;
    height: 23px;
  }
}

@media (min-width: 576px) {
  .my-education__top-expand {
    display: none;
  }

  .my-education__menu > a span {
    display: none;
  }
}

@media (max-width: 575.5px) {
  .my-education {
    position: relative;
    flex-grow: 1;
    background: url("../images/adaptation/education/my/mobile-back.png") center
      center no-repeat;
    background-size: cover;
  }

  .my-education__top {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 7px 14px 9px 5px;
    transition: bottom 0.5s;
  }

  .my-education__top:not(.expanded) {
    bottom: -52px;
  }

  .my-education__top-expand {
    position: absolute;
    top: -13px;
    right: 14px;
    width: 21px;
    height: 21px;
  }

  .my-education__top-expand img {
    width: 100%;
  }

  .my-education__top .logo {
    display: none;
  }

  .my-education__menu {
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 10px;
    margin: 0;
  }

  .my-education__menu > a[disabled]:after {
    display: none;
  }

  .my-education__menu > a:first-child {
    margin-left: 18px;
  }

  .my-education__menu > a:last-child {
    margin-left: 0;
  }

  .my-education__menu > a span {
    position: relative;
  }
}

.my-education__list-page {
  display: grid;
  grid-template-columns: 46.4% auto;
  grid-gap: 19px 42px;
  padding: 61px 51px;
}

.my-education__list-page > label:first-child {
  margin-bottom: 0;
  margin-left: 24px;
  font-size: 36px;
  line-height: 44px;
  color: white;
}

.my-education__list-page > label:nth-child(2) {
  margin-top: 13px;
  margin-bottom: 0;
  font-size: 21px;
  line-height: 25px;
  color: #cfcfcf;
}

.my-education__list-item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
  margin-bottom: 25px;
  border-radius: 24px;
  background: #ffffff;
  height: 174px;
  overflow: hidden;
  box-shadow: 0px 4px 4px 0px #00000040, 0px 4px 4px 0px #00000040;
  padding: 32px 24px;
  font-weight: 500;
  font-size: 21px;
  line-height: 25px;
  color: black !important;
  overflow: hidden;
  text-decoration: none !important;
  flex-direction: row-reverse;
  justify-content: space-around;
}

.my-education__list-item .my-education__list-item__image {
  width: 100%;
  height: auto;
  /* transition: all 0.5s; */
  
}

.my-education__list-item > div:first-child {
  width: 100%;
  grid-column: span 3;
}

.my-education__list-item:not(:hover)
  .my-education__list-item__image
  img:last-child {
  opacity: 0;
}


.my-education__list-item .my-education__list-item__image img:first-child{
  transition: opacity 0.5s;
}

.my-education__list-item:hover .my-education__list-item__image img:first-child {
  opacity: 0;
  /* width: 45px; */
  /* right: 80%; */
}

.my-education__list-item .my-education__list-item__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: width 0.5s;
  transform: translateX(50%);
  right: 50%;
}

.my-education__list-item .my-education__list-item__image img + img {
  width: 2.4vw;
  filter: drop-shadow(0px 0.16vw 0.16vw rgba(0, 0, 0, 0.5));
  right: 90%;
}

.my-education__list-item:hover .my-education__list-item__image img + img {
  transition: all 0.5s;
  right: 30%;
}

.my-education__list-item {
  scale: 1;
}

.my-education__list-item:active {
  scale: 0.98;
}


.my-education__list-item > * {
  position: relative;
}

.my-education__list-item__progress-line {
  position: relative;
  margin-top: 12px;
  margin-right: 23px;
  height: 22px;
  border-radius: 11px;
  background: #e0e0e0;
  box-shadow: 0px 4px 4px 0px #00000040;
}

.my-education__list-item__progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #6d95ac;
  border-radius: 11px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: white;
  overflow: hidden;
}

.my-education__list-item__test-progress {
  margin-left: 24px;
  font-size: 16px;
  line-height: 20px;
}

.my-education__list-continue__container {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: -51px;
  padding-top: 51px;
}

.my-education__list-continue__arrows {
  position: absolute;
  top: 0;
  right: 0;
  display: -ms-flex;
  display: flex;
}

.my-education__list-continue__arrows button {
  width: 29px;
}

.my-education__list-continue__arrows button:not(:last-child) {
  margin-right: 28px;
}

.my-education__list-continue__arrows button img {
  width: 100%;
}

.my-education__list-continue {
  width: 100%;
}

.my-education__list-continue .slick-track {
  margin-left: 0;
}

.my-education__list-continue-item {
  border-radius: 15px;
  background: #ffffff2b;
  height: 174px;
  padding: 0 19px 12px;
  font-weight: 500;
  margin: 0 1.5px;
  text-decoration: none !important;
  outline: none !important;
}

.my-education__list-continue-item__top {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 15px;
  background: #151515;
  box-shadow: 0 4px 4px 0 #00000040;
  height: 109px;
  margin: 0 -19px 7px;
}

.my-education__list-continue-item__top.paused:after {
  content: "";
  position: absolute;
  top: 12px;
  left: 17px;
  background: url("../images/adaptation/education/my/continue-paused.png")
    center center no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.my-education__list-continue-item__top .video {
  width: 84px;
}

.my-education__list-continue-item__top .document {
  width: 76px;
}

.my-education__list-continue-item__top .pdf {
  width: 66px;
}

.my-education__list-continue-item__top .longread {
  width: 74px;
}

.my-education__list-continue-item__top .test {
  width: 68px;
}

.my-education__list-continue-item__top .audio {
  width: 70px;
}

.my-education__list-continue-item__top .html {
  width: 66px;
}

.my-education__list-continue-item__top .scorm {
  width: 64px;
}

.my-education__list-continue-item__top .link {
  width: 60px;
}

.my-education__list-continue-item__module {
  margin-bottom: 2px;
  font-size: 11px;
  line-height: 14px;
  color: #9b9b9b;
}

.my-education__list-continue-item__name {
  max-height: 30px;
  overflow: hidden;
  font-size: 13px;
  line-height: 15px;
}

@media (max-width: 1599.5px) {
  .my-education__list-page {
    grid-gap: 14px 31px;
    padding: 45px 37px;
  }

  .my-education__list-page > label:first-child {
    margin-left: 18px;
    font-size: 27px;
    line-height: 33px;
  }

  .my-education__list-page > label:nth-child(2) {
    margin-top: 10px;
    font-size: 15px;
    line-height: 18px;
  }

  .my-education__list-item {
    margin-bottom: 18px;
    border-radius: 18px;
    height: 130px;
    box-shadow: 0 3px 3px 0 #00000040, 0 3px 3px 0 #00000040;
    padding: 24px 18px;
    font-size: 15px;
    line-height: 18px;
  }
/* 
  .my-education__list-item .my-education__list-item__image {
    right: 4px;
    width: 136px;
    height: 115px;
  } */

  /* .my-education__list-item:hover .my-education__list-item__image {
    right: 36px;
    bottom: 48px;
    width: 33px;
    height: 24px;
  } */

  .my-education__list-item__progress-line {
    margin-top: 9px;
    margin-right: 16px;
    height: 16px;
    border-radius: 8px;
    box-shadow: 0 3px 3px 0 #00000040;
  }

  .my-education__list-item__progress {
    border-radius: 8px;
    font-size: 10px;
    line-height: 13px;
  }

  .my-education__list-item__test-progress {
    margin-left: 18px;
    font-size: 12px;
    line-height: 15px;
  }

  .my-education__list-continue__container {
    margin-top: -37px;
    padding-top: 37px;
  }

  .my-education__list-continue__arrows button {
    width: 21px;
  }

  .my-education__list-continue__arrows button:not(:last-child) {
    margin-right: 21px;
  }

  .my-education__list-continue-item {
    border-radius: 11px;
    height: 130px;
    padding: 0 14px 9px;
  }

  .my-education__list-continue-item__top {
    border-radius: 11px;
    box-shadow: 0 3px 3px 0 #00000040;
    height: 81px;
    margin: 0 -14px 5px;
  }

  .my-education__list-continue-item__top.paused:after {
    top: 9px;
    left: 13px;
    width: 15px;
    height: 15px;
  }

  .my-education__list-continue-item__top .video {
    width: 63px;
  }

  .my-education__list-continue-item__top .document {
    width: 57px;
  }

  .my-education__list-continue-item__top .pdf {
    width: 49px;
  }

  .my-education__list-continue-item__top .longread {
    width: 55px;
  }

  .my-education__list-continue-item__top .test {
    width: 51px;
  }

  .my-education__list-continue-item__top .audio {
    width: 52px;
  }

  .my-education__list-continue-item__top .html {
    width: 49px;
  }

  .my-education__list-continue-item__top .scorm {
    width: 48px;
  }

  .my-education__list-continue-item__top .link {
    width: 45px;
  }

  .my-education__list-continue-item__module {
    margin-bottom: 1px;
    font-size: 8px;
    line-height: 10px;
  }

  .my-education__list-continue-item__name {
    max-height: 22px;
    font-size: 9px;
    line-height: 11px;
  }
}

@media (max-width: 1199.5px) {
  .my-education__list-page {
    grid-gap: 10px 22px;
    padding: 33px 27px;
  }

  .my-education__list-page > label:first-child {
    margin-left: 13px;
    font-size: 19px;
    line-height: 24px;
  }

  .my-education__list-page > label:nth-child(2) {
    margin-top: 7px;
    font-size: 12px;
    line-height: 14px;
  }

  .my-education__list-item {
    margin-bottom: 13px;
    border-radius: 13px;
    height: 97px;
    box-shadow: 0 2.25px 2.25px 0 #00000040, 0 2.25px 2.25px 0 #00000040;
    padding: 18px 13px;
    font-size: 12px;
    line-height: 14px;
  }
/* 
  .my-education__list-item .my-education__list-item__image {
    right: 3px;
    width: 102px;
    height: 85px;
  } */

  /* .my-education__list-item:hover .my-education__list-item__image {
    right: 27px;
    bottom: 36px;
    width: 24px;
    height: 18px;
  } */

  .my-education__list-item__progress-line {
    margin-top: 7px;
    margin-right: 12px;
    height: 12px;
    border-radius: 6px;
    box-shadow: 0 2.25px 2.25px 0 #00000040;
  }

  .my-education__list-item__progress {
    border-radius: 6px;
    font-size: 7px;
    line-height: 10px;
  }

  .my-education__list-item__test-progress {
    margin-left: 13px;
  }

  .my-education__list-continue__container {
    margin-top: -27px;
    padding-top: 27px;
  }

  .my-education__list-continue__arrows button {
    width: 15px;
  }

  .my-education__list-continue__arrows button:not(:last-child) {
    margin-right: 15px;
  }

  .my-education__list-continue-item {
    border-radius: 8px;
    height: 97px;
    padding: 0 10px 7px;
  }

  .my-education__list-continue-item__top {
    border-radius: 8px;
    box-shadow: 0 2.25px 2.25px 0 #00000040;
    height: 60px;
    margin: 0 -10px 4px;
  }

  .my-education__list-continue-item__top.paused:after {
    top: 7px;
    left: 10px;
    width: 11px;
    height: 11px;
  }

  .my-education__list-continue-item__top .video {
    width: 46px;
  }

  .my-education__list-continue-item__top .document {
    width: 42px;
  }

  .my-education__list-continue-item__top .pdf,
  .my-education__list-continue-item__top .html,
  .my-education__list-continue-item__top .scorm {
    width: 36px;
  }

  .my-education__list-continue-item__top .longread {
    width: 40px;
  }

  .my-education__list-continue-item__top .test {
    width: 37px;
  }

  .my-education__list-continue-item__top .audio {
    width: 39px;
  }

  .my-education__list-continue-item__top .link {
    width: 33px;
  }

  .my-education__list-continue-item__module {
    font-size: 6px;
    line-height: 7px;
  }

  .my-education__list-continue-item__name {
    max-height: 16px;
    font-size: 7px;
    line-height: 8px;
  }
}

@media (max-width: 991.5px) {
  .my-education__list-page {
    grid-gap: 7px 16px;
    padding: 24px 19px;
  }

  .my-education__list-page > label:first-child {
    margin-left: 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .my-education__list-page > label:nth-child(2) {
    margin-top: 5px;
  }

  .my-education__list-item {
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 0 1.68px 1.68px 0 #00000040, 0 1.68px 1.68px 0 #00000040;
    padding: 13px 10px;
  }
/* 
  .my-education__list-item .my-education__list-item__image {
    right: 2px;
    width: 76px;
    height: 63px;
  } */

  /* .my-education__list-item:hover .my-education__list-item__image {
    right: 19px;
    bottom: 27px;
    width: 18px;
    height: 13px;
  } */

  .my-education__list-item__progress-line {
    margin-top: 5px;
    margin-right: 9px;
    border-radius: 4px;
    box-shadow: 0 1.68px 1.68px 0 #00000040;
  }

  .my-education__list-item__progress {
    border-radius: 4px;
  }

  .my-education__list-item__test-progress {
    margin-left: 10px;
  }

  .my-education__list-continue__container {
    margin-top: -19px;
    padding-top: 19px;
  }

  .my-education__list-continue__arrows button {
    width: 11px;
  }

  .my-education__list-continue__arrows button:not(:last-child) {
    margin-right: 11px;
  }
}

@media (max-width: 767.5px) {
  .my-education__list-page {
    grid-template-columns: 1fr;
    grid-gap: 5px 12px;
    padding: 18px 14px;
  }

  .my-education__list-page > label:first-child {
    margin-left: 7px;
    font-size: 12px;
    line-height: 15px;
  }

  .my-education__list-page > label:nth-child(2) {
    display: none;
  }

  .my-education__list-item {
    margin-bottom: 7px;
    border-radius: 7px;
    height: auto;
    box-shadow: 0 1.26px 1.26px 0 #00000040, 0 1.26px 1.26px 0 #00000040;
    padding: 10px 7px;
  }
/* 
  .my-education__list-item .my-education__list-item__image {
    right: 1px;
    width: 57px;
    height: 46px;
  } */

  /* .my-education__list-item:hover .my-education__list-item__image {
    right: 14px;
    bottom: 19px;
    width: 13px;
    height: 10px;
  } */

  .my-education__list-item__progress-line {
    margin-top: 4px;
    margin-right: 7px;
    border-radius: 3px;
    box-shadow: 0 1.26px 1.26px 0 #00000040;
  }

  .my-education__list-item__progress {
    border-radius: 3px;
  }

  .my-education__list-item__test-progress {
    margin-left: 7px;
  }
}

.my-education__page {
  padding: 53px 74px 63px 100px;
}

.my-education__page + .preview-block__feedback-row {
  margin: 0 56px 63px 39px;
}

.my-education__top-row {
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.my-education__back-btn {
  width: 43px;
  height: 43px;
  margin-left: -32px;
  background: url(../images/recruiting_resume/back-button.png) center center /
    contain no-repeat;
}

.my-education__hide-modules {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: end;
  justify-content: end;
  margin-bottom: 4px;
  align-items: flex-end;
}

.my-education__hide-modules #hide_completed {
  display: none;
}

.my-education__hide-modules #hide_completed + label {
  position: relative;
  margin-left: auto;
  padding-right: 85px;
  font-size: 21px;
  line-height: 25px;
  color: #cfcfcf;
}

.my-education__hide-modules #hide_completed + label:after {
  content: "";
  position: absolute;
  right: -14px;
  bottom: -9px;
  background: url("../images/recruiting_resume/closed-vacancy.png") center
    center no-repeat;
  background-size: contain;
  width: 76px;
  height: 75px;
}

.my-education__hide-modules #hide_completed:checked + label:after {
  background-image: url("../images/recruiting_resume/opened-vacancy.png");
}

.my-education__course {
  display: -ms-flex;
  display: flex;
}

.my-education__course-info {
  width: 446px;
  flex-shrink: 0;
  margin-right: 125px;
}

.my-education__course-img {
  margin: auto;
  margin-bottom: 26px;
  width: 247px;
  height: 197px;
}

.my-education__course-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.my-education__course-name {
  margin-bottom: 18px;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
}

.my-education__course-text-progress {
  margin-bottom: 18px;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  color: #9b9b9b;
}

.my-education__course-progress-line {
  position: relative;
  height: 21px;
  margin-bottom: 25px;
  border-radius: 10px;
  background: #ffffff26;
}

.my-education__course-progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 10px;
  background: #6d95ac;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  overflow: hidden;
}

.my-education__course-completed {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 17px;
  line-height: 20px;
  justify-content: flex-end;
}

.my-education__course-completed img {
  width: 21px;
  margin-right: 8px;
}

.my-education__course-modules-list {
  width: 100%;
  margin-top: 58px;
}

.my-education__course-modules-list.hide-done .my-education__course-module.done {
  display: none;
}

.my-education__course-module:not(:last-child) {
  margin-bottom: 28px;
}

.my-education__course-module_head {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.my-education__course-module_title {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  min-height: 66px;
  border-radius: 45px;
  border: 1px solid #6d95ac;
  background: #00000040;
  box-shadow: 0 2.09px 2.09px 0 #6d95ac4d;
  backdrop-filter: blur(7.5px);
  padding: 10px 106px 10px 107px;
  font-weight: 300;
  font-size: 23px;
  line-height: 22px;
  text-align: center;
}

.my-education__course-module.locked .my-education__course-module_title:after {
  content: "";
  position: absolute;
  top: -11px;
  right: 20px;
  background: url("../images/adaptation/education/my/module-lock.png") center
    center no-repeat;
  background-size: contain;
  width: 26px;
  height: 26px;
}

.my-education__course-module_number {
  position: absolute;
  top: -34px;
  left: 40px;
  width: 74px;
  font-weight: 700;
  font-size: 66px;
  line-height: 80px;
  color: #6d95ac;
}

.my-education__course-module_number > span {
  position: relative;
}

.my-education__course-module_white-number {
  position: absolute;
  top: -3px;
  left: -2px;
  color: transparent;
  -webkit-text-stroke: 0.25px white;
}

.my-education__course-module:not(.done):not(.paused)
  .my-education__course-module_done {
  opacity: 0;
}

.my-education__course-module_done {
  margin-left: 19px;
  width: 47px;
  flex-shrink: 0;
}

.my-education__course-module:not(.done)
  .my-education__course-module_done
  img:first-child {
  display: none;
}

.my-education__course-module.done
  .my-education__course-module_done
  img:last-child {
  display: none;
}

.my-education__course-module_done img {
  width: 100%;
}

.my-education__course-module_doc {
  margin-left: 21px;
  width: 39px;
  flex-shrink: 0;
}

.my-education__course-module_doc img {
  width: 100%;
}

.my-education__course-module_doc:not(.active):not(:hover) img:last-child {
  display: none;
}

.my-education__course-module_doc.active img:first-child,
.my-education__course-module_doc:hover img:first-child {
  display: none;
}

.my-education__course-module_dropdown {
  margin-left: 36px;
  width: 40px;
  flex-shrink: 0;
}

.my-education__course-module.active .my-education__course-module_dropdown {
  transform: rotate(180deg);
}

.my-education__course-module_dropdown img {
  width: 100%;
}

.my-education__course-module_body-container,
.my-education__course-module_body-container-test {
  display: none;
}

.my-education__course-module_body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 24px;
  padding: 50px 0 44px 17px;
}

.my-education__course-module_body .my-education__course-material {
  position: relative;
}

.my-education__course-module_body
  .my-education__course-material
  > *:first-child {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 208px;
  background: #15151580;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.16);
  box-shadow: 0 18px 55px rgba(0,0,0,.40);

  /* overflow:hidden; */
}

.my-education__course-module_body
  .my-education__course-material.paused
  > *:first-child:after {
  content: "";
  position: absolute;
  top: -10px;
  right: 17px;
  border-radius: 50%;
  background: url("../images/adaptation/education/my/module-paused.png") center
    center no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
}

.my-education__course-module_body
  .my-education__course-material.done
  > *:first-child:after {
  content: "";
  position: absolute;
  top: -12px;
  right: 15px;
  background: url("../images/adaptation/education/my/module-done.png") center
    center no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
}

.my-education__course-module_body
  .my-education__course-material
  > *:first-child
  .plyr {
  width: 100%;
}

.my-education__course-module_body
  .my-education__course-material
  > *:first-child
  .plyr__controls {
  pointer-events: none;
}

.my-education__course-module_body
  .my-education__course-material
  > *:first-child
  .plyr__controls
  > * {
  pointer-events: all;
}

.my-education__course-module_body
  .my-education__course-material
  > *:first-child
  audio {
  max-width: 100%;
}

.my-education__course-module_body
  .my-education__course-material
  > *:first-child
  > img {
  width: 60px;
}

.my-education__course-module_body .my-education__course-material-name {
  margin-top: 20px;
  font-size: 16px;
  line-height: 15px;
  text-align: center;
  word-break: break-all;
  word-break: break-word;
}

@media (max-width: 1599.5px) {
  .my-education__page {
    padding: 39px 55px 46px 75px;
  }

  .my-education__page + .preview-block__feedback-row {
    margin: 0 42px 46px 28px;
  }

  .my-education__back-btn {
    width: 31px;
    height: 31px;
    margin-left: -23px;
  }

  .my-education__hide-modules {
    margin-bottom: 6px;
  }

  .my-education__hide-modules #hide_completed + label {
    padding-right: 63px;
    font-size: 15px;
    line-height: 18px;
  }

  .my-education__hide-modules #hide_completed + label:after {
    right: -10px;
    bottom: -7px;
    width: 57px;
    height: 55px;
  }

  .my-education__course-info {
    width: 334px;
    margin-right: 93px;
  }

  .my-education__course-img {
    /* margin-left: -8px; */
    margin-bottom: 19px;
    width: 184px;
    height: 147px;
  }

  .my-education__course-name {
    margin-bottom: 13px;
    font-size: 16px;
    line-height: 19px;
  }

  .my-education__course-text-progress {
    margin-bottom: 13px;
    font-size: 12px;
    line-height: 14px;
  }

  .my-education__course-progress-line {
    height: 15px;
    margin-bottom: 18px;
    border-radius: 7px;
  }

  .my-education__course-progress {
    border-radius: 7px;
    font-size: 10px;
    line-height: 12px;
  }

  .my-education__course-completed {
    font-size: 13px;
    line-height: 15px;
  }

  .my-education__course-completed img {
    width: 15px;
    margin-right: 6px;
  }

  .my-education__course-modules-list {
    margin-top: 43px;
  }

  .my-education__course-module:not(:last-child) {
    margin-bottom: 21px;
  }

  .my-education__course-module_title {
    min-height: 49px;
    border-radius: 33px;
    box-shadow: 0 1.56px 1.56px 0 #6d95ac4d;
    padding: 7px 79px;
    font-size: 16px;
    line-height: 16px;
  }

  .my-education__course-module.locked .my-education__course-module_title:after {
    top: -8px;
    right: 15px;
    width: 19px;
    height: 19px;
  }

  .my-education__course-module_number {
    top: -25px;
    left: 30px;
    width: 55px;
    font-size: 49px;
    line-height: 60px;
  }

  .my-education__course-module_white-number {
    top: -2px;
    left: -1px;
  }

  .my-education__course-module_done {
    margin-left: 14px;
    width: 34px;
  }

  .my-education__course-module_doc {
    margin-left: 16px;
    width: 28px;
  }

  .my-education__course-module_dropdown {
    margin-left: 27px;
    width: 30px;
  }

  .my-education__course-module_body {
    grid-gap: 18px;
    padding: 37px 0 33px 13px;
  }

  .my-education__course-module_body
    .my-education__course-material
    > *:first-child {
    height: 156px;
    box-shadow: 0 1.45px 5.47px 0 #000000;
  }

  .my-education__course-module_body
    .my-education__course-material.paused
    > *:first-child:after {
    top: -7px;
    right: 13px;
    width: 16px;
    height: 16px;
  }

  .my-education__course-module_body
    .my-education__course-material.done
    > *:first-child:after {
    top: -9px;
    right: 11px;
    width: 18px;
    height: 18px;
  }

  .my-education__course-module_body
    .my-education__course-material
    > *:first-child
    > img {
    width: 50px;
  }

  .my-education__course-module_body .my-education__course-material-name {
    margin-top: 15px;
    font-size: 12px;
    line-height: 11px;
  }
}

@media (max-width: 1439.5px) {
  .my-education__course-module_body {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1199.5px) {
  .my-education__page {
    padding: 28px 40px 34px 55px;
  }

  .my-education__page + .preview-block__feedback-row {
    margin: 0 31px 34px 21px;
  }

  .my-education__back-btn {
    width: 22px;
    height: 22px;
    margin-left: -16px;
  }

  .my-education__hide-modules {
    margin-bottom: 9px;
  }

  .my-education__hide-modules #hide_completed + label {
    padding-right: 46px;
    font-size: 11px;
    line-height: 13px;
  }

  .my-education__hide-modules #hide_completed + label:after {
    right: -7px;
    bottom: -5px;
    width: 42px;
    height: 40px;
  }

  .my-education__course-info {
    width: 250px;
    margin-right: 69px;
  }

  .my-education__course-img {
    /* margin-left: -6px; */
    margin-bottom: 14px;
    width: 138px;
    height: 109px;
  }

  .my-education__course-name {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 14px;
  }

  .my-education__course-text-progress {
    margin-bottom: 10px;
    font-size: 9px;
    line-height: 10px;
  }

  .my-education__course-progress-line {
    height: 11px;
    margin-bottom: 13px;
    border-radius: 5px;
  }

  .my-education__course-progress {
    border-radius: 5px;
    font-size: 7px;
    line-height: 9px;
  }

  .my-education__course-completed {
    font-size: 10px;
    line-height: 11px;
  }

  .my-education__course-completed img {
    width: 11px;
    margin-right: 4px;
  }

  .my-education__course-modules-list {
    margin-top: 31px;
  }

  .my-education__course-module:not(:last-child) {
    margin-bottom: 15px;
  }

  .my-education__course-module_title {
    min-height: 36px;
    border-radius: 24px;
    box-shadow: 0 1.17px 1.17px 0 #6d95ac4d;
    padding: 5px 58px;
    font-size: 12px;
    line-height: 12px;
  }

  .my-education__course-module.locked .my-education__course-module_title:after {
    top: -6px;
    right: 11px;
    width: 14px;
    height: 14px;
  }

  .my-education__course-module_number {
    top: -18px;
    left: 22px;
    width: 40px;
    font-size: 36px;
    line-height: 45px;
  }

  .my-education__course-module_white-number {
    top: -1px;
  }

  .my-education__course-module_done {
    margin-left: 10px;
    width: 25px;
  }

  .my-education__course-module_doc {
    width: 21px;
  }

  .my-education__course-module_dropdown {
    margin-left: 19px;
    width: 22px;
  }

  .my-education__course-module_body {
    grid-gap: 13px;
    padding: 27px 0 24px 10px;
  }

  .my-education__course-module_body
    .my-education__course-material
    > *:first-child {
    height: 117px;
    box-shadow: 0 1.08px 4.09px 0 #000000;
  }

  .my-education__course-module_body
    .my-education__course-material.paused
    > *:first-child:after {
    top: -5px;
    right: 10px;
    width: 12px;
    height: 12px;
  }

  .my-education__course-module_body
    .my-education__course-material.done
    > *:first-child:after {
    top: -7px;
    right: 8px;
    width: 13px;
    height: 13px;
  }

  .my-education__course-module_body
    .my-education__course-material
    > *:first-child
    > img {
    width: 40px;
  }

  .my-education__course-module_body .my-education__course-material-name {
    margin-top: 11px;
    font-size: 10px;
    line-height: 10px;
  }
}

@media (max-width: 991.5px) {
  .my-education__page {
    padding: 21px 30px 25px 40px;
  }

  .my-education__page + .preview-block__feedback-row {
    margin: 0 22px 25px 15px;
  }

  .my-education__back-btn {
    width: 16px;
    height: 16px;
    margin-left: -12px;
  }

  .my-education__hide-modules {
    margin-bottom: 13px;
  }

  .my-education__hide-modules #hide_completed + label {
    padding-right: 34px;
    font-size: 8px;
    line-height: 11px;
  }

  .my-education__hide-modules #hide_completed + label:after {
    right: -5px;
    width: 34px;
    height: 34px;
  }

  .my-education__course-info {
    width: 187px;
    margin-right: 51px;
  }

  .my-education__course-img {
    /* margin-left: -4px; */
    margin-bottom: 10px;
    width: 103px;
    height: 98px;
  }

  .my-education__course-name {
    margin-bottom: 7px;
    font-size: 10px;
    line-height: 12px;
  }

  .my-education__course-text-progress {
    margin-bottom: 7px;
    font-size: 7px;
    line-height: 9px;
  }

  .my-education__course-progress-line {
    height: 9px;
    margin-bottom: 10px;
  }

  .my-education__course-progress {
    font-size: 6px;
    line-height: 7px;
  }

  .my-education__course-completed {
    font-size: 7px;
    line-height: 8px;
  }

  .my-education__course-completed img {
    width: 8px;
    margin-right: 3px;
  }

  .my-education__course-modules-list {
    margin-top: 22px;
  }

  .my-education__course-module:not(:last-child) {
    margin-bottom: 11px;
  }

  .my-education__course-module_title {
    min-height: 27px;
    border-radius: 18px;
    box-shadow: 0 0.87px 0.87px 0 #6d95ac4d;
    padding: 5px 43px;
    font-size: 10px;
    line-height: 10px;
  }

  .my-education__course-module.locked .my-education__course-module_title:after {
    top: -4px;
    right: 8px;
    width: 10px;
    height: 10px;
  }

  .my-education__course-module_number {
    top: -13px;
    left: 16px;
    width: 30px;
    font-size: 27px;
    line-height: 33px;
  }

  .my-education__course-module_done {
    margin-left: 7px;
    width: 18px;
  }

  .my-education__course-module_doc {
    width: 15px;
  }

  .my-education__course-module_dropdown {
    margin-left: 14px;
    width: 16px;
  }

  .my-education__course-module_body {
    grid-gap: 10px;
    padding: 19px 0 18px 10px;
  }

  .my-education__course-module_body
    .my-education__course-material
    > *:first-child {
    box-shadow: 0 0.81px 3.06px 0 #000000;
  }

  .my-education__course-module_body
    .my-education__course-material.paused
    > *:first-child:after {
    top: -4px;
    right: 7px;
    width: 10px;
    height: 10px;
  }

  .my-education__course-module_body
    .my-education__course-material.done
    > *:first-child:after {
    top: -5px;
    right: 6px;
    width: 11px;
    height: 11px;
  }

  .my-education__course-module_body
    .my-education__course-material
    > *:first-child
    > img {
    width: 30px;
  }

  .my-education__course-module_body .my-education__course-material-name {
    margin-top: 8px;
  }
}

@media (max-width: 767.5px) {
  .my-education__page {
    padding: 15px 22px 18px 30px;
  }

  .my-education__page + .preview-block__feedback-row {
    margin: 0 16px 18px 11px;
  }

  .my-education__back-btn {
    width: 12px;
    height: 12px;
    margin-left: -9px;
  }

  .my-education__hide-modules {
    margin-bottom: 14px;
  }

  .my-education__hide-modules #hide_completed + label {
    padding-right: 33px;
  }

  .my-education__course-info {
    width: 139px;
    margin-right: 37px;
  }

  .my-education__course-img {
    /* margin-left: -3px; */
    margin-bottom: 7px;
    width: 98px;
    height: 98px;
  }

  .my-education__course-text-progress {
    margin-bottom: 5px;
  }

  .my-education__course-progress-line {
    margin-bottom: 7px;
  }

  .my-education__course-completed {
    font-size: 6px;
    line-height: 7px;
  }

  .my-education__course-modules-list {
    margin-top: 16px;
  }

  .my-education__course-module:not(:last-child) {
    margin-bottom: 10px;
  }

  .my-education__course-module_title {
    border-radius: 16px;
    box-shadow: 0px 0.76px 0.76px 0px #6d95ac4d;
    backdrop-filter: blur(3px);
    padding: 5px 31px;
  }

  .my-education__course-module_number {
    top: -10px;
    left: 12px;
    width: 22px;
    font-size: 24px;
    line-height: 29px;
  }

  .my-education__course-module_done {
    margin-left: 5px;
    width: 13px;
  }

  .my-education__course-module_dropdown {
    margin-left: 7px;
  }

  .my-education__course-module_body {
    grid-gap: 7px;
    padding: 14px 0 13px 10px;
  }

  .my-education__course-module_body
    .my-education__course-material
    > *:first-child {
    box-shadow: 0 0.6px 2.29px 0 #000000;
  }

  .my-education__course-module_body
    .my-education__course-material.paused
    > *:first-child:after {
    right: 5px;
  }

  .my-education__course-module_body
    .my-education__course-material.done
    > *:first-child:after {
    right: 4px;
  }

  .my-education__course-module_body
    .my-education__course-material
    > *:first-child
    > img {
    width: 9px;
  }
}

@media (min-width: 576px) {
  .my-education__course-module_dropdown > img:not(:first-child) {
    display: none;
  }

  .my-education__show-more {
    display: none;
  }
}

@media (max-width: 575.5px) {
  .my-education__page {
    padding: 8px 13px 114px;
  }

  .my-education__page + .preview-block__feedback-row {
    margin: 0 8px 114px;
  }

  .my-education__course {
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .my-education__course-info {
    position: relative;
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
    background: white;
    border-radius: 9px;
    padding: 12px 31px 7px 92px;
  }

  .my-education__course-info > * {
    position: relative;
  }

  .my-education__course-img {
    position: absolute;
    margin: 0;
    top: 0;
    bottom: 0;
    left: 0;
    height: auto;
  }

  .my-education__course-name {
    color: black;
  }

  .my-education__course-progress-line {
    margin-bottom: 5px;
    background: rgba(0, 0, 0, 0.15);
  }

  .my-education__course-progress {
    background: black;
  }

  .my-education__course-completed {
    color: #81868b;
  }

  .my-education__course-modules-list:not(.show-all)
    .my-education__course-module:nth-child(n + 5) {
    display: none;
  }

  .my-education__course-module:last-child {
    margin-bottom: 21px;
  }

  .my-education__course-module.done .my-education__course-module_title {
    background: #6d95ac;
    box-shadow: 0px 0.76px 0.76px 0px #8cde014d;
  }

  .my-education__course-module_title {
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 42px;
    box-shadow: 0 0.64px 0.64px 0 #6d95ac4d;
    padding: 5px 27px;
    text-align: left;
  }

  .my-education__course-module.done .my-education__course-module_number {
    color: white;
  }

  .my-education__course-module_number {
    left: 8px;
    width: 16px;
  }

  .my-education__course-module_done {
    display: none;
  }

  .my-education__course-module_dropdown {
    margin: auto;
    position: absolute;
    top: 0;
    right: 31px;
    bottom: 0;
    height: 16px;
  }

  .my-education__course-module_dropdown > img:first-child {
    display: none;
  }

  .my-education__course-module.done
    .my-education__course-module_dropdown
    > img:not(:last-child) {
    display: none;
  }

  .my-education__course-module:not(.done)
    .my-education__course-module_dropdown
    > img:last-child {
    display: none;
  }

  .my-education__course-module_body {
    grid-gap: 6px;
    padding: 10px;
  }

  .my-education__course-module_body .my-education__course-material {
    display: -ms-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }

  .my-education__course-module_body
    .my-education__course-material
    > *:first-child {
    height: 60px;
    width: 106px;
    min-width: 0;
    box-shadow: none;
  }

  .my-education__course-module_body
    .my-education__course-material.paused
    > *:first-child:after {
    right: 3px;
  }

  .my-education__course-module_body
    .my-education__course-material.done
    > *:first-child:after {
    right: 3px;
  }

  .my-education__course-module_body .my-education__course-material-name {
    margin-top: 0;
    margin-left: 8px;
    text-align: left;
  }

  .my-education__show-more {
    margin-top: -4px;
    border-radius: 18px;
    background: #6d95ac;
    padding: 4px 10px;
    font-size: 9px;
    line-height: 11px;
    text-align: center;
    min-width: 79px;
  }

  .my-education__course-modules-list:not(.show-all)
    + div
    .my-education__show-more
    span:last-child {
    display: none;
  }

  .my-education__course-modules-list.show-all
    + div
    .my-education__show-more
    span:first-child {
    display: none;
  }
}

#notfound {
  padding: 4.43vw 0 4.17vw;
  background: black;
  color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  background: url("../images/404/404-bg.png") center center no-repeat;
  background-size: cover;
}

#notfound .logo {
  width: 11.04vw;
  height: auto;
}

#notfound .logo img {
  width: inherit;
  height: inherit;
}

#notfound .notfound__desc {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.13vw;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  margin-top: auto;
  margin-bottom: 3.13vw;
  position: relative;
  z-index: 0;
}

#notfound .notfound__desc:after {
  content: "";
  width: 37vw;
  height: 10.42vw;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  background: url("../images/404/desc-bg-mobile.png") center center no-repeat;
  background-size: cover;
  z-index: -1;
}

#notfound > a {
  display: inline-block;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.04vw;
  line-height: 100%;
  letter-spacing: 0;
  background: rgba(255, 255, 255, 1);
  color: black;
  border-radius: 0.57vw;
  padding: 0.89vw 1.15vw;
  text-decoration: none;
}

#notfound .menu {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 4.17vw;
  margin-top: 2.34vw;
}

#notfound .menu a {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.1vw;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: white;
  text-decoration: none;
}

@media (max-width: 575.5px) {
  #notfound {
    padding: 28.13vw 0 28.13vw;
    min-height: 100vh;
    background: url("../images/404/404-bg-mobile.png") center center no-repeat;
    background-size: cover;
  }

  #notfound .logo {
    width: 32.81vw;
    height: auto;
  }

  #notfound .logo img {
    width: inherit;
    height: inherit;
  }

  #notfound .notfound__desc {
    font-size: 3.44vw;
    margin-bottom: 9.38vw;
  }

  #notfound .notfound__desc:after {
    width: 98.44vw;
    height: 31.25vw;
  }

  #notfound > a {
    font-size: 3.13vw;
    border-radius: 1.72vw;
    padding: 2.81vw 3.13vw;
    text-decoration: none;
  }

  #notfound .menu {
    column-gap: 11.88vw;
    margin-top: 6.88vw;
  }

  #notfound .menu a {
    font-size: 3.28vw;
  }
}

.recruiting-test-results {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  flex-grow: 1;
}

.recruiting-test-results > * {
  position: relative;
}

.recruiting-test-results .test-block {
  width: 100%;
  max-width: 1086px;
  margin: 30px auto;
  background: #ffffff33;
  border-radius: 50px;
  padding: 51px 95px 41px;
}

.recruiting-test-results .test-block .chapter {
  margin-bottom: 25px;
  padding: 16px 28px;
  border: 3px solid;
  border-radius: 20px;
  font-weight: 500;
  font-size: 22px;
  line-height: 27px;
}

.recruiting-test-results .test-block:not(.show-results) .question-block.active {
  display: none;
}

.recruiting-test-results
  .test-block
  .question-block:not(.active)
  ~ .question-block {
  display: none;
}

.recruiting-test-results
  .test-block.show-results
  .question-block:not(:last-child) {
  margin-bottom: 19px;
}

.recruiting-test-results .test-block .question-title {
  position: relative;
  border-radius: 19px;
  margin-bottom: 19px;
  padding: 11px 44px;
  text-align: center;
  box-shadow: 0px 3.89px 3.89px 0px #00000040;
}

.recruiting-test-results .test-block .question-title.success {
  background: #43a047;
}

.recruiting-test-results .test-block .question-title.error {
  background: #bb5353;
  color: white;
}

.recruiting-test-results .test-block .question-title:before {
  content: "";
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto;
  background: url("../images/question-arrow.png") center center no-repeat;
  background-size: contain;
  width: 18px;
}

.recruiting-test-results .test-block .question-title:after {
  content: "";
  position: absolute;
  bottom: -19px;
  right: 0;
  left: 0;
  margin: auto;
  background: url("../images/question-under.png") center center no-repeat;
  background-size: contain;
  width: 106px;
  height: 20px;
}

.recruiting-test-results .test-block .question-title.success:after {
  background-image: url("../images/recruiting_cabinet/question-under-success.png");
}

.recruiting-test-results .test-block .question-title.error:after {
  background-image: url("../images/recruiting_cabinet/question-under-error.png");
}

.recruiting-test-results .test-block .answers-block {
  background: white;
  border-radius: 24px;
  padding: 29px 31px 16px;
  margin-bottom: 11px;
}

.recruiting-test-results .test-block .answers-block .form-group {
  margin-bottom: 17px;
}

.recruiting-test-results .test-block .answers-block .form-group textarea {
  color: black;
  width: 100%;
  border: none;
  padding: 0;
}

.recruiting-test-results
  .test-block
  .answers-block
  .form-group
  textarea.success {
  color: #43a047;
}

.recruiting-test-results .test-block .answers-block .form-group textarea.error {
  color: #bb5353;
}

.recruiting-test-results
  .test-block
  .answers-block
  .form-group
  input[type="checkbox"],
.recruiting-test-results
  .test-block
  .answers-block
  .form-group
  input[type="radio"] {
  display: none;
}

.recruiting-test-results .test-block .answers-block .form-group input + label {
  position: relative;
  margin-bottom: 0;
  padding-left: 40px;
}

.recruiting-test-results
  .test-block
  .answers-block
  .form-group
  input.success
  + label {
  color: #43a047;
}

.recruiting-test-results
  .test-block
  .answers-block
  .form-group
  input.error
  + label {
  color: #bb5353;
}

.recruiting-test-results
  .test-block
  .answers-block
  .form-group
  input
  + label
  .before {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid;
  border-radius: 5px;
  width: 22px;
  height: 22px;
  background: transparent;
}

.recruiting-test-results
  .test-block
  .answers-block
  .form-group
  input.success
  + label
  .before {
  border-color: #43a047;
}

.recruiting-test-results
  .test-block
  .answers-block
  .form-group
  input.error
  + label
  .before {
  border-color: #bb5353;
}

.recruiting-test-results
  .test-block
  .answers-block
  .form-group
  input:checked
  + label:after {
  content: "";
  display: block;
  background: url("../images/recruiting_cabinet/check.png") center center
    no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  width: 21px;
  height: 21px;
}

.recruiting-test-results .test-block .question-type {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 22px;
}

.recruiting-test-results .test-block .buttons {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-test-results .test-block .buttons button {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  background: #cfcfcf26;
  box-shadow: 0 2.31px 2.31px 0 #00000040;
  backdrop-filter: blur(15px);
  border-radius: 32px;
  border: 1px solid;
  padding: 13px 13px 14px;
  width: 170px;
  font-size: 12px;
  line-height: 15px;
}

.recruiting-test-results .test-block .buttons button:not(:last-child) {
  margin-right: 17px;
}

.recruiting-test-results .test-block .buttons button span {
  position: relative;
}

.recruiting-test-results .test-block .buttons button .vacancy-arrow {
  position: absolute;
  top: -3px;
  right: -12px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recruiting-test-results .test-block .buttons button .vacancy-arrow img {
  width: 5px;
}

.recruiting-test-results .test-block.show-results .question-type,
.recruiting-test-results .test-block.show-results .buttons {
  display: none;
}

.recruiting-test-results__back {
  width: 43px;
  height: 43px;
  margin-right: 45px;
  background: url(../images/recruiting_resume/back-button.png) center center /
    contain no-repeat;
  position: absolute;
  z-index: 1;
  left: -90px;
  top: 0;
}

@media (max-width: 1599.5px) {
  .recruiting-test-results .test-block {
    max-width: 814px;
    margin: 25px auto;
    border-radius: 37px;
    padding: 37px 70px 30px;
  }

  .recruiting-test-results .test-block .chapter {
    margin-bottom: 18px;
    padding: 12px 21px;
    border: 2px solid;
    border-radius: 15px;
    font-size: 16px;
    line-height: 19px;
  }

  .recruiting-test-results
    .test-block.show-results
    .question-block:not(:last-child) {
    margin-bottom: 14px;
  }

  .recruiting-test-results .test-block .question-title {
    border-radius: 14px;
    margin-bottom: 14px;
    padding: 8px 33px;
    box-shadow: 0px 2.91px 2.91px 0px #00000040;
  }

  .recruiting-test-results .test-block .question-title:before {
    right: 12px;
    width: 13px;
  }

  .recruiting-test-results .test-block .question-title:after {
    bottom: -14px;
    width: 79px;
    height: 15px;
  }

  .recruiting-test-results .test-block .answers-block {
    border-radius: 18px;
    padding: 21px 22px 12px;
    margin-bottom: 8px;
  }

  .recruiting-test-results .test-block .answers-block .form-group {
    margin-bottom: 13px;
  }

  .recruiting-test-results
    .test-block
    .answers-block
    .form-group
    input
    + label {
    padding-left: 30px;
  }

  .recruiting-test-results
    .test-block
    .answers-block
    .form-group
    input
    + label
    .before {
    border-radius: 4px;
    width: 16px;
    height: 16px;
  }

  .recruiting-test-results
    .test-block
    .answers-block
    .form-group
    input:checked
    + label:after {
    width: 15px;
    height: 15px;
  }

  .recruiting-test-results .test-block .question-type {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 16px;
  }

  .recruiting-test-results .test-block .buttons button {
    box-shadow: 0 1.72px 1.72px 0 #00000040;
    border-radius: 24px;
    padding: 10px;
    width: 127px;
    font-size: 9px;
    line-height: 11px;
  }

  .recruiting-test-results .test-block .buttons button:not(:last-child) {
    margin-right: 13px;
  }

  .recruiting-test-results .test-block .buttons button .vacancy-arrow {
    top: -2px;
    right: -9px;
    width: 7px;
    height: 7px;
  }

  .recruiting-test-results .test-block .buttons button .vacancy-arrow img {
    width: 4px;
  }

  .recruiting-test-results__back {
    width: 31px;
    height: 31px;
    left: -65px;
  }
}

@media (max-width: 1199.5px) {
  .recruiting-test-results .test-block {
    max-width: 610px;
    margin: 20px auto;
    border-radius: 27px;
    padding: 27px 52px 22px;
  }

  .recruiting-test-results .test-block .chapter {
    margin-bottom: 13px;
    padding: 9px 15px;
    border: 1px solid;
    border-radius: 11px;
    font-size: 12px;
    line-height: 14px;
  }

  .recruiting-test-results
    .test-block.show-results
    .question-block:not(:last-child) {
    margin-bottom: 10px;
  }

  .recruiting-test-results .test-block .question-title {
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 6px 24px;
    box-shadow: 0px 2.17px 2.17px 0px #00000040;
  }

  .recruiting-test-results .test-block .question-title:before {
    right: 9px;
    width: 10px;
  }

  .recruiting-test-results .test-block .question-title:after {
    bottom: -10px;
    width: 58px;
    height: 11px;
  }

  .recruiting-test-results .test-block .answers-block {
    border-radius: 13px;
    padding: 15px 16px 9px;
    margin-bottom: 6px;
  }

  .recruiting-test-results .test-block .answers-block .form-group {
    margin-bottom: 10px;
  }

  .recruiting-test-results
    .test-block
    .answers-block
    .form-group
    input
    + label {
    padding-left: 22px;
  }

  .recruiting-test-results
    .test-block
    .answers-block
    .form-group
    input
    + label
    .before {
    border-radius: 3px;
    width: 12px;
    height: 12px;
  }

  .recruiting-test-results
    .test-block
    .answers-block
    .form-group
    input:checked
    + label:after {
    width: 11px;
    height: 11px;
  }

  .recruiting-test-results .test-block .question-type {
    margin-bottom: 12px;
  }

  .recruiting-test-results .test-block .buttons button {
    box-shadow: 0 1.29px 1.29px 0 #00000040;
    border-radius: 18px;
    padding: 7px;
    width: 94px;
  }

  .recruiting-test-results .test-block .buttons button:not(:last-child) {
    margin-right: 10px;
  }

  .recruiting-test-results .test-block .buttons button .vacancy-arrow {
    top: -1px;
  }

  .recruiting-test-results__back {
    width: 22px;
    height: 22px;
    left: -45px;
  }
}

@media (max-width: 991.5px) {
  .recruiting-test-results .test-block {
    max-width: 457px;
    margin: 15px auto;
    border-radius: 19px;
    padding: 19px 39px 16px;
  }

  .recruiting-test-results .test-block .chapter {
    margin-bottom: 10px;
    padding: 7px 11px;
    border-radius: 8px;
  }

  .recruiting-test-results
    .test-block.show-results
    .question-block:not(:last-child) {
    margin-bottom: 7px;
  }

  .recruiting-test-results .test-block .question-title {
    border-radius: 7px;
    margin-bottom: 7px;
    padding: 4px 18px;
    box-shadow: 0px 1.62px 1.62px 0px #00000040;
  }

  .recruiting-test-results .test-block .question-title:before {
    right: 7px;
    width: 7px;
  }

  .recruiting-test-results .test-block .question-title:after {
    bottom: -7px;
    width: 43px;
    height: 8px;
  }

  .recruiting-test-results .test-block .answers-block {
    border-radius: 10px;
    padding: 11px 12px 7px;
    margin-bottom: 4px;
  }

  .recruiting-test-results .test-block .answers-block .form-group {
    margin-bottom: 7px;
  }

  .recruiting-test-results .test-block .question-type {
    margin-bottom: 9px;
  }

  .recruiting-test-results .test-block .buttons button {
    box-shadow: 0 0.96px 0.96px 0 #00000040;
    border-radius: 13px;
    padding: 5px;
  }

  .recruiting-test-results .test-block .buttons button:not(:last-child) {
    margin-right: 7px;
  }

  .recruiting-test-results__back {
    width: 16px;
    height: 16px;
    left: -30px;
  }
}

@media (max-width: 767.5px) {
  .recruiting-test-results .test-block {
    max-width: 342px;
    margin: 10px auto;
    border-radius: 14px;
    padding: 14px 28px 12px;
  }

  .recruiting-test-results .test-block .chapter {
    margin-bottom: 7px;
    padding: 5px 8px;
    border-radius: 6px;
  }

  .recruiting-test-results
    .test-block.show-results
    .question-block:not(:last-child) {
    margin-bottom: 5px;
  }

  .recruiting-test-results .test-block .question-title {
    border-radius: 5px;
    margin-bottom: 5px;
    padding: 3px 13px;
    box-shadow: 0px 1.21px 1.21px 0px #00000040;
  }

  .recruiting-test-results .test-block .question-title:before {
    right: 5px;
  }

  .recruiting-test-results .test-block .question-title:after {
    bottom: -5px;
    width: 31px;
    height: 6px;
  }

  .recruiting-test-results .test-block .answers-block {
    border-radius: 7px;
    padding: 8px 9px 5px;
    margin-bottom: 3px;
  }

  .recruiting-test-results .test-block .answers-block .form-group {
    margin-bottom: 5px;
  }

  .recruiting-test-results .test-block .question-type {
    margin-bottom: 7px;
  }

  .recruiting-test-results .test-block .buttons button {
    box-shadow: 0 0.72px 0.72px 0 #00000040;
    border-radius: 10px;
    padding: 4px;
  }

  .recruiting-test-results .test-block .buttons button:not(:last-child) {
    margin-right: 5px;
  }

  .recruiting-test-results__back {
    width: 12px;
    height: 12px;
    left: -25px;
  }
}

@media (max-width: 575.5px) {
  .recruiting-test-results .test-block {
    max-width: 256px;
    margin: 21px auto;
    border-radius: 14px;
    padding: 14px 28px 12px;
  }
}

.adaptation-event-page__top {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 20px 47px;
}

.adaptation-event-page__create-button {
  background: #cfcfcf26;
  border-radius: 17px;
  width: 105px;
  margin-right: 18px;
  padding: 4px;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  text-decoration: none !important;
  color: white !important;
}

.adaptation-event-page__calendar-button {
  display: -ms-flex;
  display: flex;
  width: 29px;
  height: 29px;
}

.adaptation-event-page__calendar-button img {
  width: 100%;
}

.adaptation-event-page__body {
  display: -ms-flex;
  display: flex;
  column-gap: 67px;
  padding: 47px 92px;
}

.adaptation-event-page__body > div {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 33%;
}

.adaptation-event-page__title {
  text-align: center;
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 41px;
}

.adaptation-event-page__block {
  flex-grow: 1;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  background: #cfcfcf26;
  border-radius: 22px;
  padding: 24px 18px 26px;
}

.adaptation-event-page__row {
  width: 100%;
  display: -ms-flex;
  display: flex;
}

.adaptation-event-page__row > div:first-child {
  width: 100%;
  padding: 0 22px;
}

.adaptation-event-page__row > div:last-child {
  width: 54px;
  flex-shrink: 0;
}

.adaptation-event-page__row:nth-last-child(2) {
  margin-bottom: auto;
}

.adaptation-event-page__delimiter {
  width: 100%;
  border-bottom: 1px solid #ffffff;
  margin: 14px 0 13px;
}

.adaptation-event-page__block-link {
  margin-top: 59px;
  background: #6d95ac;
  border-radius: 24px;
  width: 260px;
  padding: 10px 10px 11px;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  text-decoration: none !important;
}

.adaptation-event-page__calendar-button:not(:hover)
  ~ .adaptation-event-page__small-calendar {
  display: none;
}

.adaptation-event-page__small-calendar {
  position: absolute;
  top: 100%;
  right: 32px;
  margin-top: 3px;
  z-index: 11;
  background: white;
  border-radius: 15px;
  padding: 18px 0 11px;
  color: black;
  width: 290px;
}

.adaptation-event-page__small-calendar .choose-month {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 21px;
  padding: 0 13px 0 23px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
}

.adaptation-event-page__small-calendar .choose-month button {
  width: 22px;
}

.adaptation-event-page__small-calendar .choose-month button:not(:last-child) {
  margin-right: 14px;
}

.adaptation-event-page__small-calendar .choose-month button img {
  width: 100%;
}

.adaptation-event-page__small-calendar .calendar-table {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 12px;
  word-break: break-all;
  word-break: break-word;
  margin-right: 11px;
  margin-left: 17px;
}

.adaptation-event-page__small-calendar .calendar-table .line {
  position: absolute;
  top: 24px;
  right: -11px;
  left: -17px;
  border-bottom: 1px solid;
}

.adaptation-event-page__small-calendar .calendar-table .head {
  text-align: center;
  font-size: 14px;
  line-height: 17px;
  color: #848484;
}

.adaptation-event-page__small-calendar .calendar-table .short-month {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  padding-left: 4px;
  grid-column: span 2;
  white-space: nowrap;
  text-transform: uppercase;
  color: #848484;
}

.adaptation-event-page__small-calendar .calendar-table .button-color {
  color: white;
}

.adaptation-event-page__small-calendar
  .calendar-table
  > *:not(.head):not(.line) {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  border-radius: 50%;
  text-decoration: none !important;
}

.adaptation-event-page__small-calendar
  .calendar-table
  > *:not(.head):nth-child(7n + 6),
.adaptation-event-page__small-calendar
  .calendar-table
  > *:not(.head):nth-child(7n + 7) {
  color: #9f9f9f;
}

.adaptation-event-calendar__top {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 26px 71px 30px 59px;
}

.adaptation-event-calendar__back {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.adaptation-event-calendar__back img {
  width: 27px;
  margin-right: 10px;
}

.adaptation-event-calendar__top .choose-month {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 314px;
  height: 28px;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 500;
  text-transform: uppercase;
}

.adaptation-event-calendar__top .choose-month button {
  width: 28px;
}

.adaptation-event-calendar__top .choose-month button img {
  width: 100%;
}

.adaptation-event-calendar__top .select2-selection {
  background: none;
  border: none;
  height: auto;
}

.adaptation-event-calendar__top
  .select2-selection
  .select2-selection__rendered {
  padding: 0;
  color: white;
  line-height: inherit;
}

.adaptation-event-calendar__top .select2-selection .select2-selection__arrow {
  display: none;
}

.adaptation-event-calendar-dropdown {
  background: none;
  border: none;
  width: auto !important;
}

.adaptation-event-calendar-dropdown .select2-search {
  display: none;
}

.adaptation-event-calendar-dropdown .select2-results__option {
  padding: 0;
}

.adaptation-event-calendar .calendar-hint {
  text-align: center;
  padding: 0.625vw;
  background: #6d95ac;
  color: white;
  font-weight: 500;
  font-size: 0.83vw;
  box-shadow: 0 0.1vw 0.42vw rgba(0, 0, 0, 0.1);
}

.adaptation-event-calendar
  .calendar-hint
  + .calendar-month
  .with-date:hover:not(.blocked-date) {
  background: transparent;
  box-shadow: inset 0 0 0 0.1vw #6d95ac;
}

.adaptation-event-calendar
  .calendar-hint
  + .calendar-month
  .with-date:hover:not(.blocked-date)::after {
  content: "Выбрать дату";
  position: absolute;
  top: -1.83vw;
  left: 50%;
  transform: translateX(-50%);
  background: #222;
  color: white;
  font-size: 0.625vw;
  padding: 0.2vw 0.42vw;
  border-radius: 0.26vw;
  white-space: nowrap;
  z-index: 1000;
  pointer-events: none;
}

.adaptation-event-calendar .with-date {
  position: relative;
}

.adaptation-event-calendar .blocked-date {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}

.adaptation-event-calendar .calendar-month {
  margin: 0 72px 49px 71px;
  background: #cfcfcf26;
  border-radius: 41px;
  padding: 21px 30px 30px;
}

.adaptation-event-calendar .calendar-table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(7, 1fr);
  grid-gap: 15px 24px;
  word-break: break-all;
  word-break: break-word;
}

.adaptation-event-calendar .calendar-table .head {
  text-align: center;
}

.adaptation-event-calendar .calendar-table > *:not(.head) {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 171px;
  padding: 15px 15px 15px 17px;
  font-weight: 600;
  border-radius: 22px;
  text-decoration: none !important;
  background: #ffffff26;
}
.adaptation-event-calendar .calendar-table > *:not(.head).past-date {
  opacity: 0.75;
}
.adaptation-event-calendar .calendar-table > *:not(.head).blocked-date {
  pointer-events: none;
  opacity: 0.75;
}
.adaptation-event-calendar .calendar-table > *:not(.head).has-event {
  background: #6d95ac;
}
.adaptation-event-calendar .calendar-table > *:not(.head) .event-info {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.adaptation-event-calendar .calendar-table > *:not(.head) .event-info b {
  font-weight: 600;
}
.adaptation-event-calendar .calendar-table > *:not(.head) .event-info span {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0;
  text-align: right;
}

.adaptation-event-calendar .calendar-table .date {
  background: #6d95ac;
  border-radius: 11px;
  margin-bottom: 17px;
  width: 81px;
  padding: 1px;
  text-align: center;
}

.adaptation-event-calendar .calendar-table > *:not(.head).has-event .date {
  background: #ffffff;
  color: #6d95ac;
}

#createEventModal.in {
  display: -ms-flex;
  display: flex !important;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#createEventModal .modal-dialog {
  max-width: 796px;
}

#createEventModal .modal-content {
  background: none;
  padding: 22px 36px 0 0;
}

#createEventModal .btn-close {
  top: 0;
  right: 0;
  background: url("../images/adaptation/modal-close-white.png") center center
    no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
}

#createEventModal .modal-body {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: url("../images/adaptation/events/create-modal-back.png") bottom
    center no-repeat;
  background-size: cover;
  border-radius: 35px;
  padding: 38px 44px 38px 45px;
  overflow: hidden;
}

#createEventModal .modal-body a {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 195px;
  background: #6d95ac8c;
  border: 3px solid #6d95ac;
  border-radius: 25px;
  padding: 11px 11px 11px 21px;
  font-weight: 500;
  font-size: 22px;
  line-height: 23px;
  text-transform: uppercase;
  text-decoration: none !important;
}

#createEventModal .modal-body a > img {
  width: 34px;
  height: 34px;
  margin-right: 15px;
}

.adaptation-event-list {
  padding: 45px;
  min-height: calc(100vh - 103px);
  display: flex;
  flex-direction: column;
}
.adaptation-event-list__buttons-line {
  display: -ms-flex;
  display: flex;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 0 20px;
}
.adaptation-event-list__buttons-line .adaptation-event-list__search {
  position: relative;
  width: 321px;
  margin-right: 10px;
}
.adaptation-event-list__buttons-line .adaptation-event-list__search input {
 width: 100%;
 height: 100%;
 border: 1px solid #e0e0e0;
 border-radius: 18px;
 background: #ffffffcc;
 padding: 7px 35px 7px 15px;
 font-size: 16px;
 line-height: 18px;
 color: #010541;
}
.adaptation-event-list__buttons-line
  .adaptation-event-list__search
  input::placeholder {
  color: #777777;
}
.adaptation-event-list__buttons-line
  .adaptation-event-list__search
  .search-button {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin: auto;
  display: flex;
}
.adaptation-event-list__buttons-line
  .adaptation-event-list__search
  .search-button
  img {
  width: 100%;
}
.adaptation-event-list__buttons-line .create-button {
  display: block;
  background: #cfcfcf26;
  border-radius: 18px;
  padding: 10px 25px;
  font-size: 16px;
  line-height: 18px;
  color: white;
  text-decoration: none !important;
}

@media (max-width: 1599.5px) {
  .adaptation-event-page__top {
    padding: 15px 34px;
  }

  .adaptation-event-page__create-button {
    border-radius: 13px;
    width: 78px;
    margin-right: 13px;
    padding: 3px;
    font-size: 12px;
    line-height: 15px;
  }

  .adaptation-event-page__calendar-button {
    width: 21px;
    height: 21px;
  }

  .adaptation-event-page__body {
    column-gap: 49px;
    padding: 34px 69px;
  }

  .adaptation-event-page__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 30px;
  }

  .adaptation-event-page__block {
    border-radius: 16px;
    padding: 18px 13px 19px;
  }

  .adaptation-event-page__row > div:first-child {
    padding: 0 16px;
  }

  .adaptation-event-page__row > div:last-child {
    width: 40px;
  }

  .adaptation-event-page__delimiter {
    margin: 10px 0;
  }

  .adaptation-event-page__block-link {
    margin-top: 43px;
    border-radius: 18px;
    width: 195px;
    padding: 7px 7px 8px;
    font-size: 15px;
    line-height: 18px;
  }

  .adaptation-event-page__small-calendar {
    right: 24px;
    margin-top: 2px;
    border-radius: 11px;
    padding: 13px 0 8px;
    width: 217px;
  }

  .adaptation-event-page__small-calendar .choose-month {
    margin-bottom: 15px;
    padding: 0 10px 0 16px;
    font-size: 10px;
    line-height: 13px;
  }

  .adaptation-event-page__small-calendar .choose-month button {
    width: 16px;
  }

  .adaptation-event-page__small-calendar .choose-month button:not(:last-child) {
    margin-right: 10px;
  }

  .adaptation-event-page__small-calendar .calendar-table {
    grid-gap: 9px;
    margin-right: 8px;
    margin-left: 13px;
  }

  .adaptation-event-page__small-calendar .calendar-table .line {
    top: 18px;
    right: -8px;
    left: -13px;
  }

  .adaptation-event-page__small-calendar .calendar-table .head {
    font-size: 10px;
    line-height: 13px;
  }

  .adaptation-event-page__small-calendar .calendar-table .short-month {
    padding-left: 3px;
  }

  .adaptation-event-page__small-calendar
    .calendar-table
    > *:not(.head):not(.line) {
    width: 19px;
    height: 19px;
    font-size: 10px;
    line-height: 13px;
  }

  .adaptation-event-calendar__top {
    padding: 19px 52px 22px 43px;
  }

  .adaptation-event-calendar__back img {
    width: 19px;
    margin-right: 7px;
  }

  .adaptation-event-calendar__top .choose-month {
    width: 235px;
    height: 21px;
  }

  .adaptation-event-calendar__top .choose-month button {
    width: 21px;
  }

  .adaptation-event-calendar .calendar-month {
    margin: 0 54px 36px 52px;
    border-radius: 30px;
    padding: 15px 22px 22px;
  }

  .adaptation-event-calendar .calendar-table {
    grid-gap: 11px 18px;
  }

  .adaptation-event-calendar .calendar-table > *:not(.head) {
    height: 127px;
    padding: 11px 11px 11px 13px;
    border-radius: 16px;
  }

  .adaptation-event-calendar .calendar-table .date {
    border-radius: 8px;
    margin-bottom: 13px;
    width: 60px;
  }

  #createEventModal .modal-dialog {
    max-width: 597px;
  }

  #createEventModal .modal-content {
    padding: 16px 27px 0 0;
  }

  #createEventModal .btn-close {
    width: 18px;
    height: 18px;
  }

  #createEventModal .modal-body {
    border-radius: 25px;
    padding: 28px 33px;
  }

  #createEventModal .modal-body a {
    width: 145px;
    border-width: 2px;
    border-radius: 18px;
    padding: 8px 8px 8px 15px;
    font-size: 16px;
    line-height: 16px;
  }

  #createEventModal .modal-body a > img {
    width: 25px;
    height: 25px;
    margin-right: 11px;
  }

  .adaptation-event-list {
    padding: 35px;
  }
  .adaptation-event-list__buttons-line {
    padding: 0 0 15px;
  }
  .adaptation-event-list__buttons-line .adaptation-event-list__search {
    width: 240px;
    margin-right: 7px;
  }
  .adaptation-event-list__buttons-line .adaptation-event-list__search input {
    border-radius: 16px;
    padding: 5px 30px 5px 15px;
    font-size: 12px;
    line-height: normal;
  }
  .adaptation-event-list__buttons-line
    .adaptation-event-list__search
    .search-button {
    right: 12px;
    width: 11px;
    height: 11px;
  }
  .adaptation-event-list__buttons-line .create-button {
    border-radius: 16px;
    padding: 8px 20px;
    font-size: 12px;
    line-height: normal;
  }
}

@media (max-width: 1199.5px) {
  .adaptation-event-page__top {
    padding: 11px 25px;
  }

  .adaptation-event-page__create-button {
    border-radius: 10px;
    margin-right: 10px;
    padding: 2px;
  }

  .adaptation-event-page__calendar-button {
    width: 15px;
    height: 15px;
  }

  .adaptation-event-page__body {
    column-gap: 36px;
    padding: 25px 51px;
  }

  .adaptation-event-page__title {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 22px;
  }

  .adaptation-event-page__block {
    border-radius: 12px;
    padding: 13px 10px 14px;
  }

  .adaptation-event-page__row > div:first-child {
    padding: 0 12px;
  }

  .adaptation-event-page__row > div:last-child {
    width: 30px;
  }

  .adaptation-event-page__delimiter {
    margin: 7px 0;
  }

  .adaptation-event-page__block-link {
    margin-top: 31px;
    border-radius: 13px;
    width: 145px;
    padding: 5px 5px 6px;
    font-size: 12px;
    line-height: 14px;
  }

  .adaptation-event-page__small-calendar {
    right: 18px;
    margin-top: 1px;
    border-radius: 8px;
    padding: 9px 0 6px;
    width: 162px;
  }

  .adaptation-event-page__small-calendar .choose-month {
    margin-bottom: 11px;
    padding: 0 7px 0 12px;
    font-size: 7px;
    line-height: 10px;
  }

  .adaptation-event-page__small-calendar .choose-month button {
    width: 12px;
  }

  .adaptation-event-page__small-calendar .choose-month button:not(:last-child) {
    margin-right: 7px;
  }

  .adaptation-event-page__small-calendar .calendar-table {
    grid-gap: 7px;
    margin-right: 6px;
    margin-left: 9px;
  }

  .adaptation-event-page__small-calendar .calendar-table .line {
    top: 13px;
    right: -6px;
    left: -10px;
  }

  .adaptation-event-page__small-calendar .calendar-table .head {
    font-size: 7px;
    line-height: 10px;
  }

  .adaptation-event-page__small-calendar .calendar-table .short-month {
    padding-left: 2px;
  }

  .adaptation-event-page__small-calendar
    .calendar-table
    > *:not(.head):not(.line) {
    width: 14px;
    height: 14px;
    font-size: 7px;
    line-height: 10px;
  }

  .adaptation-event-calendar__top {
    padding: 14px 39px 16px 31px;
  }

  .adaptation-event-calendar__back img {
    width: 14px;
    margin-right: 5px;
  }

  .adaptation-event-calendar__top .choose-month {
    width: 175px;
    height: 15px;
  }

  .adaptation-event-calendar__top .choose-month button {
    width: 15px;
  }

  .adaptation-event-calendar .calendar-month {
    margin: 0 40px 27px 39px;
    border-radius: 22px;
    padding: 11px 16px 16px;
  }

  .adaptation-event-calendar .calendar-table {
    grid-gap: 8px 13px;
  }

  .adaptation-event-calendar .calendar-table > *:not(.head) {
    height: 94px;
    padding: 8px 8px 8px 10px;
    border-radius: 12px;
  }

  .adaptation-event-calendar .calendar-table .date {
    border-radius: 6px;
    margin-bottom: 10px;
    width: 45px;
  }

  #createEventModal .modal-dialog {
    max-width: 447px;
  }

  #createEventModal .modal-content {
    padding: 12px 19px 0 0;
  }

  #createEventModal .btn-close {
    width: 13px;
    height: 13px;
  }

  #createEventModal .modal-body {
    border-radius: 18px;
    padding: 21px 24px;
  }

  #createEventModal .modal-body a {
    width: 108px;
    border-width: 1px;
    border-radius: 13px;
    padding: 6px 6px 6px 11px;
    font-size: 12px;
    line-height: 12px;
  }

  #createEventModal .modal-body a > img {
    width: 18px;
    height: 18px;
    margin-right: 8px;
  }

  .adaptation-event-list {
    padding: 25px;
  }
  .adaptation-event-list__buttons-line {
    padding: 0 0 10px;
  }
  .adaptation-event-list__buttons-line .adaptation-event-list__search {
    width: 180px;
    margin-right: 5px;
  }
  .adaptation-event-list__buttons-line .adaptation-event-list__search input {
    border-radius: 14px;
    padding: 4px 25px 4px 10px;
    font-size: 11px;
  }
  .adaptation-event-list__buttons-line
    .adaptation-event-list__search
    .search-button {
    right: 5px;
  }
  .adaptation-event-list__buttons-line .create-button {
    border-radius: 14px;
    padding: 5px 15px;
    font-size: 11px;
  }
}

@media (max-width: 991.5px) {
  .adaptation-event-page__top {
    padding: 8px 18px;
  }

  .adaptation-event-page__create-button {
    border-radius: 7px;
    margin-right: 7px;
    padding: 1px;
  }

  .adaptation-event-page__body > div {
    width: 100%;
    max-width: 226px;
  }

  .adaptation-event-page__body {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 27px;
    padding: 18px 37px;
  }

  .adaptation-event-page__title {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 16px;
  }

  .adaptation-event-page__block {
    border-radius: 9px;
    padding: 10px 7px;
  }

  .adaptation-event-page__row > div:first-child {
    padding: 0 9px;
  }

  .adaptation-event-page__delimiter {
    margin: 5px 0;
  }

  .adaptation-event-page__block-link {
    margin-top: 22px;
    border-radius: 10px;
    padding: 4px;
    max-width: 145px;
    width: 100%;
  }

  .adaptation-event-page__small-calendar {
    right: 13px;
    margin-top: 0;
  }

  .adaptation-event-calendar__top {
    padding: 10px 28px 12px 22px;
  }

  .adaptation-event-calendar__back img {
    width: 10px;
    margin-right: 4px;
  }

  .adaptation-event-calendar .calendar-month {
    margin: 0 30px 19px 28px;
    border-radius: 16px;
    padding: 8px 12px 12px;
  }

  .adaptation-event-calendar .calendar-table {
    grid-gap: 6px 10px;
  }

  .adaptation-event-calendar .calendar-table > *:not(.head) {
    height: 70px;
    padding: 6px 6px 6px 7px;
    border-radius: 9px;
  }

  .adaptation-event-calendar .calendar-table .date {
    border-radius: 4px;
    margin-bottom: 7px;
  }

  #createEventModal .modal-dialog {
    max-width: 334px;
  }

  #createEventModal .modal-content {
    padding: 9px 14px 0 0;
  }

  #createEventModal .btn-close {
    width: 10px;
    height: 10px;
  }

  #createEventModal .modal-body {
    border-radius: 13px;
    padding: 15px 18px;
  }

  #createEventModal .modal-body a {
    width: 81px;
    border-radius: 10px;
    padding: 4px 4px 4px 8px;
    font-size: 9px;
    line-height: 9px;
  }

  #createEventModal .modal-body a > img {
    width: 13px;
    height: 13px;
    margin-right: 6px;
  }

  .adaptation-event-list {
    padding: 20px;
  }
  .adaptation-event-list__buttons-line {
    padding: 0;
  }
  .adaptation-event-list__buttons-line .adaptation-event-list__search {
    width: 135px;
    margin-right: 4px;
  }
  .adaptation-event-list__buttons-line .adaptation-event-list__search input {
    border-radius: 12px;
    padding: 3px 8px;
    font-size: 10px;

  }
  .adaptation-event-list__buttons-line
    .adaptation-event-list__search
    .search-button {
    right: 4px;
  }
  .adaptation-event-list__buttons-line .create-button {
    border-radius: 6px;
    padding: 3px 5px 3px 6px;
  }
}

@media (max-width: 767.5px) {
  .adaptation-event-page__top {
    padding: 6px 13px;
  }

  .adaptation-event-page__create-button {
    border-radius: 5px;
    margin-right: 5px;
  }

  .adaptation-event-page__body {
    row-gap: 19px;
    padding: 13px 27px;
  }

  .adaptation-event-page__title {
    margin-bottom: 12px;
  }

  .adaptation-event-page__block {
    border-radius: 7px;
    padding: 7px 5px;
  }

  .adaptation-event-page__row > div:first-child {
    padding: 0 7px;
  }

  .adaptation-event-page__delimiter {
    margin: 4px 0;
  }

  .adaptation-event-page__block-link {
    margin-top: 16px;
    padding: 3px;
  }

  .adaptation-event-page__small-calendar {
    right: 10px;
  }

  .adaptation-event-calendar__top {
    padding: 7px 21px 9px 16px;
  }

  .adaptation-event-calendar__back img {
    margin-right: 3px;
  }

  .adaptation-event-calendar__top .choose-month {
    position: static;
  }

  .adaptation-event-calendar .calendar-month {
    margin: 0 22px 14px 21px;
    border-radius: 9px;
    padding: 6px 9px 9px;
  }

  .adaptation-event-calendar .calendar-table {
    grid-gap: 4px 7px;
    overflow: auto;
  }

  .adaptation-event-calendar .calendar-table > *:not(.head) {
    padding: 4px 4px 4px 5px;
    border-radius: 7px;
  }

  .adaptation-event-calendar .calendar-table .date {
    border-radius: 3px;
    margin-bottom: 5px;
  }

  #createEventModal .modal-dialog {
    max-width: 292px;
  }

  #createEventModal .modal-content {
    padding: 7px 10px 0 0;
  }

  #createEventModal .modal-body {
    border-radius: 10px;
    padding: 11px 13px;
  }

  #createEventModal .modal-body a {
    width: 70px;
    border-radius: 7px;
    padding: 3px 3px 3px 6px;
  }

  #createEventModal .modal-body a > img {
    margin-right: 4px;
  }

  .adaptation-event-list {
    padding: 15px;
  }

  .adaptation-event-list__buttons-line .adaptation-event-list__search {
    width: 100px;
    margin-right: 3px;
  }
  .adaptation-event-list__buttons-line .adaptation-event-list__search input {
    border-radius: 4px;
    padding: 2px 10px 2px 4px;
  }
  .adaptation-event-list__buttons-line
    .adaptation-event-list__search
    .search-button {
    right: 3px;
  }
  .adaptation-event-list__buttons-line .create-button {
    border-radius: 4px;
    padding: 2px 4px;
  }
}

@media (max-width: 575.5px) {
  .adaptation-event-page__body {
    padding: 10px 19px;
  }

  .adaptation-event-page__block {
    border-radius: 5px;
    padding: 5px 4px;
  }

  .adaptation-event-calendar__top {
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
    padding: 3px 10px 4px 8px;
  }

  .adaptation-event-calendar__top .choose-month {
    max-width: 100%;
  }

  .adaptation-event-calendar .calendar-month {
    margin: 0 11px 7px 10px;
    border-radius: 4px;
    padding: 3px 4px 4px;
  }
}

.adaptation-event-info-modal .modal-dialog {
  max-width: fit-content;
}

.adaptation-event-info-modal .modal-content {
  background: url("../images/recruiting_resume/modal-resume-back.png") top
    center no-repeat;
  background-size: cover;
  border-radius: 2.19vw;
  box-shadow: none;
}

.adaptation-event-info-modal .modal-content .btn-close {
  top: 1.15vw;
  right: 1.15vw;
  background: url("../images/recruiting_resume/modal-resume-close.png?ver=1")
    center center no-repeat;
  background-size: cover;
  width: 0.83vw;
  height: 0.78vw;
}

.adaptation-event-info-modal .modal-body {
  padding: 1.15vw 1.98vw 1.25vw 2.34vw;
  font-weight: 500;
  font-size: 0.78vw;
  line-height: 0.94vw;
}

.adaptation-event-info-modal .form-group {
  margin-bottom: 1.25vw;
  margin-left: -0.73vw;
}

.adaptation-event-info-modal .form-group label {
  margin-left: 0.94vw;
  margin-bottom: 0.52vw;
  color: #cfcfcf;
  font-weight: 400;
}

.adaptation-event-info-modal .form-control {
  border: none;
  border-radius: 0.94vw;
  padding: 0.68vw 1.3vw 0.68vw 1.3vw;
  font-weight: 500;
  font-size: 0.78vw;
  line-height: 0.94vw;
  color: #6d95ac;
  background: white;
  border: 1px solid white;
}

.adaptation-event-info-modal .form-control.error {
  border: 1px solid red;
}

.adaptation-event-info-modal .time-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 0.78vw;
}

.adaptation-event-info-modal[data-date] .time-row {
  -ms-flex-pack: center;
  justify-content: center;
}

.adaptation-event-info-modal .time-row__body {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: end;
  align-items: flex-end;
  flex-grow: 1;
}

.adaptation-event-info-modal .time-row .time-title {
  margin-bottom: 0.68vw;
  margin-right: 1.56vw;
}

.adaptation-event-info-modal .time-delimiter {
  margin-right: 0.26vw;
  margin-bottom: 1.25vw;
  margin-left: 0.26vw;
  width: 0.68vw;
  border-bottom: 0.1vw solid white;
  flex-shrink: 0;
}

.adaptation-event-info-modal .time-block label {
  width: 100%;
  text-align: center;
  color: #cfcfcf;
  margin-bottom: 0.26vw;
  font-weight: 400;
}

.adaptation-event-info-modal .time-block .time-fields {
  display: -ms-flex;
  display: flex;
}

.adaptation-event-info-modal .time-block .time-field--calendar {
  position: relative;
  background: #ffffff26;
  border-radius: 0.94vw;
  padding: 0.57vw 3.02vw 0.57vw 1.3vw;
  font-weight: 400;
  font-size: 1.04vw;
  line-height: 1.3vw;
  margin-right: 0.36vw;
  position: relative;
}

.adaptation-event-info-modal
  .time-block
  .time-field--calendar.end-date:hover::before {
  content: "Изменить дату завершения";
  position: absolute;
  bottom: -1.83vw;
  left: 100%;
  transform: translateX(-50%);
  background: white;
  color: #6d95ac;
  font-size: 0.625vw;
  padding: 0.2vw 0.6vw;
  border-radius: 0.4vw;
  white-space: nowrap;
  z-index: 1000;
  pointer-events: none;
  font-weight: bold;
}

.adaptation-event-info-modal .time-block .time-field--calendar:after {
  content: "";
  position: absolute;
  top: 0;
  right: 1.15vw;
  bottom: 0.1vw;
  margin: auto;
  background: url("../images/recruiting_resume/calendar.png") center center
    no-repeat;
  background-size: contain;
  width: 1.3vw;
  height: 1.3vw;
}

.adaptation-event-info-modal .time-block .time-field--calendar span {
  text-decoration: underline;
}

.adaptation-event-info-modal .time-block .select2-selection {
  border: none;
  background: #ffffff26;
  border-radius: 0.94vw;
  width: 6.25vw;
  height: 100%;
}

.adaptation-event-info-modal[data-date] .time-block .select2-selection {
  width: 11.25vw;
}

.adaptation-event-info-modal .time-block .select2-selection__rendered,
.interview-time-dropdown .select2-results__option {
  padding: 0.52vw 1.56vw 0.52vw 0;
  font-weight: 400;
  font-size: 1.04vw;
  line-height: 1.3vw;
  color: white;
  text-align: center;
}

.adaptation-event-info-modal .time-block .select2-selection__rendered span {
  text-decoration: underline;
}

.adaptation-event-info-modal .time-block .select2-selection__arrow {
  top: 0;
  right: 0.94vw;
  bottom: 0;
  margin: auto;
  background: url("../images/recruiting_resume/time-arrow.png") center center
    no-repeat;
  background-size: contain;
  width: 0.78vw;
  height: 0.78vw;
}

.adaptation-event-info-modal
  .time-block
  .select2-container--open
  .select2-selection__arrow {
  transform: rotate(180deg);
}

.adaptation-event-info-modal .time-block .select2-selection__arrow b {
  display: none;
}

.event-time-dropdown {
  background: #ffffff26;
  backdrop-filter: blur(1.2vw);
  border: none;
}

.event-time-dropdown .select2-search--dropdown {
  padding: 0;
}

.event-time-dropdown .select2-search--dropdown .select2-search__field {
  font-weight: 400;
  font-size: 1.04vw;
  line-height: 1.3vw;
  color: white;
  text-align: center;
  padding: 0.52vw 1.56vw 0.52vw 0;
  background: transparent;
  border: none;
}

.event-time-dropdown .select2-results__option {
  font-weight: 400;
  font-size: 1.04vw;
  line-height: 1.3vw;
  color: white;
  text-align: center;
  padding: 0.52vw 1.56vw 0.52vw 0;
  background: transparent;
}

.adaptation-event-info-modal .reminder-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 1.15vw;
}

.adaptation-event-info-modal .reminder-title {
  margin-right: 0.52vw;
}

.adaptation-event-info-modal .reminder-list {
  position: relative;
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.adaptation-event-info-modal .reminder-add,
.interview-info-modal .time-add {
  margin-left: 0.63vw;
  font-weight: 500;
  color: #cfcfcf;
}

.adaptation-event-info-modal .reminder-possible-variants:not(.active) {
  display: none;
}

.adaptation-event-info-modal .reminder-possible-variants {
  position: absolute;
  top: 100%;
  right: 0;
  background: #ffffff26;
  backdrop-filter: blur(1.2vw);
  border-radius: 0.78vw;
  z-index: 1;
}

.adaptation-event-info-modal .reminder-item {
  position: relative;
  padding: 0.36vw 1.56vw 0.36vw 1.15vw;
  font-weight: 500;
  white-space: nowrap;
}

.adaptation-event-info-modal
  .reminder-possible-variants
  .reminder-item
  .delete-reminder {
  display: none;
}

.adaptation-event-info-modal .reminder-list > .reminder-item {
  margin-left: 0.36vw;
  border-radius: 0.78vw;
  background: #ffffff26;
}

.adaptation-event-info-modal .reminder-item .delete-reminder {
  position: absolute;
  top: 0.16vw;
  right: 0.78vw;
  bottom: 0;
  margin: auto;
  background: url("../images/recruiting_resume/modal-resume-close.png") center
    center no-repeat;
  background-size: contain;
  width: 0.36vw;
  height: 0.36vw;
}

.adaptation-event-info-modal .save-event {
  box-shadow: 0vw 0.16vw 0.16vw 0vw #00000040;
  backdrop-filter: blur(1.98vw);
  border-radius: 2.19vw;
  padding: 0.47vw 1.41vw 0.47vw 1.41vw;
  font-weight: 500;
  font-size: 0.63vw;
  line-height: 0.78vw;
  text-transform: uppercase;
  margin-top: 1.04vw;
  background: #6d95ac;
  border: 0.03vw solid #6d95ac;
}
.adaptation-event-info-modal .edit-event-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1.04vw;
  justify-content: center;
}
.adaptation-event-info-modal .edit-event {
  border-radius: 2.19vw;
  padding: 0.47vw 1.41vw 0.47vw 1.41vw;
  font-weight: 500;
  font-size: 0.63vw;
  line-height: 0.78vw;
  text-transform: uppercase;
  margin-top: 1.04vw;
  background: #cfcfcf26;
  border: none;
}
.adaptation-event-info-modal .delete-event {
  border-radius: 2.19vw;
  padding: 0.47vw 1.41vw 0.47vw 1.41vw;
  font-weight: 500;
  font-size: 0.63vw;
  line-height: 0.78vw;
  text-transform: uppercase;
  margin-top: 1.04vw;
  background: #6d95ac;
  border: none;
}

.adaptation-event-info-modal .place-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 1.15vw;
}

.adaptation-event-info-modal .place-row input {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.78vw;
  line-height: 0.94vw;
  border: none;
  border-bottom: 0.03vw solid #cfcfcf;
  color: white;
  background: none;
  width: 100%;
}

.adaptation-event-info-modal .place-title {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.78vw;
  line-height: 0.94vw;
  margin-right: 1.04vw;
  color: white;
  white-space: nowrap;
  margin-bottom: 0;
}

.adaptation-event-info-modal .participants-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: fit-content;
  margin-bottom: 0.78vw;
  margin-top: 0;
  column-gap: 1.56vw;
}

.adaptation-event-info-modal .participants-chat {
  padding: 0.36vw 1.98vw 0.36vw 0.73vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.73vw;
  line-height: 0.89vw;
  letter-spacing: 0;
  border-radius: 0.89vw;
  background: #cfcfcf26;
  margin-left: auto;
  margin-top: auto;
  position: relative;
}

.adaptation-event-info-modal .participants-chat.active {
  background: #6d95ac;
}

.adaptation-event-info-modal .participants-chat:after {
  content: "";
  top: 0;
  right: 0.52vw;
  bottom: 0;
  margin: auto;
  background: url(../images/recruiting_resume/time-arrow.png) center center
    no-repeat;
  background-size: contain;
  width: 0.68vw;
  height: 0.68vw;
  position: absolute;
}

.adaptation-event-info-modal .participants-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1.2vw 0.89vw 1.2vw 0.73vw;
  border: 0.03vw solid #cfcfcf;
  border-radius: 0.94vw;
  position: relative;
  width: 20.83vw;
  min-height: 3.85vw;
}

.adaptation-event-info-modal
  .participants-list
  .participants-selected-container
  + img {
  width: 1.2vw;
  height: 1.2vw;
  right: 1.04vw;
  top: 1.3vw;
  position: absolute;
}

.adaptation-event-info-modal .participants-list-opened {
  display: none;
  position: absolute;
  top: 0;
  flex-direction: column;
  background: white;
  z-index: 1;
  padding: 1.04vw 1.04vw 1.3vw 1.04vw;
  border-radius: 0.94vw;
  left: 0;
  width: fit-content;
  row-gap: 1.04vw;
  box-shadow: 0vw 0.21vw 0.94vw 0vw #00000040;
  pointer-events: auto;
}

.adaptation-event-info-modal .participants-list-opened.active {
  display: flex;
}

.adaptation-event-info-modal .participants-list-opened .top-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  column-gap: 1.04vw;
}

.adaptation-event-info-modal .participants-list-opened .search-line {
  position: relative;
}

.adaptation-event-info-modal .participants-list-opened .search-line input {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 100%;
  letter-spacing: 0;
  padding: 0.52vw 1.04vw 0.52vw 1.04vw;
  border-radius: 1.04vw;
  border: 0.05vw solid #e0e0e0;
  width: 14.58vw;
  color: black;
}

.adaptation-event-info-modal .participants-list-opened .search-line button {
  position: absolute;
  top: 50%;
  left: 12.4vw;
  transform: translateY(-50%);
  width: 1.09vw;
  height: 1.09vw;
  background: url(../images/adaptation/events/search-icon.png) center center
    no-repeat;
  background-size: contain;
}

.adaptation-event-info-modal .participants-list-opened .top-row .filter {
  width: 1.56vw;
  height: 1.56vw;
  background: url(../images/adaptation/events/expand-icon.png) center center
    no-repeat;
  background-size: contain;
}

.adaptation-event-info-modal .participants-list-opened .top-row .choose {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 100%;
  letter-spacing: 0;
  padding: 0.52vw 1.56vw 0.52vw 1.56vw;
  background: #6d95ac;
  border-radius: 1.15vw;
}

.adaptation-event-info-modal .participants-selected-container {
  width: 100%;
}

.adaptation-event-info-modal .selected-participants-list {
  display: none;
  flex-direction: column;
  row-gap: 0.26vw;
  margin-top: -0.52vw;
  margin-bottom: -0.52vw;
  overflow: scroll;
  max-height: 10.42vw;
  z-index: 1;
  position: relative;
}

.adaptation-event-info-modal .selected-participant-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1.04vw;
}

.adaptation-event-info-modal .selected-participant-item img {
  width: 2.5vw;
  height: 2.34vw;
}

.adaptation-event-info-modal .event-search-users .checkbox-group {
  padding-left: 1.82vw;
}

.adaptation-event-info-modal
  .event-search-users
  .checkbox-group:not(:first-child) {
  margin-top: 0.42vw;
}

.adaptation-event-info-modal .event-search-users .checkbox-group input + label {
  padding-left: 2.19vw;
  font-weight: 600;
  font-size: 1.09vw;
  line-height: 1.3vw;
  word-break: break-all;
  word-break: break-word;
}

.adaptation-event-info-modal
  .event-search-users
  .checkbox-group
  input
  + label:before {
  top: 0.1vw;
  bottom: auto;
  width: 1.15vw;
  height: 1.15vw;
  border-radius: 0.26vw;
  border-color: #6d95ac;
}

.adaptation-event-info-modal
  .event-search-users
  .checkbox-group
  input:checked
  + label:after {
  top: 0.1vw;
  bottom: auto;
  width: 1.1vw;
  height: 1.1vw;
  background-image: url("../images/adaptation/chat-check.png");
}

.adaptation-event-info-modal
  .event-search-users
  .checkbox-group
  input
  + label
  .dropdown-button {
  position: absolute;
  top: 0.1vw;
  margin-right: 0.57vw;
  width: 1.15vw;
  line-height: 1px;
}

.adaptation-event-info-modal
  .event-search-users
  .checkbox-group
  input
  + label
  .dropdown-button
  + span {
  padding-left: 1.72vw;
}

.adaptation-event-info-modal
  .event-search-users
  .checkbox-group.active
  input
  + label
  .dropdown-button {
  transform: rotate(180deg);
}

.adaptation-event-info-modal
  .event-search-users
  .checkbox-group
  input
  + label
  .dropdown-button
  img {
  width: 100%;
}

.adaptation-event-info-modal
  .event-search-users
  .checkbox-group:not(.active)
  .checkbox-group {
  display: none !important;
}

.adaptation-event-info-modal
  .event-search-users
  .checkbox-group
  .checkbox-group {
  margin-top: 0.63vw;
  padding-left: 2.19vw;
}

.adaptation-event-info-modal
  .event-search-users
  .checkbox-group
  .checkbox-group
  input
  + label {
  padding-left: 1.72vw;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 0.99vw;
}

.adaptation-event-info-modal
  .event-search-users
  .checkbox-group
  .checkbox-group
  input
  + label
  b {
  font-weight: 600;
}

.adaptation-event-info-modal .event-search-users .expand {
  margin-top: 0.89vw;
  background: #6d95ac;
  border-radius: 1.25vw;
  padding: 0.52vw 1.56vw 0.57vw 1.56vw;
  font-size: 1.04vw;
  line-height: 1.25vw;
}

.adaptation-event-info-modal .participants-add {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.78vw;
  line-height: 0.99vw;
  color: #cfcfcf;
  white-space: nowrap;
}

.adaptation-event-info-modal .details {
  display: flex;
  flex-direction: column;
  row-gap: 0.52vw;
  padding: 0.63vw 0.73vw 0.63vw 0.73vw;
  margin-left: -0.73vw;
  border-radius: 0.94vw;
  background: #ffffff26;
}

.adaptation-event-info-modal .participants-list-filter {
  display: none;
  position: absolute;
  top: 4vw;
  flex-direction: column;
  background: #6d95ac;
  z-index: 2;
  padding: 0.2vw 1.4vw 1.3vw 1.4vw;
  color: white;
  border-radius: 0.94vw;
  left: 2.13vw;
  /* transform: translateX(-0%); */
  width: 23.38vw;
  box-shadow: 0vw 0.21vw 0.94vw 0vw #00000040;
  row-gap: 0;
  pointer-events: auto;
}

.adaptation-event-info-modal .participants-list-filter.active {
  display: flex;
  pointer-events: auto;
}

.adaptation-event-info-modal .participants-list-filter > .checkbox-group {
  padding-left: 2.2vw;
}

.adaptation-event-info-modal
  .participants-list-filter
  .checkbox-group
  input
  + label {
  padding-left: 2.19vw;
  font-weight: 600;
  font-size: 0.83vw;
  line-height: 0.99vw;
  color: white;
}

.adaptation-event-info-modal
  .participants-list-filter
  .checkbox-group
  input
  + label:before {
  top: 0;
  bottom: 0;
  width: 1.15vw;
  height: 1.15vw;
  border-radius: 0.26vw;
  border-color: white;
}

.adaptation-event-info-modal
  .participants-list-filter
  > .checkbox-group
  > input
  + label:before {
  left: -2.2vw;
  top: 0.2vw;
  bottom: auto;
}

.adaptation-event-info-modal
  .participants-list-filter
  .checkbox-group
  input:checked
  + label:after {
  position: absolute;
  left: 0.05vw;
  margin: auto;
  content: "";
  /*background: center no-repeat;*/
  top: 0;
  bottom: 0;
  width: 1.1vw;
  height: 1.1vw;
  background-image: url(../images/adaptation/events/event-check-white.png);
  background-size: contain;
}

.adaptation-event-info-modal
  .participants-list-filter
  > .checkbox-group
  > input:checked
  + label:after {
  left: -2.2vw;
  top: 0.2vw;
  bottom: auto;
}
.adaptation-event-info-modal
  .participants-list-filter
  .checkbox-group
  .filter-group-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: Montserrat;
  font-weight: 600;
  font-size: 1.09vw;
  line-height: 1.3vw;
  letter-spacing: 0;
}

.adaptation-event-info-modal
  .participants-list-filter
  .checkbox-group
  .dropdown-button {
  margin-right: 0.57vw;
  width: 1.15vw;
  line-height: 1px;
}

.adaptation-event-info-modal
  .participants-list-filter
  .checkbox-group.active
  .dropdown-button {
  transform: rotate(180deg);
}

.adaptation-event-info-modal
  .participants-list-filter
  .checkbox-group
  .dropdown-button
  img {
  width: 100%;
}

.adaptation-event-info-modal .participants-list-filter .search-line {
  position: relative;
  margin-top: 0.63vw;
  width: fit-content;
}

.adaptation-event-info-modal .participants-list-filter .search-line input {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 100%;
  letter-spacing: 0;
  padding: 0.52vw 1.04vw 0.52vw 1.04vw;
  border-radius: 1.04vw;
  border: 1px solid #e0e0e0;
  width: 14.58vw;
  border: 0.03vw solid #ffffff;
  background: transparent;
  color: white;
}

.adaptation-event-info-modal
  .participants-list-filter
  .search-line
  input::placeholder {
  color: white;
}

.adaptation-event-info-modal .participants-list-filter .search-line button {
  position: absolute;
  top: 50%;
  right: 1.04vw;
  transform: translateY(-50%);
  width: 1.09vw;
  height: 1.09vw;
  background: url(../images/adaptation/events/search-icon-white.png) center
    center no-repeat;
  background-size: contain;
}

.adaptation-event-info-modal
  .participants-list-filter
  .checkbox-group:not(.active)
  .checkbox-group {
  display: none !important;
}

.adaptation-event-info-modal
  .participants-list-filter
  .checkbox-group
  .checkbox-group {
  margin-top: 0.63vw;
  margin-left: 0.1vw;
}

.adaptation-event-info-modal .participants-list-filter .bottom-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1.04vw;
  margin-left: 1.82vw;
  margin-top: 1.3vw;
}

.adaptation-event-info-modal .participants-list-filter .bottom-row button {
  padding: 0.52vw 1.82vw 0.52vw 1.82vw;
  background: white;
  color: #6d95ac;
  border-radius: 1.25vw;
  font-family: Montserrat;
  font-weight: 400;
  font-style: Regular;
  font-size: 1.04vw;
  line-height: 100%;
  letter-spacing: 0;
}

.adaptation-event-info-modal .participants-list-expand {
  display: none;
  position: fixed;
  top: 0;
  flex-direction: column;
  background: white;
  z-index: 2;
  padding: 0;
  color: white;
  border-radius: 0.94vw;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  box-shadow: 0vw 0.21vw 0.94vw 0vw #00000040;
  row-gap: 0.52vw;
  pointer-events: auto;
  z-index: 6;
  padding-bottom: 0.78vw;
  height: calc(100vh - 3.65vw);
}

.adaptation-event-info-modal .participants-list-expand.active {
  display: flex;
  pointer-events: auto;
}

.adaptation-event-info-modal .participants-list-expand .top-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.78vw 1.3vw 0 1.3vw;
}

.adaptation-event-info-modal .participants-list-expand .top-row > button {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.68vw;
  line-height: 0.83vw;
  letter-spacing: 0;
  padding: 0.36vw 1.2vw 0.36vw 1.2vw;
  background: #6d95ac;
  color: white;
  border-radius: 0.83vw;
  display: inline-block !important;
  white-space: nowrap;
}

.adaptation-event-info-modal .participants-list-expand .top-row .cancel {
  margin-right: 0.78vw;
  background: #777777;
}

.adaptation-event-info-modal .participants-list-expand .top-row .search-line {
  position: relative;
  width: fit-content;
  margin-left: 2.34vw;
  margin-right: 1.04vw;
}

.adaptation-event-info-modal
  .participants-list-expand
  .top-row
  .search-line
  input {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 100%;
  letter-spacing: 0;
  padding: 0.52vw 1.04vw 0.52vw 1.04vw;
  border-radius: 1.04vw;
  border: 0.05vw solid #e0e0e0;
  width: 23.44vw;
  background: transparent;
  color: black;
}

.adaptation-event-info-modal
  .participants-list-expand
  .top-row
  .search-line
  input::placeholder {
  color: #777777;
}

.adaptation-event-info-modal
  .participants-list-expand
  .top-row
  .search-line
  button {
  position: absolute;
  top: 50%;
  right: 0.78vw;
  transform: translateY(-50%);
  width: 1.09vw;
  height: 1.09vw;
  background: url(../images/adaptation/events/search-icon.png) center center
    no-repeat;
  background-size: contain;
}

.adaptation-event-info-modal .participants-list-expand .top-row .collapse {
  font-size: 0.94vw;
  line-height: 1.15vw;
  padding: 0.52vw 1.04vw 0.52vw 1.04vw;
  border-radius: 1.2vw;
}

.adaptation-event-info-modal .participants-list-expand .bottom-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  column-gap: 1.3vw;
}

.adaptation-event-info-modal .participants-list-expand .bottom-row .left-side {
  display: flex;
  flex-direction: column;
  width: 13.8vw;
  min-width: 13.8vw;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group {
  padding: 0.78vw 0 0.78vw 1.3vw;
  /* border-top: 0.01vw solid #6D95AC; */
  max-height: calc(26.04vw - 4.43vw);
  overflow-y: scroll;
  margin-bottom: 0.52vw;
  /* position: relative; */
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group-wrapper {
  position: relative;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group-divider {
  content: "";
  width: 95%;
  border: 0.01vw solid #6d95ac;
  position: absolute;
  top: 0;
  left: 0;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group-title {
  font-weight: 600;
  font-size: 0.73vw;
  line-height: 0.89vw;
  word-break: break-word;
  color: #777777;
  position: relative;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group.active
  .dropdown-button {
  transform: rotate(180deg);
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group-title
  .dropdown-button {
  position: absolute;
  top: 0.05vw;
  margin-right: 0.57vw;
  width: 0.78vw;
  line-height: 1px;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group-title
  .dropdown-button
  img {
  width: 100%;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group-title
  .dropdown-button
  + span {
  padding-left: 1.15vw;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .search-line {
  position: relative;
  width: fit-content;
  margin-top: 0.52vw;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .search-line
  input {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.57vw;
  line-height: 0.68vw;
  letter-spacing: 0;
  padding: 0.36vw 0.78vw 0.36vw 0.78vw;
  border-radius: 0.68vw;
  border: 0.05vw solid #e0e0e0;
  width: 9.9vw;
  background: transparent;
  color: black;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .search-line
  button {
  position: absolute;
  top: 50%;
  right: 0.73vw;
  transform: translateY(-50%);
  width: 0.73vw;
  height: 0.73vw;
  background: url(../images/adaptation/events/search-icon.png) center center
    no-repeat;
  background-size: contain;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .checkbox-group {
  margin-top: 0.42vw;
  padding-left: 0;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group:not(.active)
  .checkbox-group {
  display: none;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .checkbox-group
  input
  + label {
  padding-left: 1.15vw;
  font-weight: 400;
  font-size: 0.52vw;
  line-height: 0.68vw;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .checkbox-group
  input
  + label:before {
  top: -0.05vw;
  bottom: auto;
  width: 0.73vw;
  height: 0.73vw;
  border-radius: 0.16vw;
  border-color: #6d95ac;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .checkbox-group
  input:checked
  + label:after {
  top: -0.05vw;
  bottom: auto;
  left: 0;
  width: 0.73vw;
  height: 0.73vw;
  background-image: url(../images/adaptation/chat-check.png);
}

.adaptation-event-info-modal .participants-list-expand .bottom-row .right-side {
  padding-right: 0.78vw;
  width: 100%;
  height: calc(100vh - 8.07vw);
  overflow-y: scroll;
  margin-right: 0.52vw;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .right-side
  .checkbox-group {
  margin-top: 0.42vw;
  padding-left: 0;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .right-side
  .checkbox-group
  input
  + label {
  padding-left: 1.56vw;
  font-weight: 400;
  font-size: 0.47vw;
  line-height: 0.57vw;
  width: 100%;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .right-side
  .checkbox-group
  input
  + label:before {
  top: 0;
  bottom: 0;
  width: 1.04vw;
  height: 1.04vw;
  border-radius: 0.23vw;
  border-color: #6d95ac;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .right-side
  .checkbox-group
  input:checked
  + label:after {
  top: 0;
  bottom: 0;
  left: 0;
  width: 1.04vw;
  height: 1.04vw;
  background-image: url(../images/adaptation/chat-check.png);
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .right-side
  .checkbox-group
  input
  + label
  div {
  height: 2.6vw;
  padding: 0 3.13vw;
  display: flex;
  flex-direction: column;
  border: 0.05vw solid #cfcfcf;
  border-radius: 0.73vw;
  position: relative;
  justify-content: center;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .right-side
  .checkbox-group
  input
  + label
  b {
  font-weight: 500;
  font-size: 0.68vw;
  line-height: 0.83vw;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .right-side
  .checkbox-group
  input
  + label
  img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.52vw;
  width: 2.08vw;
  height: 2.08vw;
  margin: auto;
}

/* .right-side::-webkit-scrollbar {
    width: 0.42vw;
    display: block;
}
.right-side::-webkit-scrollbar::before {
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: grey;
}
.right-side::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 1.3vw;
    border: 0.01vw solid #CFCFCF;
}
.right-side::-webkit-scrollbar-thumb {
    background-color: #6D95AC;
    /* Цвет бегунка */
/* border-radius: 0.52vw; */
/* Округление бегунка */
/* border: none; */
/* Оформление границ бегунка */
/* } */
/* .right-side::-webkit-scrollbar-button {
    background-image: url('../images/adaptation/events/scrollbar-btn-bg.svg');
    background-position: -0.08vw center;
    background-size: 0.47vw 0.57vw; /* РаÑÑ‚Ñгивает изображение на вÑÑŽ кнопку */
/* background-repeat: no-repeat; */
/* border-radius: 50%;
    width: 0.42vw;
    height: 0.42vw;
    border: 0.02vw solid #CFCFCF; */
/* } */
.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .right-side::-webkit-scrollbar,
.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group::-webkit-scrollbar {
  display: block;
  width: 0.42vw;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .right-side::-webkit-scrollbar-track,
.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0.21vw;
  border: 0.01vw solid #cfcfcf;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .right-side::-webkit-scrollbar-thumb,
.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group::-webkit-scrollbar-thumb {
  background-color: #6d95ac;
  border-radius: 0.47vw;
  border: 0.1vw solid transparent;
  /* Эффект "внутреннего проÑтранÑтва" */
  background-clip: content-box;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .right-side::-webkit-scrollbar-button,
.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group::-webkit-scrollbar-button {
  background-image: url("../images/adaptation/events/scrollbar-btn-bg.svg");
  background-position: -0.08vw -0.1vw;
  background-size: 0.47vw 0.57vw;
  background-repeat: no-repeat;
  border-radius: 50%;
  width: 0.42vw;
  height: 0.42vw;
  border: 0.02vw solid #cfcfcf;
}

.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .right-side::-webkit-scrollbar-button:single-button:decrement,
.adaptation-event-info-modal
  .participants-list-expand
  .bottom-row
  .left-side
  .filter-group::-webkit-scrollbar-button:single-button:decrement {
  background-image: url("../images/adaptation/events/scrollbar-btn-bg-top.svg");
  background-position: -0.08vw -0.1vw;
  background-size: 0.47vw 0.57vw;
  background-repeat: no-repeat;
}

.radio-yes-no {
  margin-right: 5px;
  vertical-align: middle;
}

.label-yes-no {
  display: inline-block;
  vertical-align: middle;
}

.adaptation-material-page__main-block--rating {
  position: relative;
  padding: 0.78vw 0.78vw 2.6vw 1.04vw;
  margin-bottom: 14.06vw;
}
.adaptation-material-page__main-block--rating .about-text {
  position: relative;
  width: 100%;
}
.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-group {
  margin-bottom: 1.04vw;
}
.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-row {
  -ms-flex-align: start;
  align-items: flex-end;
}
.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-row:first-child {
  margin-bottom: 1.61vw;
}

.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-row
  .form-group:not(:last-child) {
  width: fit-content;
  margin-right: 0.68vw;
  flex-shrink: 0;
}
.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-row
  .form-group:first-child {
  flex-shrink: unset;
  width: 34vw;
}
.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-row:not(.form-row--test)
  .form-group
  label {
  color: rgba(155, 155, 155, 1);
  font-family: Montserrat;
  font-weight: 600;
  font-size: 0.94vw;
  line-height: 1.15vw;
  margin-left: 0.78vw;
  margin-bottom: 0.57vw;
}
.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-file-group
  .add-file {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #6d95ac40;
  border: 0.16vw solid #6d95ac;
  border-radius: 1.3vw;
  width: 20.1vw;
  height: 8.91vw;
  color: #6d95ac;
  overflow: hidden;
}
.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-file-group
  label {
  color: #9b9b9b;
  font-weight: 600;
  font-size: 0.94vw;
  line-height: 1.15vw;
  margin-bottom: 0;
  margin-top: 0.52vw;
}
.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-group
  textarea {
  height: 7.08vw;
  border-radius: 1.09vw;
  padding: 0.63vw 0.89vw;
  font-size: 1vw;
}

.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-group
  textarea::placeholder {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1vw;
  line-height: 100%;
}

.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-group
  textarea[name="description"] {
  width: 36.35vw;
}

.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-group
  textarea:focus {
  outline: none;
}

.adaptation-material-page
  .adaptation-material-page__main-block--rating
  .form-group
  textarea::placeholder {
  color: #cfcfcf;
}

.adaptation-material-page__rating-info {
  display: -ms-flex;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: 100%;
  margin: auto;
  padding-top: 2.08vw;
  left: 0;
  width: 100%;
}
.adaptation-material-page__rating-info-column {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-direction: column;
}
.adaptation-material-page__rating-info-column:not(:last-child) {
  margin-right: 0.73vw;
}
.adaptation-material-page__rating-info-column-flex {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
}
.adaptation-material-page__rating-info-column > label {
  color: #9b9b9b;
  font-weight: 600;
  font-size: 0.94vw;
  line-height: 1.15vw;
  margin-bottom: 0.57vw;
}
.adaptation-material-page__rating-info-column .datepicker-container {
  position: relative;
  width: 8.8vw;
  margin-right: 0.31vw;
}
.adaptation-material-page__rating-info-column .datepicker-container input {
  width: 100%;
  background: #ffffff26;
  border: none;
  border-radius: 0.89vw;
  padding: 0.52vw 1.15vw;
  font-size: 0.99vw;
  line-height: 1.2vw;
}
.adaptation-material-page__rating-info-column .datepicker-container img {
  position: absolute;
  top: 0;
  right: 1.15vw;
  bottom: 0;
  width: 1.2vw;
  height: 1.2vw;
  margin: auto;
  pointer-events: none;
}
.adaptation-material-page__rating-info-column .select2 .select2-selection {
  height: auto;
  width: 4.95vw;
  border: none;
  background: #ffffff26;
  border-radius: 0.89vw;
  padding: 0;
}
.adaptation-material-page__rating-info-column
  .select2
  .select2-selection
  .select2-selection__rendered,
.task-time-dropdown .select2-results__option {
  padding: 0.42vw 0.52vw 0.68vw 0.57vw;
  color: white;
  font-size: 0.99vw;
  line-height: 1.2vw;
  text-align: center;
}
.adaptation-material-page__rating-info-column
  .select2
  .select2-selection
  .select2-selection__rendered
  span {
  text-decoration: underline;
}
.adaptation-material-page__rating-info-column
  .select2
  .select2-selection__arrow {
  display: none;
}

.adaptation-material-page__main-block--rating .form-control {
  background: #6d95ac40;
  border: 0.16vw solid #6d95ac;
  border-radius: 1.04vw;
  padding: 0.68vw 1.04vw;
  font-weight: 500;
  font-size: 0.94vw;
  line-height: 1.15vw;
  color: white;
  height: 2.81vw;
}

.adaptation-material-page__rating-info-select {
  position: relative;
  border: 0.16vw solid #6d95ac;
  border-radius: 1.04vw;
  background: #6d95ac40;
  padding: 0.89vw 4.79vw 0.94vw 1.72vw;
  font-size: 0.83vw;
  line-height: 0.68vw;
  white-space: nowrap;
  width: 15.16vw;
  flex-shrink: 0;
  height: 2.81vw;
  display: flex;
  align-items: center;
}
.adaptation-material-page__rating-info-column:last-child
  .adaptation-material-page__rating-info-select {
  white-space: unset;
  width: 10.83vw;
  padding-right: 2.66vw;
  word-break: break-word;
}
.adaptation-material-page__rating-info-column #respondents-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adaptation-material-page__rating-info-select-arrow {
  position: absolute;
  top: 0;
  right: 0.83vw;
  bottom: 0;
  width: 0.99vw;
  height: 0.99vw;
  margin: auto;
  background: url(../images/adaptation/events/select-arrow.png) center center
    no-repeat;
  background-size: contain;
}
.adaptation-material-page__rating-info-select-list {
  position: absolute;
  top: 100%;
  right: -0.16vw;
  left: -0.16vw;
  margin-top: 0.26vw;
  background: #6d95ac;
  border-radius: 1.3vw;
  padding: 0.89vw 1.2vw 0.94vw;
  z-index: 1;
  display: none;
}
.adaptation-material-page__rating-info-select-list > div {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.adaptation-material-page__rating-info-select-list > div:not(:last-child) {
  margin-bottom: 0.57vw;
}
.adaptation-material-page__rating-info-select-list input {
  display: none;
}
.adaptation-material-page__rating-info-select-list input + label {
  position: relative;
  padding-left: 1.15vw;
  font-size: 0.78vw;
  line-height: 0.68vw;
  color: white;
  margin-bottom: 0;
  font-weight: 400;
}
.adaptation-material-page__rating-info-select-list input + label:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0.78vw;
  height: 0.78vw;
  margin: auto;
  border: 0.05vw solid white;
  border-radius: 0.21vw;
}
.adaptation-material-page__rating-info-select-list
  input
  + label.no-margin:before {
  margin: unset;
}
.adaptation-material-page__rating-info-select-list input:checked + label:after {
  content: "";
  position: absolute;
  top: -0.05vw;
  left: 0vw;
  width: 0.78vw;
  height: 0.78vw;
  background: url(../images/adaptation/events/check.png) center center no-repeat;
  background-size: contain;
}

.adaptation-material-page__rating-options-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.26vw;
  position: absolute;
  right: -0.94vw;
  top: -0.31vw;
  width: 4.53vw;
}
.adaptation-material-page__rating-options-container > label {
  width: 3.65vw;
  height: 1.25vw;
  padding: 0.16vw 0.63vw 0.21vw 0.89vw;
  background: #cfcfcf26;
  border-radius: 1.25vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.85vw;
  line-height: normal;
  display: flex;
  align-items: center;
  color: white;
  margin-bottom: 0;
  position: relative;
}
.adaptation-material-page__rating-options-container > label::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0.63vw;
  bottom: 0;
  width: 0.94vw;
  height: 0.94vw;
  margin: auto;
  background: url(../images/adaptation/events/select-arrow.png) center center
    no-repeat;
  background-size: 0.78vw 0.78vw;
  transform: rotate(180deg);
}
.adaptation-material-page__rating-options-container > label.open::before {
  transform: rotate(0);
}
.adaptation-material-page__rating-options-container > label img {
  width: 0.89vw;
  height: 0.89vw;
}
.adaptation-material-page__rating-options-container > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.47vw;
  padding: 0.78vw 1.04vw;
  width: 4.53vw;
  background: white;
  border-radius: 1.04vw;
  box-shadow: 0px 0.21vw 0.78vw 0px #00000040;
}

.adaptation-material-page__rating-options-container > div.text-input-group {
  padding: 0.63vw 0.78vw;
  width: 10.36vw;
  row-gap: 0.1vw;
}

.adaptation-material-page__rating-options-container
  > div.text-input-group
  input {
  display: block;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.73vw;
  line-height: 0.89vw;
  color: #6d95ac;
  width: 7.97vw;
  padding: 0;
  border: none;
  background: transparent;
}

.adaptation-material-page__rating-options-container
  > div.text-input-group
  input::placeholder {
  color: #cfcfcf;
}

.adaptation-material-page__rating-options-container .add-text-answer {
  font-family: Montserrat;
  font-weight: 700;
  font-size: 0.73vw;
  line-height: 1.15vw;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  color: #6d95ac;
}

.adaptation-material-page__rating-options-container input + label {
  color: #6d95ac;
}

.adaptation-material-page__rating-options-container input + label::before {
  border: 0.05vw solid #6d95ac;
}

.adaptation-material-page__rating-options-container
  input:checked
  + label::after {
  background: url(../images/adaptation/events/event-check-blue.svg) center
    center no-repeat;
  background-size: contain;
}

.adaptation-material-page__rating-options-container .text-answers-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.21vw;
  width: 100%;
}

.adaptation-material-page__rating-options-container .text-answer-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  column-gap: 0.26vw;
}

.adaptation-material-page__rating-options-container .text-answer-item div {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.73vw;
  line-height: 0.89vw;
  color: #6d95ac;
  white-space: normal;
}

.adaptation-material-page__rating-options-container .text-answer-item button {
  width: 0.68vw;
  min-width: 0.68vw;
  height: 0.68vw;
  background: url(../images/adaptation/events/del-icon.svg) center center
    no-repeat;
  background-size: contain;
  margin-top: 0.1vw;
}

.adaptation-material-page__rating-info-select-list-user {
  position: absolute;
  top: 100%;
  right: -2.29vw;
  width: 23.39vw;
  margin-top: 0.31vw;
  background: #ffffff;
  box-shadow: 0 0.21vw 0.94vw 0 #00000040;
  border-radius: 1.3vw;
  padding: 0.78vw 1.61vw 1.15vw 1.41vw;
  z-index: 1;
  line-height: 0.05vw;
}
.adaptation-material-page__rating-info-select-list-user .team-group {
  margin-bottom: 0.42vw;
}
.adaptation-material-page__rating-info-select-list-user .team-group label {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 600;
  font-size: 1.09vw;
  line-height: 1.3vw;
  margin-bottom: 0;
}
.adaptation-material-page__rating-info-select-list-user .dropdown-button {
  width: 1.15vw;
  height: 1.15vw;
  margin-right: 0.57vw;
}
.adaptation-material-page__rating-info-select-list-user .dropdown-button img {
  width: 100%;
}
.adaptation-material-page__rating-info-select-list-user
  .team-group.active
  .dropdown-button
  img {
  transform: rotate(180deg);
}
.adaptation-material-page__rating-info-select-list-user
  .team-group:not(.active)
  .user-item {
  display: none;
}
.adaptation-material-page__rating-info-select-list-user .user-item {
  margin-top: 0.63vw;
  margin-left: 2.19vw;
}
.adaptation-material-page__rating-info-select-list-user
  .user-item
  input[type="radio"]
  + label {
  padding-left: 1.72vw;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 0.99vw;
}
.adaptation-material-page__rating-info-select-list-user
  .user-item
  input[type="radio"]
  + label
  b {
  font-weight: 600;
}
.adaptation-material-page__rating-info-select-list-user
  .user-item
  input[type="radio"]
  + label:before {
  top: 0.16vw;
  bottom: auto;
  width: 1.15vw;
  height: 1.15vw;
  border-radius: 0.26vw;
}
.adaptation-material-page__rating-info-select-list-user
  .user-item
  input[type="radio"]:checked
  + label:after {
  content: "";
  position: absolute;
  top: 0.21vw;
  left: 0.05vw;
  bottom: auto;
  width: 1.09vw;
  height: 1.09vw;
  background: url("../images/adaptation/chat-check.png") center center no-repeat;
  background-size: contain;
}
.adaptation-material-page__rating-info-select-list-user .choose {
  background: #6d95ac;
  border-radius: 1.25vw;
  width: 8.23vw;
  padding: 0.52vw 0.52vw 0.57vw;
  color: white;
  font-size: 1.04vw;
  line-height: 1.25vw;
}
.adaptation-material-page__rating-info-row {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  width: 100%;
}
.adaptation-material-page__rating-info-row:not(:last-child) {
  margin-bottom: 0.68vw;
}

.adaptation-material-page__rating-info-row > hr {
  border: 0.06vw solid #ffffff;
  width: 0.63vw;
  background: white;
  margin: 0 0.26vw;
}
.adaptation-material-page__rating-info-row-flex {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.adaptation-material-page__rating-info-row > label {
  color: white;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 0.83vw;
  margin-bottom: 0;
  margin-right: 1.35vw;
}
.adaptation-material-page__rating-info-row .datepicker-container {
  position: relative;
  width: 9.38vw;
  margin-right: 0.31vw;
}
.adaptation-material-page__rating-info-row .datepicker-container input {
  width: 100%;
  background: #ffffff26;
  border: none;
  border-radius: 0.89vw;
  padding: 0.52vw 1.15vw;
  font-size: 0.99vw;
  line-height: 1.2vw;
}
.adaptation-material-page__rating-info-row .datepicker-container img {
  position: absolute;
  top: 0;
  right: 1.15vw;
  bottom: 0;
  width: 1.2vw;
  height: 1.2vw;
  margin: auto;
  pointer-events: none;
}

.adaptation-material-page__rating-info-row .select2.select2-container {
  width: auto !important;
}

.adaptation-material-page__rating-info-row .select2 .select2-selection {
  height: auto;
  width: 4.95vw;
  border: none;
  background: #ffffff26;
  border-radius: 0.89vw;
  padding: 0;
}
.rating-time-dropdown {
  backdrop-filter: blur(1.2vw);
  background: linear-gradient(0deg, #ffffff26, #0000009e);
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
}
.rating-time-dropdown .select2-search--dropdown .select2-search__field {
  background: transparent;
  border-width: initial;
  border-style: none;
  border-color: initial;
  border-image: initial;
}
.adaptation-material-page__rating-info-row
  .select2
  .select2-selection
  .select2-selection__rendered,
.rating-time-dropdown .select2-results__option {
  padding: 0.42vw 0.52vw 0.68vw 0.57vw;
  color: white;
  font-size: 0.99vw;
  line-height: 1.2vw;
  text-align: center;
}
.adaptation-material-page__rating-info-row
  .select2
  .select2-selection
  .select2-selection__rendered
  span {
  text-decoration: underline;
}
.adaptation-material-page__rating-info-row .select2 .select2-selection__arrow {
  display: none;
}

.adaptation-material-page__rating-info-row .time-title {
  position: absolute;
  top: -1.09vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.73vw;
  line-height: 0.89vw;
  transform: translateX(50%);
  right: 50%;
  white-space: nowrap;
}

.adaptation-material-page__rating-visual-row {
  height: 2.81vw;
  width: 100%;
  background: #6d95ac;
  margin-bottom: 2.6vw;
  margin-top: -1.56vw;
  border-radius: 1.04vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 2.86vw;
}

.adaptation-material-page__rating-visual-row span {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.46vw;
  line-height: 1.2vw;
  letter-spacing: 0;
  color: white;
  width: 1.2vw;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.adaptation-material-page__rating-visual-row img {
  width: 1.2vw;
  height: 1.2vw;
  min-width: 1.2vw;
}

.adaptation-material-page__rating-scale-list label {
  display: block;
  margin-top: 0.42vw;
  font-weight: bold;
}

.event-choose-employer__container#addRatingEmployer {
  position: absolute;
  top: 0.52vw;
}
.event-choose-employer__container#addRatingEmployer
  > div:not(.event-choose-employer__expand),
.event-choose-employer__container#addRatingGroup
  > div:not(.event-choose-employer__expand),
.event-choose-employer__container#addRatingRespondent
  > div:not(.event-choose-employer__expand),
  .event-choose-employer__container#addPerformer
  > div:not(.event-choose-employer__expand) {
  padding-bottom: 4.17vw;
}

.event-choose-employer__container#addRatingEmployer
  .event-choose-employer
  .event-search-users,
.event-choose-employer__container#addRatingGroup
  .event-choose-employer
  .event-search-users,
.event-choose-employer__container#addRatingRespondent
  .event-choose-employer
  .event-search-users,
  .event-choose-employer__container#addPerformer
  .event-choose-employer
  .event-search-users {
  padding-left: 1.77vw;
  max-height: 15.63vw;
  overflow: scroll;
}
.event-choose-employer__container#addRatingEmployer .text-center,
.event-choose-employer__container#addRatingGroup .text-center,
.event-choose-employer__container#addRatingRespondent .text-center,
.event-choose-employer__container#addPerformer .text-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  bottom: 1.04vw;
  width: fit-content;
}
.event-choose-employer__container#addRatingEmployer
  .event-search-users
  > .checkbox-group:first-of-type,
.event-choose-employer__container#addRatingGroup
  .event-search-users
  > .checkbox-group:first-of-type {
  display: none !important;
}
.event-choose-employer__container#addRatingRespondent
  .event-search-users
  > .checkbox-group:first-of-type,
  .event-choose-employer__container#addPerformer
  .event-search-users
  > .checkbox-group:first-of-type {
  display: none !important;
}
/* Режим "плоский список": показываем сотрудников даже если родитель не active */
.event-search-users.flat-mode
  .checkbox-group:not(.active)
  .user-item:not(.hidden) {
  display: block;
  padding-left: 0;
}

/* Прячем только "шапку" команды */
.event-search-users.flat-mode .team-group > label,
.event-search-users.flat-mode .team-group > input[type="checkbox"] {
  display: none;
}

.event-choose-employer__container#addRespondent
  .event-search-users
  > .checkbox-group {
  display: none;
}
.event-choose-employer__container#addRatingEmployer
  .event-search-users
  .team-group
  > label {
  pointer-events: none;
  padding-left: 0;
}
.event-choose-employer__container#addRatingEmployer
  .event-search-users
  .team-group
  > label:before {
  pointer-events: none;
  display: none;
}
.event-choose-employer__container#addRatingEmployer
  .event-search-users
  .team-group
  > label:after {
  display: none;
}
.event-choose-employer__container#addRatingEmployer
  .event-search-users
  .team-group
  > label
  button {
  pointer-events: all;
}
.event-choose-employer__container#addRatingEmployer
  .event-choose-employer__filter
  > div:first-child,
.event-choose-employer__container#addRatingRespondent
  .event-choose-employer__filter
  > div:first-child,
  .event-choose-employer__container#addPerformer
  .event-choose-employer__filter
  > div:first-child {
  max-height: 14.58vw;
  overflow: scroll;
}
.event-choose-employer__container#addRatingEmployer
  .event-choose-employer__filter
  .bottom-row,
.event-choose-employer__container#addRatingRespondent
  .event-choose-employer__filter
  .bottom-row,
  .event-choose-employer__container#addPerformer
  .event-choose-employer__filter
  .bottom-row {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  bottom: 1.04vw;
  width: fit-content;
}
/* .event-choose-employer__container#addRatingEmployer
  .event-choose-employer__expand
  .event-expand-users {
  max-height: 37.24vw;
} */
.adaptation-material-page__rating-info-select-list .add-rating-object {
  width: 0.68vw;
  height: 0.68vw;
  background: url(../images/adaptation/events/select-arrow.png) center center
    no-repeat;
  background-size: 0.68vw 0.68vw;
  margin-left: 0.52vw;
}

.adaptation-material-page__rating-info-select-list .add-rating-object div {
  display: none;
}

.event-choose-employer__container#addRatingGroup
  > div:not(.event-choose-employer__expand):not(
    .event-choose-employer__filter
  ) {
  display: flex;
  flex-direction: column-reverse;
  row-gap: 0.89vw;
}

.event-choose-employer__container#addRatingGroup
  > div:not(.event-choose-employer__expand) {
  top: 1.04vw;
}

.event-choose-employer__container#addRatingGroup .event-search-users .expand {
  display: none;
}

.event-choose-employer__container#addRatingGroup
  .event-choose-employer
  .top-row {
  justify-content: center;
  margin-bottom: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  bottom: 1.04vw;
  width: fit-content;
}

.event-choose-employer__container#addRatingGroup
  .event-choose-employer
  .top-row
  .choose {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.02vw;
  line-height: normal;
}

.event-choose-employer__container#addRatingGroup
  .event-choose-employer
  .top-row
  .search-line,
.event-choose-employer__container#addRatingGroup
  .event-choose-employer
  .top-row
  .filter {
  display: none;
}

.event-choose-employer__container#addRatingGroup
  .event-search-users
  > .checkbox-group
  .checkbox-group
  input
  + label {
  pointer-events: none;
}

.event-choose-employer__container#addRatingGroup
  .event-search-users
  > .checkbox-group
  .checkbox-group
  input
  + label:before {
  display: none;
}

.event-choose-employer__container#addRatingGroup
  .event-search-users
  > .checkbox-group
  .checkbox-group
  input
  + label:after {
  display: none;
}

.adaptation-material-page__rating-info-select .custom-object-input {
  border: none;
  outline: none;
  background: transparent;
  border-radius: 0.52vw;
  padding: 0.26vw 1.09vw;
  width: 11.61vw;
  height: 1.56vw;
  box-sizing: border-box;
  margin-left: -1.09vw;
}

.adaptation-material-page__rating-info-select .custom-object-input:focus {
  background: #d9d9d940;
}

.event-choose-employer__container#addRatingRespondent
  > div:not(.event-choose-employer__expand) {
  top: 1.04vw;
  right: -2.6vw;
  left: unset;
}

.adaptation-material-page__rating-template-btn {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 1.05vw;
  line-height: normal;
  letter-spacing: 0;
  color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0.68vw;
  background: #cfcfcf26;
  border-radius: 1.3vw;
  padding: 0.52vw 1.04vw;
  justify-content: center;
}

.adaptation-material-test--rating.disabled .test-buttons {
  display: none;
}

.adaptation-material-test--rating.disabled .question-block {
  pointer-events: none;
}

.adaptation-material-test--rating.disabled .test-form {
  padding-left: 0 !important;
}

.adaptation-material-test--rating .subtitle {
  padding: 0 6vw;
  margin: 2vw 0;
  font-size: 0.9vw;
  text-align: center;
  line-height: normal;
}
.adaptation-material-test--rating.disabled .subtitle {
  padding: 0 8vw;
}
.adaptation-material-test--rating .test-form .test-file-block {
  margin-top: 0 !important;
  margin-left: 0 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.adaptation-material-test--rating .test-form .question-files-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}

.adaptation-material-test--rating .test-form .test-image-block img {
  max-height: 16.67vw;
  max-width: 13.02vw;
  width: auto;
  margin: 0.52vw;
}

.adaptation-material-test--rating .test-form .test-video-block video {
  max-height: 16.67vw;
  max-width: 13.02vw;
  width: auto;
  margin: 0.52vw;
}

.adaptation-material-test--rating .test-form .test-audio-block audio {
  max-height: 16.67vw;
  max-width: 13.02vw;
  width: auto;
  margin: 0.52vw;
  min-width: 13.02vw;
}

.adaptation-material-test--rating .test-form .chapter {
  border-color: #ffffff50;
}

.adaptation-material-test--rating .test-form .question-block:first-of-type {
  margin-top: 0;
}

/* .scale-options div {
    margin: 4px 0;
}

.scale-options input {
    margin-right: 6px;
} */
/**22.09.2025*/
.create-poll-form > * {
  margin-right: 13px;
}

.create-poll-form > *:last-child {
  margin-right: 0;
}

.ready-template {
  margin-right: 0;
}
/**end*/
.header::before {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 103px;
  content: "";
  background: black;
  z-index: -1;
}

.header::after {
  content: "";
  position: absolute;
  bottom: 0.04vw;
  left: 0;
  right: 0;
  height: 0.026vw;
  background: rgba(116, 138, 158, 1);
}

.header > div {
  margin-right: auto;
  display: flex;
  column-gap: 4.16vw;
  margin-left: 20px;
}
.header .logo-link {
  font-family: Bruno Ace;
}

.header .auth-link img {
  width: 1.8vw;
  height: 1.8vw;
  object-fit: cover;
  border-radius: 50%;
  position: relative;
  bottom: 0.2vw;
  right: 0.26vw;
}
.header a {
  padding: 0 15px 20px;
}
.header a img {
  width: 1.8vw;
  height: 1.8vw;
  position: relative;
  right: 0.26vw;
  bottom: 0.15vw;
}
.header a:focus {
  color: white;
  text-decoration: none;
  outline: none;
}

.header a {
  transition: all 0.15s ease-in;
}

.header a:hover {
  color: rgba(149, 177, 201, 1);
  text-decoration: none;
}

.header a.active {
  border-bottom: 2.1px solid rgba(245, 245, 245, 1);
}

@media (max-width: 1599.5px) {
  .header::before {
    height: 87.55px;
  }

  .header > div {
    column-gap: 4.25vw;
    margin-left: 17px;
  }

  .header a:not(:last-child) {
    padding: 0 12.75px 17px;
  }
}

@media (max-width: 1199.5px) {
  .header::before {
    height: 67.55px;
  }

  .header > div {
    column-gap: 3.7vw;
    margin-left: 14px;
  }

  .header a:not(:last-child) {
    padding: 0 9.75px 17px;
  }
}

@media (max-width: 991.5px) {
  .header::before {
    height: 67.55px;
  }

  .header > div {
    column-gap: 1.8vw;
    margin-left: 14px;
  }

  .header a:not(:last-child) {
    padding: 0 9.75px 17px;
  }
}

.main-page .main-screen {
  padding: 15.99vw 29.95vw 2.6vw;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  scroll-margin: 600vh;
}

.main-page .main-screen__title {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 1.41vw;
  line-height: 1.56vw;
  letter-spacing: 0px;
  text-transform: uppercase;
  margin-bottom: 1.56vw;
}

.main-page .main-screen__subtitle {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 0.9vw;
  letter-spacing: 0;
  margin-bottom: 3.65vw;
}

.main-page .main-screen__btn {
  position: relative;
  overflow: hidden;
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: -0.02em;
  padding: 0.73vw 1.82vw 0.99vw;
  color: white;
  border: none;
  border-radius: 0.52vw;
  cursor: pointer;
  background: linear-gradient(90deg, #748a9e, #91586c);
  transition: all 0.5s ease;
  border: 1px solid black;
}

.main-page .main-screen__btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0.2) 100%
  );
  transform: skewX(-20deg);
  animation: shine 2.5s ease-in-out infinite;
  pointer-events: none;
}

.main-page .main-screen__btn:hover {
  transform: scale(1.02);
  box-shadow: 0 0.3vw 0.6vw rgba(255, 255, 255, 0.15);
  filter: brightness(1.1);
  border: 1px solid rgb(255, 255, 255, 0.5);
}

@keyframes shine {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}

.animate-btn {
  opacity: 0;
  transform: translateY(1.56vw) scale(0.95);
  animation: btnAppear 0.8s ease-out 1.2s forwards;
}

@keyframes btnAppear {
  0% {
    opacity: 0;
    transform: translateY(1.56vw) scale(0.95);
  }
  70% {
    transform: translateY(-0.26vw) scale(1.05);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.main-page .main-screen__logo {
  margin-top: 11.2vw;
  width: 16.67vw;
}

.main-page .advantages {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  text-align: center;
  height: 24.48vw;
  min-height: 24.48vw;
  position: relative;
}

.main-page .advantages::before {
  position: absolute;
  content: "";
  top: -10.68vw;
  left: 0;
  width: 100%;
  height: 16.88vw;
  background: url(../images/adavantages-lines.svg) center center no-repeat;
  background-size: contain;
}

.main-page .advantages .left,
.main-page .advantages .right {
  width: 39.58vw;
  padding-top: 2.6vw;
  display: flex;
  flex-direction: column;
  row-gap: 3.65vw;
  background: url("../images/advantages-bg.svg") center top no-repeat;
  background-size: contain;
  height: 100%;
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 1.3vw;
  letter-spacing: 0;
  text-align: center;
  position: relative;
}
.main-page .advantages .right {
  background: transparent;
}
.main-page .advantages .right::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("../images/advantages-bg.svg") center top no-repeat;
  background-size: contain;
  transform: scaleX(-1);
  z-index: -1;
}

.main-page .advantages .left div,
.main-page .advantages .right div {
  height: 3.91vw;
  min-height: 3.91vw;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-page .advantages .center {
  padding-top: 3.39vw;
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 1.3vw;
  letter-spacing: 0;
  text-align: center;
}

.main-page .advantages .title {
  font-family: Artegra Sans Extended;
  font-weight: 600;
  font-size: 1.58vw;
  line-height: 1.82vw;
  letter-spacing: -0.02em;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1.82vw;
}

.main-page .advantages span {
  font-family: Bruno Ace;
  font-weight: 400;
  font-size: 4.11vw;
  line-height: 100%;
  letter-spacing: -0.02em;
  margin-bottom: 4.17vw;
  display: block;
}

.main-page .possibilities {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 4.95vw 6.51vw 0;
  column-gap: 3.39vw;
  row-gap: 1.56vw;
}

.main-page .possibility {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  column-gap: 1.56vw;
}

.main-page .possibility img {
  width: 2.34vw;
  height: auto;
}

.main-page .possibility p {
  display: flex;
  flex-direction: column;
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.86vw;
  line-height: 1.2vw;
  letter-spacing: 0%;
  row-gap: 0.26vw;
}
.main-page .possibility span {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 1.05vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
}

.main-page .help {
  padding: 6.77vw 4.17vw 5.73vw;
  display: flex;
  flex-direction: column;
  row-gap: 3.13vw;
  text-align: center;
  position: relative;
}
.main-page .help::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 41.61vw;
  background: url(../images/help-lines.svg) center center no-repeat;
  background-size: contain;
  z-index: -1;
}
.main-page .help__title {
  font-family: Artegra Sans Extended;
  font-weight: 600;
  font-size: 1.41vw;
  line-height: 1.15vw;
  letter-spacing: 0;
}

.main-page .help__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.82vw;
  text-align: left;
}
.main-page .help__list-item {
  display: flex;
  flex-direction: column;
  row-gap: 0.52vw;
  height: 8.07vw;
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.81vw;
  line-height: 0.99vw;
  letter-spacing: 0;
  padding: 1.3vw 0 0 2.08vw;
  border-radius: 0.52vw;
  background: linear-gradient(180deg, #91586c 0%, #748a9e 100%);
}

.main-page .help__list-item:nth-child(1),
.main-page .help__list-item:nth-child(4) {
  background: url(../images/help-bg-1.png) center center no-repeat;
  background-size: contain;
}
.main-page .help__list-item:nth-child(2),
.main-page .help__list-item:nth-child(5) {
  background: url(../images/help-bg-2.png) center center no-repeat;
  background-size: contain;
}
.main-page .help__list-item:nth-child(3),
.main-page .help__list-item:nth-child(6) {
  background: url(../images/help-bg-3.png) center center no-repeat;
  background-size: contain;
}
.main-page .help__list-item span {
  font-family: Artegra Sans Extended;
  font-weight: 600;
  font-size: 0.99vw;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
}

.main-page .navigation {
  display: none;
}

@media (max-width: 575.5px) {
  .main-page .navigation {
    display: flex;
    justify-content: center;
    column-gap: 14.06vw;
  }
  .main-page .navigation .previous {
    width: 2.81vw;
    height: 5.31vw;
    display: inline-block;
    background: transparent;
    border: none;
    background: url(../images/button-bg-white.svg);
    background-size: 100% 100%;
  }
  .main-page .navigation .next {
    width: 2.81vw;
    height: 5.31vw;
    display: inline-block;
    background: transparent;
    border: none;
    background: url(../images/button-bg-white.svg);
    background-size: 100% 100%;
    rotate: 180deg;
  }
}

@media (max-width: 575.5px) {
  .main-page::before {
    height: 155.62vw;
    background: url(../images/main-screen-lines-mobile.svg) center center
      no-repeat;
    background-size: contain;
    top: 10.93vw;
  }
  .main-page .main-screen {
    padding: 39.37vw 1.56vw 18.75vw;
    scroll-margin: 187.5vh;
  }

  .main-page .main-screen__title {
    font-size: 3.75vw;
    line-height: 5vw;
    margin-bottom: 7.81vw;
    padding: 0 6.25vw;
  }

  .main-page .main-screen__subtitle {
    font-size: 3.12vw;
    line-height: 3.75vw;
    margin-bottom: 6.25vw;
  }

  .main-page .main-screen__subtitle br {
    display: none;
  }

  .main-page .main-screen__btn {
    font-size: 3.53vw;
    padding: 2.5vw 4.68vw 2.81vw;
    border-radius: 1.56vw;
  }

  .main-page .main-screen__logo {
    margin-top: 28.12vw;
    width: 32.18vw;
  }

  .main-page .advantages {
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: fit-content;
    min-height: fit-content;
    background: url(../images/advantages-bg-mobile.png) center bottom no-repeat;
    background-size: contain;
    padding-bottom: 9.37vw;
  }

  .main-page .advantages::before {
    display: none;
  }

  .main-page .advantages .left,
  .main-page .advantages .right {
    width: fit-content;
    padding-top: 0;
    row-gap: 14.68vw;
    background: unset;
    height: fit-content;
    font-size: 2.96vw;
    line-height: 4.06vw;
  }

  .main-page .advantages .left {
    order: 2;
    margin-bottom: 15.62vw;
    padding-top: 9.37vw;
  }

  .main-page .advantages .right {
    background: transparent;
    order: 3;
  }
  .main-page .advantages .right::before {
    display: none;
  }

  .main-page .advantages .left div,
  .main-page .advantages .right div {
    height: 12.18vw;
    min-height: 12.18vw;
  }

  .main-page .advantages .center {
    padding-top: 0;
    order: 1;
    display: flex;
    flex-direction: column-reverse;
  }

  .main-page .advantages .title {
    font-size: 3.75vw;
    line-height: 3.85vw;
    font-weight: 400;
    margin-bottom: 7.81vw;
  }

  .main-page .advantages .title br {
    display: none;
  }

  .main-page .advantages .subtitle {
    display: none;
  }

  .main-page .advantages span {
    font-size: 8.75vw;
    margin-bottom: 1.56vw;
  }

  .main-page .possibilities-wrapper {
    position: relative;
    padding: 0;
    margin-top: 14.06vw;
  }

  .main-page .possibilities-wrapper::before {
    position: absolute;
    content: "";
    bottom: -25.75vw;
    left: 0;
    width: 100%;
    height: 36.87vw;
    background: url(../images/main-screen-posibilities-mobile.svg) center center
      no-repeat;
    background-size: contain;
    z-index: -1;
  }

  .main-page .possibilities {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    width: 400%;
    row-gap: 6.25vw;
    column-gap: 15.62vw;
    grid-auto-rows: auto;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    transition: transform 0.4s ease-in-out;
    padding: 0 15.62vw;
    margin-bottom: 6.5vw;
  }

  .main-page .possibility {
    flex-direction: column;
    align-items: center;
    row-gap: 2.5vw;
    width: 68.75vw;
    height: 25vw;
    opacity: 1 !important;
    transform: unset !important;
    transition: none !important;
    opacity: 0;
    visibility: hidden;
    position: relative;
  }

  .main-page .possibility:nth-child(odd):before {
    position: absolute;
    content: "";
    bottom: -15px;
    right: -45px;
    width: 30px;
    height: 30px;
    background: url(../images/possibilities-bg-mobile.png) center center
      no-repeat;
    background-size: 30px 30px;
  }

  .main-page .possibility:nth-child(odd):after {
    position: absolute;
    content: "";
    bottom: -15px;
    left: -45px;
    width: 30px;
    height: 30px;
    background: url(../images/possibilities-bg-mobile.png) center center
      no-repeat;
    background-size: 30px 30px;
  }

  .main-page .possibility img {
    display: none;
  }

  .main-page .possibility p {
    font-size: 2.96vw;
    line-height: 4.06vw;
    row-gap: 3.12vw;
    text-align: center;
    margin-bottom: 0;
  }
  .main-page .possibility span {
    font-size: 3.12vw;
    line-height: 4.69vw;
  }

  .main-page .help {
    padding: 32.81vw 0 14.06vw;
    row-gap: 6.25vw;
  }
  .main-page .help::before {
    display: none;
  }
  .main-page .help__title {
    font-size: 3.75vw;
    line-height: 3.75vw;
  }

  .main-page .help__list {
    gap: 6.25vw;
    padding: 0 6.25vw;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
  }
  .main-page .help__list-item {
    row-gap: 2.5vw;
    height: 26.56vw;
    font-size: 2.96vw;
    line-height: 4.06vw;
    letter-spacing: 0;
    padding: 3.75vw 0 0 6.25vw;
    border-radius: 1.56vw;
    width: 87.5vw;
    min-width: 87.5vw;
  }

  .main-page .help__list-item br {
    display: none;
  }

  .main-page .help__list-item:nth-child(1),
  .main-page .help__list-item:nth-child(2) {
    background: linear-gradient(90deg, #91586c 0%, #89677b 100%);
  }
  .main-page .help__list-item:nth-child(3),
  .main-page .help__list-item:nth-child(4) {
    background: linear-gradient(90deg, #88687c 0%, #7d7d90 100%);
  }
  .main-page .help__list-item:nth-child(5),
  .main-page .help__list-item:nth-child(6) {
    background: linear-gradient(90deg, #7c7d91 0%, #748a9e 100%);
  }
  .main-page .help__list-item span {
    font-size: 3.12vw;
    line-height: 4.06vw;
  }
}
.main-page .calculator {
  padding: 0 17.71vw;
  position: relative;
  scroll-margin: 7.8vw;
}

.main-page .calculator::before {
  position: absolute;
  content: "";
  right: 1.82vw;
  width: 29.43vw;
  height: 17.45vw;
  background: url(../images/calculator-image.svg) center center no-repeat;
  background-size: contain;
  top: -0.62vw;
  z-index: -1;
}

.main-page .calculator .title {
  font-family: Artegra Sans Extended;
  font-weight: 600;
  font-size: 1.41vw;
  line-height: 1.15vw;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
  margin-bottom: 2.6vw;
}

.main-page .calculator .body {
  box-shadow: 0px 0.21vw 0.21vw 0px rgba(0, 0, 0, 0.25);
  background: rgba(255, 255, 255, 1);
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  border-radius: 0.52vw;
}

.main-page .calculator .left-side {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 2.14vw 3.7vw 2.14vw 2.19vw;
}

.main-page .calculator .left-side .employees {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.main-page .calculator .left-side .employees__title {
  font-family: Artegra Sans Extended;
  font-weight: bold;
  font-size: 1.15vw;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
  color: rgba(65, 65, 65, 1);
  margin-bottom: 0.52vw;
  white-space: nowrap;
}

.main-page .calculator .left-side .employees__subtitle {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 0.94vw;
  letter-spacing: 0;
  color: rgba(65, 65, 65, 1);
  margin-bottom: 1.15vw;
}

.main-page .calculator .left-side .employees__count {
  width: 13.54vw;
  border: none;
  background: black;
  padding: 0.57vw 0.89vw;
  font-family: Artegra Sans Extended;
  font-weight: bold;
  font-size: 1.15vw;
  line-height: 100%;
  letter-spacing: 0%;

  color: white;
  margin-bottom: 1.15vw;
  border-radius: 0.52vw;
}

.main-page .calculator .left-side .info {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.73vw;
  line-height: 0.94vw;
  letter-spacing: 0;
  color: rgba(65, 65, 65, 1);
}

.main-page .calculator .left-side .price {
  display: flex;
  flex-direction: column;
}

.main-page .calculator .left-side .price__title {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 0.94vw;
  letter-spacing: 0;
  color: rgba(65, 65, 65, 1);
  margin-bottom: 1.72vw;
  white-space: nowrap;
}

.main-page .calculator .left-side .price__total {
  padding: 0 0.73vw;
  background: transparent;
  border: none;
  border-bottom: 0.16vw solid rgba(207, 207, 207, 1);
  width: 9.79vw;
  margin-bottom: 1.51vw;
  color: rgba(120, 120, 120, 1);
  font-family: Artegra Sans Extended;
  font-weight: bold;
  font-size: 1.15vw;
  line-height: 100%;
  letter-spacing: 0;
  pointer-events: none;
}

.main-page .calculator .left-side .price__currency {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-style: Regular;
  font-size: 0.73vw;
  line-height: 0.94vw;
  letter-spacing: 0;
  color: rgba(65, 65, 65, 1);
}

.main-page .calculator .right-side {
  display: flex;
  flex-direction: column;
  background: linear-gradient(180deg, #91586c 0%, #748a9e 100%);
  padding-left: 1.35vw;
  padding-right: 1.04vw;
  width: 18.96vw;
  height: auto;
  align-items: flex-start;
  justify-content: center;
  border-radius: 0 0.52vw 0.52vw 0;
}

.main-page .calculator .right-side .title {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 1.15vw;
  line-height: 1.3vw;
  letter-spacing: 0%;
  text-transform: uppercase;
  margin-bottom: 1.2vw;
  text-align: left;
  text-shadow: none;
}

.main-page .calculator .right-side .price {
  display: flex;
  flex-direction: row;
  column-gap: 0.94vw;
  align-items: center;
}

.main-page .calculator .right-side .inputs {
  padding: 0.57vw 0.21vw 0.26vw;
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 0.52vw;
}

.main-page .calculator .right-side .employees-input {
  padding: 0 0.73vw 0.21vw;
  width: 9.79vw;
  border: none;
  border-bottom: 0.16vw solid rgba(116, 138, 158, 1);
  background: transparent;
  font-family: Artegra Sans Extended;
  font-weight: bold;
  font-size: 1.15vw;
  line-height: 100%;
  letter-spacing: 0;
  color: rgba(120, 120, 120, 1);
  pointer-events: none;
}

.main-page .calculator .right-side .currency-input {
  padding: 0.36vw 0.73vw 0vw;
  width: 9.79vw;
  border: none;
  background: transparent;
  font-family: Artegra Sans Extended;
  font-weight: bold;
  font-size: 1.15vw;
  line-height: 100%;
  letter-spacing: 0;
  color: rgba(120, 120, 120, 1);
  pointer-events: none;
}

.main-page .calculator .right-side .titles {
  display: flex;
  flex-direction: column;
  row-gap: 0.83vw;
  padding: 0.78vw 0 0.52vw;
  font-weight: 400;
  font-size: 0.73vw;
  line-height: 0.94vw;
  letter-spacing: 0;
  text-transform: lowercase;
  color: white;
  white-space: nowrap;
}

@media (max-width: 575.5px) {
  .main-page .calculator {
    margin: 14.06vw 0 0;
    background: transparent;
    padding: 0;
  }

  .main-page .calculator::before {
    display: none;
  }

  .main-page .calculator > .title {
    font-size: 3.75vw;
    line-height: 120%;
    margin-bottom: 6.25vw;
    text-shadow: none;
    padding: 0 6.25vw;
    font-weight: 400;
  }

  .main-page .calculator .body {
    box-shadow: none;
    flex-direction: column;
    align-items: unset;
    justify-content: unset;
    padding: 12.5vw 0 10.93vw;
    row-gap: 4.06vw;
    box-shadow: 0px 0.55vw 0.55vw 0px rgba(0, 0, 0, 0.25);
    position: relative;
  }

  .main-page .calculator .left-side {
    align-items: flex-start;
    column-gap: 4.68vw;
    padding: 0 10vw;
    justify-content: space-between;
  }

  .main-page .calculator .left-side .employees__title {
    font-size: 3.12vw;
    line-height: 4.68vw;
    margin-bottom: 0;
    position: absolute;
    top: 6.25vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .main-page .calculator .left-side .employees__subtitle {
    font-size: 2.5vw;
    line-height: 2.65vw;
    margin-bottom: 3.12vw;
    width: 37.5vw;
  }

  .main-page .calculator .left-side .employees__count {
    width: 28.12vw;
    padding: 0.93vw 0;
    font-size: 3.75vw;
    margin-bottom: 0;
    text-align: center;
    border-radius: 1.56vw;
    font-weight: 400;
  }

  .main-page .calculator .left-side .info {
    font-size: 1.92vw;
    line-height: 2vw;
    position: absolute;
    bottom: 6.25vw;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
  }

  .main-page .calculator .left-side .price {
    align-items: center;
  }

  .main-page .calculator .left-side .price__title {
    font-size: 2.5vw;
    line-height: 2.5vw;
    margin-bottom: 3.12vw;
  }

  .main-page .calculator .left-side .price__total {
    padding: 0 0 0.62vw 0;
    border-bottom: 0.31vw solid rgba(116, 138, 158, 1);
    width: 26.56vw;
    margin: 0 auto 1.56vw;
    font-size: 3.75vw;
    text-align: center;
    border-radius: 0;
    font-weight: 400;
    color: rgba(65, 65, 65, 1);
  }

  .main-page .calculator .left-side .price__currency {
    font-size: 2.18vw;
    line-height: 2.5vw;
  }

  .main-page .calculator .right-side {
    padding: 6.25vw 10vw 6.25vw;
    width: 100%;
    align-items: center;
    flex-direction: row;
    column-gap: 1.56vw;
  }

  .main-page .calculator .right-side .title {
    font-size: 3.03vw;
    line-height: 4.37vw;
    margin-bottom: 0;
    text-align: left;
    opacity: 1;
  }

  .main-page .calculator .right-side .price {
    column-gap: 1.56vw;
  }

  .main-page .calculator .right-side .inputs {
    padding: 0.97vw 0.97vw 0.4vw;
    border-radius: 1.56vw;
  }

  .main-page .calculator .right-side .employees-input {
    padding: 0;
    width: 20.31vw;
    border-bottom: 0.31vw solid rgba(116, 138, 158, 1);
    font-size: 3.12vw;
    border-radius: 0;
    color: rgba(65, 65, 65, 1);
    font-weight: 400;
    text-align: center;
  }

  .main-page .calculator .right-side .currency-input {
    padding: 0.97vw 0 0;
    width: 20.31vw;
    font-size: 3.12vw;
    border-radius: 0;
    color: rgba(65, 65, 65, 1);
    font-weight: 400;
    text-align: center;
  }

  .main-page .calculator .right-side .titles {
    row-gap: 3.125vw;
    padding: 5.87vw 0 4.87vw;
    font-family: Artegra Sans Extended;
    font-weight: 400;
    font-size: 2.18vw;
    line-height: 2.47vw;
    letter-spacing: 0;
  }
  .main-page .calculator .right-side .titles div::first-letter {
    text-transform: uppercase;
  }
}

.main-page .tariffs {
  padding: 4.95vw 8.85vw 3.65vw;
  position: relative;
  scroll-margin: 2vw;
}

.main-page .tariffs::before {
  position: absolute;
  content: "";
  top: -6.77vw;
  left: 0;
  width: 100%;
  height: 123.28vw;
  background: url(../images/tariffs-line.svg) center center no-repeat;
  background-size: contain;
  z-index: -1;
}

.main-page .tariffs .title {
  font-family: Artegra Sans Extended;
  font-weight: bold;
  font-size: 1.56vw;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;

  text-align: center;
  text-transform: uppercase;
  color: white;
  margin-bottom: 1.82vw;
}

.main-page .tariffs .tariffs-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2.4vw;
  justify-content: center;
  margin: auto;
}

.main-page .tariffs .tariff-item {
  background: white;
  border-radius: 1.04vw;
  padding: 1.51vw 1.09vw 1.1vw;
  box-shadow: 0px 0.17vw 1.21vw 0px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.1vw;
  position: relative;
}

.main-page .tariffs .tariff-item__title {
  display: flex;
  flex-direction: row;
  column-gap: 1.35vw;
  align-items: center;
}

.main-page .tariffs .tariff-item__image {
  height: 2.76vw;
  width: auto;
}

.main-page .tariffs .tariff-item__name {
  font-family: Artegra Sans Extended;
  font-weight: bold;
  font-size: 1.04vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;

  text-transform: uppercase;
  color: rgba(65, 65, 65, 1);
  display: flex;
  flex-direction: column;
}

.main-page .tariffs .tariff-item_optimal .tariff-item__name {
  color: rgba(116, 138, 158, 1);
}

.main-page .tariffs .tariff-item_corporate .tariff-item__name {
  background: linear-gradient(180deg, #91586c 0%, #748a9e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.main-page .tariffs .tariff-item__name span {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.78vw;
  line-height: normal;
  letter-spacing: 0;
  text-transform: none;
}

.main-page .tariffs .tariff-item__components {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.7vw;
  list-style: none;
  padding-left: 1.3vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.65vw;
  line-height: normal;
  letter-spacing: 0;
  color: black;
  margin: 0;
  margin-bottom: -0.52vw;
}

.main-page .tariffs .tariff-item__components li {
  position: relative;
}

.main-page .tariffs .tariff-item__components li span {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.68vw;
  line-height: normal;
  letter-spacing: 0;
  color: #748a9e;
}

.main-page .tariffs .tariff-item__components li.blocked {
  color: rgba(207, 207, 207, 1);
}

.main-page .tariffs .tariff-item__components li:before {
  position: absolute;
  content: "";
  left: -1.3vw;
  top: 0vw;
  width: 0.83vw;
  height: 0.83vw;
  background: url("../images/about-the-platform/list-point.png");
  background-size: 100% 100%;
}

.main-page .tariffs .tariff-item_optimal li:before {
  position: absolute;
  content: "";
  left: -1.3vw;
  top: 0vw;
  width: 0.83vw;
  height: 0.83vw;
  background: url("../images/about-the-platform/list-point-recommend.png");
  background-size: 100% 100%;
}

.main-page .tariffs .tariff-item_corporate li:before {
  position: absolute;
  content: "";
  left: -1.3vw;
  top: 0vw;
  width: 0.83vw;
  height: 0.83vw;
  background: url("../images/about-the-platform/list-point-corporate.png");
  background-size: 100% 100%;
}

.main-page .tariffs .tariff-item__components li.blocked:before {
  position: absolute;
  content: "";
  left: -1.3vw;
  top: 0vw;
  width: 0.83vw;
  height: 0.83vw;
  background: url("../images/about-the-platform/list-point-blocked.png");
  background-size: 100% 100%;
}

.main-page .tariffs .tariff-item__price-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.36vw;
  align-items: flex-end;
  margin-left: auto;
  margin-right: -1.09vw;
  padding-left: 1.04vw;
  width: 100%;
  margin-top: auto;
}

.main-page .tariffs .tariff-item__price-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.main-page .tariffs .tariff-item__price-item span {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.78vw;
  line-height: normal;
  letter-spacing: 0;
  color: rgba(72, 72, 72, 1);
}

.main-page .tariffs .tariff-item__price-item div {
  padding: 0.68vw 7.14vw 0.68vw 5.73vw;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.77vw;
  line-height: 100%;
  letter-spacing: 0;
  color: white;
  background: rgba(65, 65, 65, 1);
  border-radius: 0.68vw 0 0 0.68vw;
  width: 17.34vw;
  white-space: nowrap;
}

.main-page .tariffs .tariff-item_optimal .tariff-item__price-item div {
  background: rgba(116, 138, 158, 1);
}

#about-the-platform
  .tariffs
  .tariff-item_corporate
  .tariff-item__price-item
  div {
  background: linear-gradient(89.9deg, #91586c 2.71%, #748a9e 99.91%);
}

.main-page .tariffs .tariff-item__recommend {
  position: absolute;
  top: -0.63vw;
  right: 1.72vw;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.78vw;
  line-height: normal;
  letter-spacing: 0;
  text-align: center;
  padding: 0.16vw 0.94vw 0.21vw;
  background: rgba(145, 88, 108, 1);
  border-radius: 1.51vw;
}

.main-page .tariffs .navigation {
  display: none;
}

@media (max-width: 575.5px) {
  .main-page .tariffs {
    padding: 14.06vw 0 0;
    position: relative;
  }

  .main-page .tariffs::before {
    bottom: 0;
    height: 268.12vw;
    background: url(../images/tariffs-line-mobile.svg) center center no-repeat;
    background-size: contain;
    top: unset;
  }

  .main-page .tariffs .title {
    font-size: 3.75vw;
    margin-bottom: 6.25vw;
  }

  .main-page .tariffs .tariffs-list {
    column-gap: unset;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .main-page .tariffs .tariff-item {
    border-radius: 3.75vw;
    padding: 5.31vw 3.75vw 5vw;
    box-shadow: 0px 1.87vw 13.5vw 0px rgba(0, 0, 0, 0.25);
    row-gap: 3vw;
    position: relative;
    width: 87.5vw;
    height: 133.56vw;
    margin: 0 6.25vw;
  }

  .main-page .tariffs .tariff-item__title {
    column-gap: 4.84vw;
  }

  .main-page .tariffs .tariff-item__image {
    height: 9vw;
  }

  .main-page .tariffs .tariff-item__name {
    font-size: 4vw;
    white-space: nowrap;
  }

  .main-page .tariffs .tariff-item__name span {
    font-size: 2.8vw;
  }

  .main-page .tariffs .tariff-item__components {
    row-gap: 2.19vw;
    padding-left: 4.69vw;
    font-size: 2.22vw;
  }

  .main-page .tariffs .tariff-item__components li span {
    font-weight: 400;
    font-size: 2.22vw;
    line-height: normal;
    letter-spacing: 0;
  }

  .main-page .tariffs .tariff-item__components li:before {
    left: -4.69vw;
    width: 3.13vw;
    height: 3.13vw;
    top: 0;
  }

  .main-page .tariffs .tariff-item__components li.blocked:before {
    left: -4.69vw;
    width: 3.13vw;
    height: 3.13vw;
    top: 0;
  }

  .main-page .tariffs .tariff-item__price-list {
    margin-right: -3.75vw;
    row-gap: 1.25vw;
    padding-left: 2.5vw;
  }

  .main-page .tariffs .tariff-item__price-item span {
    font-size: 2.5vw;
  }

  .main-page .tariffs .tariff-item__price-item div {
    padding: 2.19vw 24vw 2.19vw 19vw;
    font-size: 2.5vw;
    border-radius: 2.32vw 0 0 2.32vw;
    width: 58vw;
  }

  .main-page .tariffs .tariff-item__recommend {
    top: -2.19vw;
    right: 6.25vw;
    font-size: 2.81vw;
    padding: 0.47vw 3.13vw 0.63vw;
    border-radius: 5.31vw;
  }

  .main-page .tariffs .navigation {
    display: flex;
    margin: 14.06vw 0;
  }
}

.main-page .discount {
  padding: 2.08vw 9.11vw 1.56vw;
  background: white;
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 1.15vw;
  letter-spacing: 0;
  text-align: center;
  color: rgba(65, 65, 65, 1);
}

.main-page .discount span {
  font-family: Artegra Sans Extended;
  font-weight: bold;
  font-size: 1.41vw;
  line-height: 1.51vw;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  background: linear-gradient(90deg, #748a9e 0%, #91586c 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
  margin-bottom: 0.78vw;
}
.main-page .discount p:last-of-type {
  display: none;
}

@media (max-width: 575.5px) {
  .main-page .discount {
    padding: 7.81vw 3.12vw 6.25vw;
    font-size: 2.96vw;
    line-height: 3.75vw;
  }

  .main-page .discount p:last-of-type {
    display: block;
  }

  .main-page .discount p:first-of-type {
    display: none;
  }
  .main-page .discount span {
    font-size: 3.75vw;
    line-height: 3.75vw;
    margin-bottom: 4.68vw;
  }
}

.main-page .before-after {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2.08vw;
  padding: 5.21vw 5.73vw 4.69vw;
}

.main-page .before-after div {
  padding: 1.3vw 2.08vw;
  display: flex;
  flex-direction: column;
  background: linear-gradient(90deg, #748a9e 0%, #91586c 100%);
  border-radius: 0.52vw;
  width: 43.13vw;
  height: 11.72vw;
  position: relative;
}

.main-page .before-after span {
  font-family: Artegra Sans Extended;
  font-weight: bold;
  font-size: 1.15vw;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 1.04vw;
}
.main-page .before-after div:first-child span {
  color: rgba(145, 88, 108, 1);
}

.main-page .before-after div:first-child {
  background: url(../images/before-after-bg.svg) center center no-repeat;
  background-size: contain;
}

.main-page .before-after p {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 0.94vw;
  letter-spacing: 0;
}

.main-page .before-after p:not(:last-child) {
  margin-bottom: 0.52vw;
}

.main-page .before-after div:first-child::before {
  position: absolute;
  content: "";
  background: url(../images/before-after-1.png) center center no-repeat;
  background-size: contain;
  width: 10.73vw;
  height: 15.26vw;
  bottom: 0;
  right: 4.53vw;
}

.main-page .before-after div:last-child::before {
  position: absolute;
  content: "";
  background: url(../images/before-after-2.png) center center no-repeat;
  background-size: contain;
  width: 13.39vw;
  height: 16.04vw;
  bottom: 0;
  right: 0.26vw;
}

@media (max-width: 575.5px) {
  .main-page .before-after {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 4.68vw;
    padding: 0 4.68vw 15.62vw;
  }

  .main-page .before-after div {
    padding: 6.25vw 1.56vw 6.25vw 6.25vw;
    border-radius: 1.56vw;
    width: 100%;
    height: 53.12vw;
  }

  .main-page .before-after div br {
    display: none;
  }

  .main-page .before-after div:first-child {
    padding-right: 29.68vw;
    background: none;
    background: url(../images/before-after-bg-mobile.svg) center center
      no-repeat;
    background-size: contain;
  }

  .main-page .before-after div:last-child {
    padding-left: 31.25vw;
  }

  .main-page .before-after span {
    font-size: 3.12vw;
    margin-bottom: 4.68vw;
  }

  .main-page .before-after p {
    font-size: 2.96vw;
    line-height: 3.06vw;
  }

  .main-page .before-after p:not(:last-child) {
    margin-bottom: 2.5vw;
  }

  .main-page .before-after div:first-child::before {
    width: 31.87vw;
    height: 47.5vw;
    right: -1.56vw;
    bottom: -1.25vw;
    border-radius: 1.56vw;
  }

  .main-page .before-after div:last-child::before {
    width: 37.81vw;
    height: 47.5vw;
    bottom: -0.93vw;
    right: 57.18vw;
    border-radius: 1.56vw;
  }
}

.main-page .buns {
  padding: 0 8.65vw 3.65vw 6.72vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.main-page .bun-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.main-page .bun-item:nth-of-type(2) {
  margin-left: 2.6vw;
}

.main-page .bun-item__image {
  width: 8.02vw;
  height: auto;
  margin-bottom: 1.88vw;
}

.main-page .bun-item__title {
  font-family: Artegra Sans Extended;
  font-weight: bold;
  font-size: 1.15vw;
  line-height: 100%;
  letter-spacing: 0;
  text-transform: uppercase;
  text-transform: uppercase;
  color: white;
  margin-bottom: 0.78vw;
}

.main-page .bun-item__subtitle {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 1.04vw;
  letter-spacing: 0;
  text-align: center;
  color: white;
}

.main-page .buns .navigation {
  display: none;
}

@media (max-width: 575.5px) {
  .main-page .buns {
    padding: 0;
    column-gap: 9.37vw;
    margin-bottom: 14.06vw;
    justify-content: center;
  }

  .main-page .bun-item {
    text-align: center;
    min-width: 75vw;
    width: 75vw;
    height: 40vw;
  }

  .main-page .bun-item br {
    display: none;
  }

  .main-page .bun-item:nth-of-type(2) {
    margin-left: 0;
  }

  .main-page .bun-item__image {
    width: 21.87vw;
    margin-bottom: 6.25vw;
  }

  .main-page .bun-item__title {
    font-size: 2.97vw;
    margin-bottom: 0.62vw;
  }

  .main-page .bun-item__subtitle {
    font-size: 2.43vw;
    line-height: 3.43vw;
  }

  .main-page .bun-item__subtitle br {
    display: none;
  }
  .main-page .buns-navigation {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 14.69vw;
    margin: auto;
    margin-top: 9.06vw;
    justify-content: center;
    padding-bottom: 18.44vw;
  }
}

.main-page .consultation {
  padding: 0 0 10.42vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.main-page .consultation .title {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 1.41vw;
  line-height: 1.15vw;
  letter-spacing: 0px;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0.57vw;
  color: white;
}

.main-page .consultation .subtitle {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 0.9vw;
  letter-spacing: 0;
  text-align: center;
  color: rgba(116, 138, 158, 1);
  margin-bottom: 2.08vw;
}

.main-page .consultation button {
  overflow: hidden;
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 1.3vw;
  line-height: 100%;
  letter-spacing: -0.02em;
  padding: 0.73vw 1.82vw 0.99vw;
  color: white;
  border: none;
  border-radius: 0.52vw;
  cursor: pointer;
  background: linear-gradient(90deg, #748a9e, #91586c);
  transition: all 0.5s ease !important;
  border: 1px solid black;
}

.main-page .consultation button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.6) 50%,
    rgba(255, 255, 255, 0.2) 100%
  );
  transform: skewX(-20deg);
  animation: shine 2.5s ease-in-out infinite;
  pointer-events: none;
}

.main-page .consultation button:hover {
  transform: scale(1.02);
  box-shadow: 0 0.3vw 0.6vw rgba(255, 255, 255, 0.15);
  filter: brightness(1.1);
  border: 1px solid rgba(255, 255, 255, 0.5);
}

@media (max-width: 575.5px) {
  .main-page .consultation {
    padding: 18.75vw 4.68vw;
  }

  .main-page .consultation .title {
    font-size: 3.75vw;
    line-height: 5.31vw;
    margin-bottom: 6.25vw;
  }

  .main-page .consultation .subtitle {
    font-size: 2.96vw;
    line-height: 3.75vw;
    margin-bottom: 6.25vw;
    font-weight: 500;
  }

  .main-page .consultation button {
    font-size: 3.53vw;
    padding: 2.5vw 4.68vw 2.81vw;
    border-radius: 1.56vw;
  }
}

.animate-title {
  opacity: 0;
  transform: translateY(2.6vw) scale(0.9);
  animation: titleAppear 1.2s ease-out 0.3s forwards;
}

@keyframes titleAppear {
  0% {
    opacity: 0;
    transform: translateY(2.6vw) scale(0.9);
  }
  60% {
    opacity: 1;
    transform: translateY(-0.52vw) scale(1.02);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.animate-subtitle {
  opacity: 0;
  transform: translateY(2.08vw);
  animation: subtitleAppear 1s ease-out 0.8s forwards;
}

@keyframes subtitleAppear {
  0% {
    opacity: 0;
    transform: translateY(2.08vw);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-logo {
  opacity: 0;
  transform: translateY(1.04vw);
  animation: logoAppear 1s ease-out 1.6s forwards,
    logoFloat 3s ease-in-out 2.6s infinite;
}

@keyframes logoAppear {
  0% {
    opacity: 0;
    transform: translateY(1.04vw);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes logoFloat {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.78vw);
  }
}

.main-screen::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: radial-gradient(
    circle at 50% 50%,
    rgba(116, 138, 158, 0.1) 0%,
    transparent 50%
  );
  opacity: 0;
  animation: bgPulse 4s ease-in-out 2s infinite;
  pointer-events: none;
}

@keyframes bgPulse {
  0%,
  100% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(1.1);
  }
}

.main-screen {
  animation: screenReveal 1.5s ease-out forwards;
}

@keyframes screenReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.main-page .advantage-item {
  opacity: 0;
  transform: translateY(1.56vw);
  transition: all 0.8s ease-out;
}

.main-page .advantage-item.visible {
  opacity: 1;
  transform: translateY(0);
}

.main-page .locus-title {
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.8s ease-out;
}

.main-page .locus-title.visible {
  opacity: 1;
  transform: scale(1);
}

.main-page .advantage-title {
  opacity: 0;
  transform: translateY(-1.56vw);
  transition: all 0.8s ease-out;
}

.main-page .advantage-title.visible {
  opacity: 1;
  transform: translateY(0);
}

.main-page .help-title {
  opacity: 0;
  transform: translateY(-1.56vw);
  transition: all 0.8s ease-out;
}

.main-page .help-title.visible {
  opacity: 1;
  transform: translateY(0);
}

.main-page .help__list-item {
  opacity: 0;
  transform: translateX(-2.6vw);
  transition: all 0.6s ease-out;
}

.main-page .help__list-item.visible {
  opacity: 1;
  transform: translateX(0);
}

.main-page .possibility {
  opacity: 0;
  transform: translateX(-5.21vw);
  transition: all 0.6s ease-out;
}

.main-page .possibility.visible {
  opacity: 1;
  transform: translateX(0);
}

.main-page .possibility:nth-child(even) {
  transform: translateX(5.21vw);
}

.main-page .possibility:nth-child(even).visible {
  transform: translateX(0);
}

.main-page .calculator .title {
  opacity: 0;
  transform: translateY(-1.56vw);
  transition: all 0.8s ease-out;
}

.main-page .calculator .title.visible {
  opacity: 1;
  transform: translateY(0);
}

.main-page .tariffs .title {
  opacity: 0;
  transform: translateY(-1.56vw);
  transition: all 0.8s ease-out;
}

.main-page .tariffs .title.visible {
  opacity: 1;
  transform: translateY(0);
}

.main-page .tariff-item {
  opacity: 0;
  transform: translateY(2.6vw);
  transition: all 0.8s ease-out;
}

.main-page .tariff-item.visible {
  opacity: 1;
  transform: translateY(0);
}

.main-page .before-after div {
  opacity: 0;
  transform: translateX(-5.21vw);
  transition: all 0.8s ease-out;
}

.main-page .before-after div:last-child {
  transform: translateX(5.21vw);
}

.main-page .before-after div.visible {
  opacity: 1;
  transform: translateX(0);
}

.main-page .bun-item {
  opacity: 0;
  transform: translateY(2.6vw);
  transition: all 0.6s ease-out;
}

.main-page .bun-item.visible {
  opacity: 1;
  transform: translateY(0);
}

.main-page .consultation .title,
.main-page .consultation .subtitle,
.main-page .consultation button {
  opacity: 0;
  transform: translateY(1.56vw);
  transition: all 0.8s ease-out;
}

.main-page .consultation .title.visible,
.main-page .consultation .subtitle.visible,
.main-page .consultation button.visible {
  opacity: 1;
  transform: translateY(0);
}

.main-page .consultation .subtitle {
  transition-delay: 0.2s;
}

.main-page .consultation button {
  transition-delay: 0.4s;
}

.main-page .advantage-item,
.help__list-item,
.possibility,
.main-page .tariff-item,
.bun-item,
.locus-title {
  will-change: transform, opacity;
}

/*22.10.2025*/

/* .main-line {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative; 
}

.main-line .main-head {
    padding-right: 37px;
    padding-bottom: 6px;
    padding-left: 37px;
    font-size: 10px;
    line-height: 13px;
    position: absolute; 
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
} */

/** 07.10.2025 */
.take-a-poll {
  background: #6d95ac;
  margin-top: 16px;
  border-radius: 33px;
  width: 230px;
  padding: 7px;
  font-size: 12px;
  line-height: 15px;

  font-family: Montserrat;
font-weight: 500;
font-style: Medium;
font-size: 14px;

letter-spacing: 0%;
text-transform: uppercase;
}

/**09.10.2025*/
.answer-yes-no-btns {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.poll-btn {
  background: #cfcfcf;
  padding: 8px 87px;
  border-radius: 10px;
}

.poll-btn.yes-btn:hover {
  background: #43a047;
}

.poll-btn.no-btn:hover {
  background: #bb5353;
}

.range-options {
  display: flex;
  justify-content: space-between;
}

.range-number {
  background: #6d95ac;
  padding: 7px;
  border-radius: 5px;
  margin-bottom: 3px;
}

.range-option {
  width: 100%;
  margin: 2px;
  padding: 7px;
  background: #00000040; /*#cfcfcf;*/
  border-radius: 5px;
}
/** end */

/* 19.10.2025 */
.selected-answer {
  border: 5px solid red;
}

.materials-list .materials-list__body--rating .table {
  overflow: visible;
}

.materials-list .table tr {
  transition: height 0.4s ease, opacity 0.4s ease;
}

.materials-list .table td {
  transition: all 0.3s ease;
}

.materials-list .table .empty-row {
  transition: all 0.4s ease;
}

.materials-list .table .empty-row td {
  text-align: center !important;
  padding-top: 20px;
  border: none !important;
  transition: all 0.4s ease;
}

.materials-list .materials-list__body--rating th:first-child {
  width: 23.2%;
}

.materials-list .materials-list__body--rating th:nth-child(2) {
  width: 14.2%;
}

.materials-list .materials-list__body--rating th:nth-child(3) {
  width: 13.2%;
}

.materials-list .materials-list__body--rating th:nth-child(4) {
  width: 11.1%;
}

.materials-list .materials-list__body--rating th:nth-child(5) {
  width: 10.1%;
}

.materials-list .materials-list__body--rating th:nth-child(6) {
  width: 14.8%;
}

.materials-list .materials-list__body--rating th:nth-child(7) {
  width: 13.4%;
}
.materials-list
  .materials-list__body.materials-list__body--rating
  td:first-child {
  padding-left: 1.14vw;
  font-style: italic;
  font-weight: 300;
}
.materials-list
  .materials-list__body.materials-list__body--rating
  .actions-cell {
  display: flex;
  flex-direction: row;
  column-gap: 1.04vw;
  align-items: center;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  justify-content: center;
  padding-left: 0.4vw;
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .actions-cell
  > button {
  position: relative;
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .actions-cell
  > button:not(.show-modal):not(:disabled):hover::before {
  position: absolute;
  content: attr(data-tooltip);
  bottom: -1.82vw;
  right: 0.63vw;
  background: rgba(255, 255, 255, 1);
  color: rgba(119, 119, 119, 1);
  padding: 0.42vw 0.63vw;
  border-radius: 0.31vw 0 0.31vw 0.31vw;
  font-size: 0.63vw;
  white-space: nowrap;
  z-index: 1000;
  box-shadow: 0px 0.13vw 0.13vw 0px rgba(0, 0, 0, 0.25);
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.63vw;
  line-height: 0.63vw;
  letter-spacing: -0.02em;
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .actions-cell
  > button:not(.show-modal):not(:disabled):hover::after {
  content: "";
  position: absolute;
  bottom: -0.52vw;
  right: 0.63vw;
  width: 0;
  height: 0;
  border-left: 0.42vw solid transparent;
  border-bottom: 0.42vw solid white;
  filter: drop-shadow(0 -0.05vw 0.05vw rgba(0, 0, 0, 0.1));
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .actions-cell
  > button:not(.show-modal):not(:disabled):hover {
  filter: drop-shadow(0px 0.16vw 0.16vw rgba(0, 0, 0, 0.5));
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .actions-cell
  > button:nth-child(1) {
  background: url(../images/adaptation/events/template-rating.svg) center center
    no-repeat;
  background-size: contain;
  width: 1.2vw;
  height: 1.2vw;
}
.materials-list
  .materials-list__body.materials-list__body--rating
  .actions-cell
  > button:nth-child(1).is-template {
  background: url(../images/adaptation/events/is-template-rating.svg) center
    center no-repeat;
  background-size: contain;
  width: 1.2vw;
  height: 1.2vw;
}
.materials-list
  .materials-list__body.materials-list__body--rating
  .actions-cell
  > button:nth-child(2) {
  background: url(../images/adaptation/events/edit-rating.svg) center center
    no-repeat;
  background-size: contain;
  width: 1.2vw;
  height: 1.2vw;
}
.materials-list
  .materials-list__body.materials-list__body--rating
  .actions-cell
  > button:nth-child(3) {
  background: url(../images/adaptation/events/stop-rating.svg) center center
    no-repeat;
  background-size: contain;
  width: 1.2vw;
  height: 1.2vw;
}
.materials-list
  .materials-list__body.materials-list__body--rating
  .actions-cell
  > button:nth-child(3).is-cancelled {
  background: url(../images/adaptation/events/run-rating.svg) center center
    no-repeat;
  background-size: contain;
  width: 1.2vw;
  height: 1.2vw;
}
.materials-list
  .materials-list__body.materials-list__body--rating
  .actions-cell
  > button:nth-child(4) {
  background: url(../images/adaptation/events/delete-rating.svg) center center
    no-repeat;
  background-size: contain;
  width: 1.41vw;
  height: 1.41vw;
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .custom-modal {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 1000;
  display: none;
  margin-top: 0.26vw;
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .custom-modal__content {
  background: rgba(109, 149, 172, 1);
  border-radius: 1.04vw;
  padding: 1.04vw 1.3vw;
  box-shadow: 0px 0.21vw 0.21vw 0px rgba(0, 0, 0, 0.25);
  position: relative;
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .custom-modal__header {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.91vw;
  line-height: 0.76vw;
  letter-spacing: 0;
  color: white;
  margin-bottom: 0.78vw;
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .custom-modal__footer {
  display: flex;
  justify-content: center;
  gap: 0.52vw;
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .custom-modal__btn {
  padding: 0.36vw 0.89vw;
  border: none;
  border-radius: 0.57vw;
  cursor: pointer;
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.63vw;
  line-height: 100%;
  letter-spacing: 0;
  transition: box-shadow 0.4s;
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .custom-modal__btn--cancel {
  background: rgba(207, 207, 207, 0.15);
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .custom-modal__btn--delete {
  background: #f3f4f6;
  color: #374151;
}

.materials-list
  .materials-list__body.materials-list__body--rating
  .custom-modal__btn:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0.1vw 0.21vw;
}

.adaptation-material-page .template-container {
  position: relative;
  margin-right: 1.04vw;
}

.adaptation-material-page
  .template-container
  + .adaptation-material-page__top-params {
  display: -ms-flex;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background: #6d95accc;
  border-radius: 1.3vw;
  padding: 0.52vw 1.3vw 0.57vw 1.56vw;
  font-size: 1.04vw;
  line-height: 1.3vw;
}

.adaptation-material-page .template-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  background: rgba(109, 149, 172, 1);
  border-radius: 1.04vw;
  z-index: 1000;
  min-width: 12.5vw;
  margin-top: 0.52vw;
  padding: 1.04vw;
}

.adaptation-material-page .template-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.26vw;
  max-height: 5.21vw;
  overflow-y: auto;
}

.adaptation-material-page .template-list::-webkit-scrollbar {
  display: block;
  width: 0.36vw;
}

.adaptation-material-page .template-list::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0.21vw;
  border: 0.01vw solid #cfcfcf;
}

.adaptation-material-page .template-list::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.47vw;
  border: 0.01vw solid transparent;
  background-clip: content-box;
}

.adaptation-material-page .template-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}

.adaptation-material-page .template-item input {
  display: none;
}

.adaptation-material-page .template-item input + label {
  position: relative;
  padding-left: 1.15vw;
  font-size: 0.78vw;
  line-height: normal;
  color: white;
  margin-bottom: 0;
  font-weight: 400;
}

.adaptation-material-page .template-item input + label:before {
  content: "";
  position: absolute;
  top: 0.1vw;
  bottom: 0;
  left: 0;
  width: 0.78vw;
  height: 0.78vw;
  border: 0.05vw solid white;
  border-radius: 0.21vw;
}

.adaptation-material-page .template-item input:checked + label:after {
  content: "";
  position: absolute;
  top: 0.1vw;
  left: 0vw;
  width: 0.78vw;
  height: 0.78vw;
  background: url(../images/adaptation/events/check.png) center center no-repeat;
  background-size: contain;
}

.adaptation-material-page .template-loading-indicator {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -30%);
  background: rgba(255, 255, 255, 1);
  padding: 1.04vw;
  border-radius: 0.26vw;
  box-shadow: 0 0.1vw 0.52vw rgba(0, 0, 0, 0.1);
  z-index: 1000;
  border: 0.05vw solid #ddd;
  color: black;
}

.adaptation-material-page__main-block--rating,
.adaptation-material-test--rating {
  position: relative;
}
.adaptation-material-test--rating--respondent {
  border-radius: 1.04vw;
}

.adaptation-material-test--rating--respondent .top-block {
  display: flex;
  flex-direction: row;
  column-gap: 1.04vw;
  margin-bottom: 1.56vw;
}

.adaptation-material-test--rating--respondent .top-block .rating-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20.05vw;
  height: 8.85vw;
  color: rgb(109, 149, 172);
  background: rgba(109, 149, 172, 0.25);
  border-width: 0.16vw;
  border-style: solid;
  border-color: rgb(109, 149, 172);
  border-image: initial;
  border-radius: 1.3vw;
  overflow: hidden;
}

.adaptation-material-test--rating--respondent .top-block .rating-image img {
  height: inherit;
}

.adaptation-material-test--rating--respondent .top-block .rating-details {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 0.52vw;
}

.adaptation-material-test--rating--respondent .top-block .rating-details span {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.77vw;
  line-height: 0.94vw;
  color: #cfcfcf;
  margin-left: 0.78vw;
}

.adaptation-material-test--rating--respondent .top-block .rating-name {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.79vw;
  line-height: 0.94vw;
  color: white;
  padding: 0.62vw 0.78vw;
  border-radius: 0.78vw;
  background: #6d95ac;
  width: 100%;
  display: block;
}

.adaptation-material-test--rating--respondent .title {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.13vw;
  text-align: center;
}

.adaptation-material-test--rating--respondent .description {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.79vw;
  line-height: 0.96vw;
  letter-spacing: 0;
  color: black;
  padding: 0.78vw 0.78vw;
  border-radius: 0.78vw;
  outline: none;
  resize: none;
  height: 100%;
  border: none;
}

.adaptation-material-test--rating--respondent .test-form {
  padding-left: 0;
  flex-direction: column;
}

.adaptation-material-test--rating--respondent .test-form .email-section {
  margin-bottom: 1.3vw;
}

.adaptation-material-test--rating--respondent .test-form .form-group label {
  color: white;
  font-weight: normal;
  font-size: 0.83vw;
}

.adaptation-material-test--rating--respondent .test-form .form-group input {
  border: none;
  background: rgba(224, 224, 224, 1);
  border-radius: 0.52vw;
  color: rgba(0, 0, 0, 1);
  font-family: Montserrat;
}

.adaptation-material-test--rating--respondent
  .test-form
  .form-group
  input::placeholder {
  color: rgba(0, 0, 0, 1);
  font-weight: normal;
  font-size: 0.83vw;
  font-family: Montserrat;
}
.adaptation-material-test--rating--respondent .test-form .chapter {
  width: 100%;
}
.adaptation-material-test--rating--respondent .test-form .question-title {
  background: rgba(207, 207, 207, 0.15);
  box-shadow: 0px 0.17vw 0.17vw 0px rgba(0, 0, 0, 0.25);
  width: 100%;
}
.adaptation-material-test--rating--respondent .test-form .question-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.04vw;
}
.adaptation-material-test--rating--respondent .test-form .star-rating {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2.34vw;
  padding: 0.73vw 2.08vw;
  border-radius: 0.89vw;
  background: rgba(109, 149, 172, 1);
  margin-bottom: 0.78vw;
}

.adaptation-material-test--rating--respondent .test-form .star {
  position: relative;
  width: 1.04vw;
  height: 1.04vw;
  cursor: pointer;
  margin: 0;
}

.adaptation-material-test--rating--respondent .test-form .star input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.adaptation-material-test--rating--respondent .test-form .star-icon::before,
.adaptation-material-test--rating--respondent .test-form .star-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.04vw;
  height: 1.04vw;
  background-size: 1.04vw 1.04vw;
  background-repeat: no-repeat;
}

.adaptation-material-test--rating--respondent .test-form .star-icon::before {
  background-image: url(../images/adaptation/events/rating-star.svg);
}

.adaptation-material-test--rating--respondent .test-form .star-icon::after {
  background-image: url(../images/adaptation/events/rating-star-checked.svg);
  filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0.16vw 0.16vw);
  opacity: 0;
  transition: opacity 0.1s ease;
}

.adaptation-material-test--rating--respondent
  .test-form
  .star.selected
  .star-icon::after,
.adaptation-material-test--rating--respondent
  .test-form
  .star.hover
  .star-icon::after {
  opacity: 1;
}

.adaptation-material-test--rating--respondent .test-form .scale-rating {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 2.34vw;
  padding: 0.73vw 2.08vw;
  border-radius: 0.89vw;
  background: rgba(109, 149, 172, 1);
  margin-bottom: 0.78vw;
  align-items: center;
}

.adaptation-material-test--rating--respondent .test-form .scale-option {
  cursor: pointer;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
}

.adaptation-material-test--rating--respondent .test-form .scale-option input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.adaptation-material-test--rating--respondent .test-form .scale-option span {
  font-family: Montserrat;
  font-weight: 500;
  font-size: 1.49vw;
  line-height: 1.03vw;
  letter-spacing: 0;
  opacity: 0.65;
  transition: all 0.2s ease;
  position: relative;
  color: white;
  -webkit-text-stroke: 0.07vw transparent;
}

.adaptation-material-test--rating--respondent
  .test-form
  .scale-option.hover
  span,
.adaptation-material-test--rating--respondent
  .test-form
  .scale-option.selected
  span {
  -webkit-text-stroke: 0.07vw white;
  opacity: 1;
  filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 0.16vw 0.16vw);
}

.adaptation-material-test--rating--respondent
  .test-form
  .question-title
  textarea,
.adaptation-material-test--rating--respondent .test-form .test-top-field input {
  pointer-events: none;
}

.adaptation-material-test--rating--respondent .test-form .text-options {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  gap: 0.52vw;
  padding: 1.04vw 1.3vw;
  border-radius: 1.04vw;
  background: white;
  margin-bottom: 0.78vw;
  align-items: flex-start;
}

.adaptation-material-test--rating--respondent .test-form .text-option {
  position: relative;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 1.04vw;
  width: 100%;
}

.adaptation-material-test--rating--respondent .test-form .text-option input {
  position: relative;
  opacity: 0;
  width: 1.04vw;
  height: 1.04vw;
  margin: 0;
  cursor: pointer;
}

.adaptation-material-test--rating--respondent .test-form .text-option:before {
  content: "";
  position: absolute;
  width: 1.04vw;
  height: 1.04vw;
  top: 0;
  left: 0;
  border: 0.04vw solid rgba(109, 149, 172, 1);
  border-radius: 0.21vw;
}

.adaptation-material-test--rating--respondent
  .test-form
  .text-option.selected::after {
  content: "";
  position: absolute;
  width: 1.04vw;
  height: 1.04vw;
  top: 0;
  left: 0;
  background: url("../images/recruiting_cabinet/check.png") center center
    no-repeat;
  background-size: 1.04vw 1.04vw;
  background-repeat: no-repeat;
}

.adaptation-material-test--rating--respondent .test-form .text-option span {
  font-family: Montserrat;
  font-weight: 400;
  font-size: 0.83vw;
  line-height: 100%;
  letter-spacing: 0;
  transition: all 0.2s ease;
  position: relative;
  color: white;
  -webkit-text-stroke: 0.06vw transparent;
  color: rgba(0, 0, 0, 1);
}

.adaptation-material-test--rating--respondent .test-form .save-test {
  padding: 0.78vw 1.56vw;
  box-shadow: 0px 0.12vw 0.12vw 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(1.51vw);
  border: 0.02vw solid rgba(109, 149, 172, 1);
  background: rgba(207, 207, 207, 0.15);
  transition: background-color 0.5s;
}

.adaptation-material-test--rating--respondent .test-form .save-test:hover {
  background: rgba(109, 149, 172, 1);
}

.adaptation-event-list--rating tr td:nth-child(6) {
  position: relative;
  text-transform: lowercase;
}

.adaptation-event-list--rating tr td:nth-child(6)::first-letter {
  text-transform: uppercase;
}

.adaptation-event-list tr td::after {
  transition: all 0.5s ease;
  background-color: transparent;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  margin: 0.52vw 0;
  z-index: 0;
  pointer-events: none;
}

.adaptation-event-list tr td:first-of-type::after {
  border-radius: 0.78vw 0 0 0.78vw;
}

.adaptation-event-list tr td:last-child::after {
  border-radius: 0 0.78vw 0.78vw 0;
}

.adaptation-event-list--rating tr td:nth-of-type(6)::after {
  border-radius: 0 0.78vw 0.78vw 0;
}

.adaptation-event-list .materials-list__body--task tr td:nth-of-type(7)::after {
  border-radius: 0 0.78vw 0.78vw 0;
}


.adaptation-event-list tr:hover td:not(:last-child)::after {
  background-color: rgba(217, 217, 217, 1);
  opacity: 0.15;
}

.adaptation-event-list--rating tr:hover td:not(:last-child)::after {
  background-color: rgba(217, 217, 217, 1);
  opacity: 0.15;
}



.adaptation-event-list--rating .rating-completed td:first-of-type {
  opacity: 0.5;
  text-decoration: line-through;
}

/* Цвета для статусов */
.status-completed {
  color: #28a745;
}
.status-available {
  color: #17a2b8;
}
.status-expired {
  color: #dc3545;
}
.status-planned {
  color: #ffc107;
}
.status-cancelled {
  color: #6c757d;
}

.materials-list .materials-list__body--rating .btn-copy-link {
  background: white;
  color: rgba(119, 119, 119, 1);
  border: none;
  padding: 0.52vw 0.78vw;
  border-radius: 0.63vw;
  transition: background 0.3s, color 0.3s;
  font-family: inherit;
  margin-top: 0.78vw;
  width: 100%;
  max-width: 9.74vw;
  margin-bottom: 0.4vw;
}

.materials-list .materials-list__body--rating .btn-copy-link:hover {
  background: rgba(109, 149, 172, 0.8);
  color: white;
  transition: background 0.3s, color 0.3s;
}

.materials-list .materials-list__body--rating .btn-copy-link.copied {
  background: #28a745;
}

.materials-list .materials-list__body--poll .btn-copy-link {
  background: white;
  color: rgba(119, 119, 119, 1);
  border: none;
  padding: 0.52vw 0.78vw;
  border-radius: 0.63vw;
  transition: background 0.3s, color 0.3s;
  font-family: inherit;
  margin-top: 0.78vw;
  width: 100%;
  max-width: 9.74vw;
  margin-bottom: 0.4vw;
}

.materials-list .materials-list__body--poll .btn-copy-link:hover {
  background: rgba(109, 149, 172, 0.8);
  color: white;
  transition: background 0.3s, color 0.3s;
}

.materials-list .materials-list__body--poll .btn-copy-link.copied {
  background: #28a745;
}

.status-container {
  background: white;
  padding: 2.08vw;
  border-radius: 1.04vw;
  box-shadow: 0 0.52vw 1.56vw rgba(0, 0, 0, 0.2);
  text-align: center;
  max-width: 31.25vw;
  width: 31.25vw;
  margin: auto;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
}

.status-container h1 {
  margin-bottom: 0.78vw;
  color: rgba(109, 149, 172, 1);
  font-size: 1.35vw;
  font-weight: 600;
  margin-bottom: 1.04vw;
}

.status-container p {
  color: #666;
  line-height: 118%;
  margin-bottom: 0.52vw;
  text-align: left;
}

.status-container .rating-name {
  font-weight: 600;
  color: #333;
}

.status-container .dates {
  background: rgba(109, 149, 172, 0.125);
  padding: 0.78vw 1.04vw;
  border-radius: 0.52vw;
  margin: 1.04vw 0;
}

.status-container .dates + p {
  text-align: center;
}

.status-container .date-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.26vw;
}

.status-container .date-label {
  font-weight: bold;
  color: #495057;
}

.status-container .date-value {
  color: #6c757d;
}

.status-container .back-button {
  background: rgba(109, 149, 172, 1);
  color: white;
  border: none;
  padding: 0.78vw 1.56vw;
  border-radius: 1.56vw;
  margin-top: 1.04vw;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  box-shadow: 0px 0.29vw 0.29vw 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(3.66vw);
  transition: all 0.3s ease;
}

.status-container .back-button:hover {
  background: #65717a;
  text-decoration: none;
}

.link-hint {
  color: #6c757d;
  font-size: 0.57vw;
  display: block;
}

.error-highlight {
  border: 2px solid #ff4444 !important;
  background-color: #fff8f8 !important;
}

.question-block.error-highlight {
  border: 2px solid #ff4444;
  border-radius: 8px;
  padding: 10px;
  background-color: #fff8f8;
}

#external_email.error-highlight {
  border-color: #ff4444;
  background-color: #fff8f8;
}

/*25.11.2025*/
.modal-body {
  max-height: 80vh;
  overflow-y: auto;
}
/*28.11.2025*/
.form-row.form-row--test.center  {
  width: 100%;
  justify-content:center;
}
.form-row.form-row--test.center > .form-row {
  width: 100%;
}

.question .test-form .question-block .question-title {
  border-radius: 14px;
  margin-bottom: 14px;
  padding: 8px 33px;
  box-shadow: 0px 2.91px 2.91px 0px #00000040;
}

.text-center.question-type {
  margin-top: 12px;
}

.adaptation-material-test .test-form .answers-block.reset:before {
  background: none !important;
}

.answers-block.yes-no-answer {
  /* all: unset; */
    margin-top: initial !important;
    min-height: initial !important;
    border-radius: initial !important;
    padding: initial !important;
    background: none !important;
}

/* 29.11.2025*/
.poll-action-btns {
  display: flex;
  justify-content: space-around;
  margin-top: 22px;
}

.poll-action-btn.yes {
  border: 0.5px solid #CFCFCF26;
  border-radius: 32px;
  background: #CFCFCF26;
  width: 170px;
  padding: 10px;
  text-align: center; /* Чтобы текст был по центру */
  cursor: pointer;    /* Чтобы курсор менялся при наведении */
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; /* Плавный переход */
}

.poll-action-btn.yes:hover { /* Убран пробел! */
  background-color: #43A047; /* Задаем цвет фона */
  border-color: #43A047;   /* Задаем цвет рамки */
  color: white;          /* Чтобы текст был виден на темном фоне */
}


.poll-action-btn.no {
  background: #CFCFCF26;
  border: 0.5px solid #CFCFCF26;
  border-radius: 32px;
  width: 170px;
  padding: 10px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.poll-action-btn.no:hover {
  background-color: #BB5353;
  border-color: #BB5353;
}

button.opening.answer-test {
    background: none;
    border-color: initial !important;
}

button.closing.pass-test {
    background: none;
    border-color: initial !important;
    border: 0;
}

/*стили для таблицы опросов*/
.materials-list .materials-list__body--poll .table {
  overflow: visible;
}

.materials-list .materials-list__body--poll .table tr {
  transition: height 0.4s ease, opacity 0.4s ease;
}

.materials-list .materials-list__body--poll .table td {
  transition: all 0.3s ease;
}

.materials-list .materials-list__body--poll .table .empty-row {
  transition: all 0.4s ease;
}

.materials-list .materials-list__body--poll .table .empty-row td {
  text-align: center !important;
  padding-top: 20px;
  border: none !important;
  transition: all 0.4s ease;
}

.materials-list .materials-list__body--poll th:first-child {
  width: 23.2%;
}

.materials-list .materials-list__body--poll th:nth-child(2) {
  width: 14.2%;
}

.materials-list .materials-list__body--poll th:nth-child(3) {
  width: 13.2%;
}

.materials-list .materials-list__body--poll th:nth-child(4) {
  width: 11.1%;
}

.materials-list .materials-list__body--poll th:nth-child(5) {
  width: 10.1%;
}

.materials-list .materials-list__body--poll th:nth-child(6) {
  width: 14.8%;
}

.materials-list .materials-list__body--poll th:nth-child(7) {
  width: 13.4%;
}
.materials-list
  .materials-list__body.materials-list__body--poll
  td:first-child {
  padding-left: 1.14vw;
}
.materials-list
  .materials-list__body.materials-list__body--poll
  .actions-cell {
  display: flex;
  flex-direction: row;
  column-gap: 1.04vw;
  align-items: center;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  position: relative;
  justify-content: center;
  padding-left: 0.4vw;
}

.materials-list
  .materials-list__body.materials-list__body--poll
  .actions-cell
  > button {
  position: relative;
}

.materials-list
  .materials-list__body.materials-list__body--poll
  .actions-cell
  > button:not(.show-modal):not(:disabled):hover::before {
  position: absolute;
  content: attr(data-tooltip);
  bottom: -1.82vw;
  right: 0.63vw;
  background: rgba(255, 255, 255, 1);
  color: rgba(119, 119, 119, 1);
  padding: 0.42vw 0.63vw;
  border-radius: 0.31vw 0 0.31vw 0.31vw;
  font-size: 0.63vw;
  white-space: nowrap;
  z-index: 1000;
  box-shadow: 0px 0.13vw 0.13vw 0px rgba(0, 0, 0, 0.25);
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.63vw;
  line-height: 0.63vw;
  letter-spacing: -0.02em;
}

.materials-list
  .materials-list__body.materials-list__body--poll
  .actions-cell
  > button:not(.show-modal):not(:disabled):hover::after {
  content: "";
  position: absolute;
  bottom: -0.52vw;
  right: 0.63vw;
  width: 0;
  height: 0;
  border-left: 0.42vw solid transparent;
  border-bottom: 0.42vw solid white;
  filter: drop-shadow(0 -0.05vw 0.05vw rgba(0, 0, 0, 0.1));
}

.materials-list
  .materials-list__body.materials-list__body--poll
  .actions-cell
  > button:not(.show-modal):not(:disabled):hover {
  filter: drop-shadow(0px 0.16vw 0.16vw rgba(0, 0, 0, 0.5));
}

.materials-list
  .materials-list__body.materials-list__body--poll
  .actions-cell
  > button:nth-child(1) {
  background: url(../images/adaptation/events/template-rating.svg) center center
    no-repeat;
  background-size: contain;
  width: 1.2vw;
  height: 1.2vw;
}
.materials-list
  .materials-list__body.materials-list__body--poll
  .actions-cell
  > button:nth-child(1).is-template {
  background: url(../images/adaptation/events/is-template-rating.svg) center
    center no-repeat;
  background-size: contain;
  width: 1.2vw;
  height: 1.2vw;
}
.materials-list
  .materials-list__body.materials-list__body--poll
  .actions-cell
  > button:nth-child(2) {
  background: url(../images/adaptation/events/edit-rating.svg) center center
    no-repeat;
  background-size: contain;
  width: 1.2vw;
  height: 1.2vw;
}

.materials-list
  .materials-list__body.materials-list__body--poll
  .actions-cell
  > button:nth-child(3) {
  background: url(../images/adaptation/events/delete-rating.svg) center center
    no-repeat;
  background-size: contain;
  width: 1.2vw;
  height: 1.2vw;
}
/*конец*/

/* модальное окно для задач */
.modal.modal-material.task-modal .modal-dialog {
  position: fixed;
  border-radius: 0;
  width: 100%;
  height: calc(100vh - 103px); 
  right: 0;
  left: 0;
  top: 0;
  background: #CFCFCF26;
  margin: 103px 0 0 auto; 
  padding: 0;
  max-width: clamp(1160px, 75.5208vw, 1450px);
}

.modal.modal-material.task-modal .modal-dialog::before {
  position: absolute;
  content: '';
  height: 100%;
  border: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  backdrop-filter: blur(clamp(4px, 0.2604vw, 5px)); 
}

.modal.modal-material.task-modal .modal-content {
  height: 100%;
}

.modal.modal-material.task-modal .modal-body {
  padding: clamp(15px, 1.0417vw, 20px) clamp(15px, 1.0417vw, 20px) clamp(38px, 2.6042vw, 50px);
  background: none;
  box-shadow: none;
  border-radius: 0;
  height: 100%;
  min-height: 100%;
}

.modal.modal-material.task-modal .btn-close {
  width: clamp(38px, 2.6042vw, 50px);   
  height: clamp(26px, 1.8229vw, 35px);  
  background: #6d95ac;
  position: absolute;
  border-radius: clamp(11px, 0.7813vw, 15px) 0 0 clamp(11px, 0.7813vw, 15px);  
  top: clamp(14px, 0.9375vw, 18px);     
  left: calc(-1 * clamp(38px, 2.6042vw, 50px));
  right: unset;
}

.modal.modal-material.task-modal .btn-close span {
  position: absolute;
  content: '';
  width: clamp(10px, 0.6771vw, 13px);   
  height: clamp(10px, 0.6771vw, 13px);
  background: url(../images/adaptation/modal-close-white.png) center center no-repeat;
  background-size: clamp(10px, 0.6771vw, 13px) clamp(10px, 0.6771vw, 13px);
  top: clamp(8px, 0.5729vw, 11px);      
  left: clamp(11px, 0.7813vw, 15px);    
}

.modal.modal-material.task-modal .btn-close:hover::before {
  position: absolute;
  content: attr(data-tooltip);
  bottom: calc(-1 * clamp(22px, 1.5104vw, 29px)); 
  right: clamp(40px, 2.8125vw, 54px);             
  color: #6D95AC;
  z-index: 1000;
  box-shadow: rgba(0, 0, 0, 0.25) 0 clamp(2px, 0.1563vw, 3px) clamp(2px, 0.1563vw, 3px) 0;
  font-family: Montserrat;
  font-weight: 500;
  font-size: clamp(9px, 0.6250vw, 12px);          
  line-height: 1;
  letter-spacing: -0.02em;
  background: rgb(255, 255, 255);
  padding: clamp(6px, 0.4167vw, 8px) clamp(9px, 0.6250vw, 12px); 
  border-radius: 10px 0 10px 10px;
  white-space: nowrap;
}

.modal.modal-material.task-modal .btn-close:hover::after {
  content: "";
  position: absolute;
  bottom: calc(-1 * clamp(3px, 0.2083vw, 4px)); 
  right: clamp(40px, 2.8125vw, 54px);
  width: 0;
  height: 0;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 clamp(-1px, -0.0521vw, -1px) clamp(1px, 0.0521vw, 1px));
  border-left: clamp(6px, 0.4167vw, 8px) solid transparent;  
  border-bottom: clamp(6px, 0.4167vw, 8px) solid white;
}

.modal.modal-material.task-modal .task {
  display: flex;
  justify-content: space-between;
  column-gap: clamp(15px, 1.0417vw, 20px); 
}

.modal.modal-material.task-modal .task-info {
  flex: 990 1 0;      
  min-width: 0;
}

.modal.modal-material.task-modal .task-info-head {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-bottom: clamp(11px, 0.7813vw, 15px); 
  align-items: center;
}

.modal.modal-material.task-modal .task-info-head > div:first-child {
  display: flex;
  flex-direction: row;
  column-gap: clamp(11px, 0.7813vw, 15px);
  align-items: center;
}

.modal.modal-material.task-modal .task-info-head > div:first-child span {
  font-family: Montserrat;
  font-weight: 500;
  font-size: clamp(14px, 0.9922vw, 19px); 
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
  color: white;
  padding: clamp(8px, 0.5208vw, 10px) clamp(19px, 1.3021vw, 25px); 
  background: #6D95AC;
  display: inline-block;
  border-radius: clamp(15px, 1.0417vw, 20px); 
  min-width: clamp(112px, 7.8125vw, 150px);   
  text-align: center;
}

.modal.modal-material.task-modal .task-info-head > div:first-child img {
  width: clamp(18px, 1.2500vw, 24px); 
  height: clamp(18px, 1.2500vw, 24px);
}

.modal.modal-material.task-modal .task-info-head > div:nth-child(2) {
  display: flex;
  flex-direction: row;
  column-gap: clamp(19px, 1.3021vw, 25px); 
  align-items: center;
}

.modal.modal-material.task-modal .task-info-head > div:nth-child(2) a {
  font-family: Montserrat;
  font-weight: 400;
  font-style: Regular;
  font-size: clamp(12px, 0.7292vw, 14px); 
  line-height: 1.2;
  letter-spacing: 0;
  color: white;
  padding: clamp(6px, 0.4167vw, 8px) clamp(11px, 0.7813vw, 15px); 
  border-radius: clamp(11px, 0.7813vw, 15px); 
  background: #CFCFCF26;
  text-decoration: none;
}

.modal.modal-material.task-modal .task-info-head > div:nth-child(2) span {
  font-family: Montserrat;
  font-weight: 400;
  font-style: Regular;
  font-size: clamp(14px, 0.9375vw, 18px); 
  line-height: 1.2;
  letter-spacing: 0px;
  color: white;
}

.modal.modal-material.task-modal .task-info-body {
  background: white;
  border-radius: clamp(19px, 1.3021vw, 25px); 
  color: #777777;
}

.modal.modal-material.task-modal .modal-description {
  margin-bottom: 0;
}

.modal.modal-material.task-modal .task-info-body-id {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: clamp(8px, 0.78vw, 15px) clamp(15px, 1.0417vw, 20px) clamp(8px, 0.78vw, 15px) clamp(23px, 1.5625vw, 30px);
  border-bottom: 0.26px solid #6d95ac75;
}

.modal.modal-material.task-modal .task-info-body-id span {
  font-family: Montserrat;
  font-weight: 600;
  font-size: clamp(12px, 0.8333vw, 16px); 
  line-height: 1.15;
  letter-spacing: 0;
  color: #777777;
  text-transform: lowercase;
}

.modal.modal-material.task-modal .task-info-body-id span::first-letter {
  text-transform: uppercase;
}

.modal.modal-material.task-modal .task-info-body-id button {
  font-family: Montserrat;
  font-weight: 400;
  font-style: Regular;
  font-size: clamp(12px, 0.7292vw, 14px);
  line-height: 1.2;
  letter-spacing: 0;
  color: #777777;
  padding: clamp(8px, 0.5208vw, 10px) clamp(11px, 0.7813vw, 15px); 
  background: #6D95AC40;
  border-radius: clamp(15px, 1.0417vw, 20px); 
}

.modal.modal-material.task-modal .task-info-body-text  {
  width: 100%;
  height: clamp(98px, 6.7708vw, 130px); 
  resize: none;
  padding: clamp(11px, 0.7813vw, 15px) clamp(15px, 1.0417vw, 20px) clamp(11px, 0.7813vw, 15px) clamp(23px, 1.5625vw, 30px);
  font-family: Montserrat;
  font-weight: 400;
  font-size: clamp(12px, 0.8333vw, 16px); 
  line-height: 1.15;
  letter-spacing: 0;
  color: #777777;
  border: none;
  outline: none;
  border-bottom: 0.26px dashed #6d95ac75;
}

.modal.modal-material.task-modal .task-info-checklist {
  padding: clamp(6px, 0.4167vw, 8px) clamp(23px, 1.5625vw, 30px) clamp(8px, 0.5208vw, 10px);
  border-bottom: 0.26px dashed #6d95ac75;
  display: flex;
  flex-direction: column;
  row-gap: clamp(8px, 0.5208vw, 10px);
}

.modal.modal-material.task-modal .task-info-checklist .task-info-checklist__title {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}

.modal.modal-material.task-modal .task-info-checklist .task-info-checklist__title span {
  font-family: Montserrat;
  font-weight: 600;
  font-size: clamp(12px, 0.7292vw, 14px);
  line-height: 1.2;
  letter-spacing: 0;
  color: #777777;
}

.modal.modal-material.task-modal .task-info-checklist__list {
  font-family: Montserrat;
  font-weight: 400;
  font-size: clamp(12px, 0.7292vw, 14px); 
  line-height: 1.2;
  letter-spacing: 0;
  color: #777777;
  display: flex;
  flex-direction: column;
  row-gap: clamp(4px, 0.2604vw, 5px); 
  max-height: clamp(60px, 4.1667vw, 80px); 
  overflow-y: auto;
  width: 100%;
}

.modal.modal-material.task-modal .task-info-checklist__list > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 10px;
}

.modal.modal-material.task-modal .task-info-checklist__list input {
  margin: 0;
}

.modal.modal-material.task-modal .task-info-checklist button {
  font-family: Montserrat;
  font-weight: 400;
  font-size: clamp(12px, 0.7292vw, 14px);
  line-height: 1.2;
  letter-spacing: 0px;
  color: rgb(119, 119, 119);
}

.modal.modal-material.task-modal .subtask-text {
  font-style: italic;
}

.modal.modal-material.task-modal .subtask-deadline {
  padding: clamp(8px, 0.5208vw, 10px) clamp(11px, 0.7813vw, 15px);
  border-radius: clamp(11px, 0.7813vw, 15px);
  background: #CFCFCF26;
  text-decoration: underline;
  margin-left: auto;
}

/* .modal.modal-material.task-modal .task-info-checklist button span {
  font-family: Montserrat;
  font-weight: 400;
  font-style: Regular;
  font-size: clamp(12px, 0.7292vw, 14px); 
  line-height: 1.2;
  letter-spacing: 0;
  color: #93AEBD;
}

.modal.modal-material.task-modal .task-info-checklist button img {
  width: clamp(13px, 0.9115vw, 18px); 
  height: clamp(13px, 0.9115vw, 18px);
} */

.modal.modal-material.task-modal .task-info-time-tracking {
  display: flex;
  flex-direction: column;
  padding: clamp(8px, 0.5208vw, 10px) clamp(23px, 1.5625vw, 30px);
  border-bottom: 0.26px dashed #6d95ac75;
  row-gap: clamp(8px, 0.5208vw, 10px); 
}

.modal.modal-material.task-modal .task-info-time-tracking > span {
  font-family: Montserrat;
  font-weight: 600;
  font-size: clamp(12px, 0.7292vw, 14px);
  line-height: 1.2;
  letter-spacing: 0;
  color: #777777;
}

.modal.modal-material.task-modal .task-info-time-tracking__list {
  font-family: Montserrat;
  font-weight: 400;
  font-size: clamp(12px, 0.7292vw, 14px); 
  line-height: 1.2;
  letter-spacing: 0;
  color: #777777;
  display: flex;
  flex-direction: column;
  row-gap: clamp(4px, 0.2604vw, 5px); 
  max-height: clamp(60px, 4.1667vw, 80px); 
  overflow-y: auto;
  width: fit-content;
  padding-right: clamp(15px, 1.0417vw, 20px); 
}

.modal.modal-material.task-modal .task-info-time-tracking__list::-webkit-scrollbar {
  display: block;
  width: clamp(5px, 0.3600vw, 7px); 
}

.modal.modal-material.task-modal .task-info-time-tracking__list::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: clamp(3px, 0.2100vw, 4px);
  border: 0.01vw solid rgb(147, 174, 189);
}

.modal.modal-material.task-modal .task-info-time-tracking__list::-webkit-scrollbar-thumb {
  background-color: #6D95AC;
  border-radius: clamp(3px, 0.2100vw, 4px);
  border: 0.01vw solid transparent;
  background-clip: content-box;
}

.modal.modal-material.task-modal .task-info-body-files {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: clamp(8px, 0.5208vw, 10px) clamp(23px, 1.5625vw, 30px);
}

.modal.modal-material.task-modal .task-info-body-files__list {
  display: flex;
  flex-direction: column;
  width: 100%;
  row-gap: clamp(8px, 0.5208vw, 10px);
}

.modal.modal-material.task-modal .task-info-body-files__list > div {
  display: flex;
  align-items: center;
}

.modal.modal-material.task-modal .task-info-body-files__list + div {
  font-family: Montserrat;
  font-weight: 400;
  font-size: clamp(12px, 0.7292vw, 14px);
  line-height: 1.2;
  letter-spacing: 0px;
  color: rgb(119, 119, 119);
  white-space: nowrap;
  margin-left: clamp(20px, 2.6vw, 50px);
}

.modal.modal-material.task-modal .task-info-body-files > span {
  font-family: Montserrat;
  font-weight: 600;
  font-size: clamp(12px, 0.7292vw, 14px); 
  line-height: 1.2;
  letter-spacing: 0;
  color: #777777;
  margin-right: clamp(11px, 0.7813vw, 15px); 
}

/* .modal.modal-material.task-modal .task-info-body-files > div {
  display: flex;
  flex-direction: row;
  column-gap: clamp(4px, 0.2604vw, 5px);
  align-items: center;
  width: 100%;
} */

.modal.modal-material.task-modal .task-info-body-files > div img {
  width: clamp(15px, 1.0417vw, 20px);
  height: clamp(15px, 1.0417vw, 20px);
  margin-top: clamp(-1px, -0.0521vw, -1px);
}

.modal.modal-material.task-modal .task-info-body-files > div b {
  font-family: Montserrat;
  font-weight: 600;
  font-size: clamp(12px, 0.7292vw, 14px);
  line-height: 1.2;
  letter-spacing: 0;
  color: #6D95AC;
}

.modal.modal-material.task-modal .task-info-body-files > div span {
  font-family: Montserrat;
  font-weight: 400;
  font-size: clamp(12px, 0.7292vw, 14px);
  line-height: 1.2;
  letter-spacing: 0;
  color: #93AEBD;
  margin-left: clamp(4px, 0.2604vw, 5px);
}

.modal.modal-material.task-modal .task-info-body-files .task-info-body-files__more-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: auto;
  column-gap: clamp(4px, 0.2604vw, 5px);
  padding: clamp(4px, 0.2604vw, 5px) clamp(11px, 0.7813vw, 15px);
  border-radius: clamp(11px, 0.7813vw, 15px);
  background: #777777;
  position: relative;
}

.modal.modal-material.task-modal .task-info-body-files .task-info-body-files__more-btn span {
  font-family: Montserrat;
  font-weight: 400;
  font-size: clamp(12px, 0.7292vw, 14px);
  line-height: 1.2;
  letter-spacing: 0;
  color: white;
}

.modal.modal-material.task-modal .task-info-body-files .task-info-body-files__more-btn > img {
  width: clamp(10px, 0.6771vw, 13px); 
  height: clamp(10px, 0.6771vw, 13px);
  margin-bottom: clamp(-1px, -0.0521vw, -1px);
  transform: rotate(0deg);
}

.modal.modal-material.task-modal .task-info-body-files .task-info-body-files__more-btn.active > img {
  transform: rotate(180deg);
}

.modal.modal-material.task-modal .task-info-body-files__buttons {
  position: absolute;
  top: calc(100% + clamp(8px, 0.5208vw, 10px));
  left: 0;
  z-index: 10;
  display: none;
  flex-direction: column;
  row-gap: clamp(8px, 0.5208vw, 10px); 
  background: #6D95AC;
  border-radius: clamp(19px, 1.3021vw, 25px); 
  box-shadow: 0 clamp(3px, 0.2083vw, 4px) clamp(3px, 0.2083vw, 4px) 0 #00000040;
  padding: clamp(11px, 0.7813vw, 15px) clamp(15px, 1.0417vw, 20px);
}

.modal.modal-material.task-modal .task-info-body-files .task-info-body-files__more-btn.active .task-info-body-files__buttons{
  display: flex;
}

.modal.modal-material.task-modal .task-info-body-files__buttons button {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: clamp(8px, 0.5208vw, 10px);
  font-family: Montserrat;
  font-weight: 400;
  font-size: clamp(12px, 0.7292vw, 14px);
  line-height: 1.2;
  letter-spacing: 0;
  color: white;
  white-space: nowrap;
}

.modal.modal-material.task-modal .task-info-body-files__buttons img {
  width: clamp(11px, 0.7813vw, 15px) !important;
  height: auto;
}

/* Предпросмотр файла задачи */
#taskFilePreviewModal .task-file-preview__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 15px;
}

#taskFilePreviewModal .task-file-preview__title {
  font-family: Montserrat;
  font-weight: 600;
  font-size: clamp(14px, 0.9vw, 16px);
  color: #6D95AC;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#taskFilePreviewModal .task-file-preview__open-tab {
  font-family: Montserrat;
  font-weight: 500;
  font-size: clamp(12px, 0.75vw, 14px);
  color: #6D95AC;
  white-space: nowrap;
  text-decoration: none;
  flex-shrink: 0;
}

#taskFilePreviewModal .task-file-preview__open-tab:hover {
  text-decoration: underline;
  color: #5a7d92;
}

#taskFilePreviewModal .task-file-preview__body {
  position: relative;
  min-height: 400px;
  background: #f5f7f8;
  border-radius: clamp(8px, 0.5vw, 12px);
}

#taskFilePreviewModal .task-file-preview__iframe-wrap {
  position: relative;
  width: 100%;
  height: 70vh;
  min-height: 400px;
}

#taskFilePreviewModal .task-file-preview__iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: clamp(8px, 0.5vw, 12px);
}

#taskFilePreviewModal .task-file-preview__iframe-wrap .iframe-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  z-index: 5;
  border-radius: clamp(8px, 0.5vw, 12px);
}

#taskFilePreviewModal .task-file-preview__iframe-wrap .iframe-loader .spinner {
  width: 40px;
  height: 40px;
  border: 3px solid #e0e0e0;
  border-top-color: #6D95AC;
  border-radius: 50%;
  animation: kbspin 1s linear infinite;
}

#taskFilePreviewModal .task-file-preview__iframe-wrap .iframe-loader span {
  font-family: Montserrat;
  font-size: 14px;
  color: #555;
}

#taskFilePreviewModal .task-file-preview__img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  min-height: 400px;
}

#taskFilePreviewModal .task-file-preview__img {
  max-width: 100%;
  max-height: 70vh;
  object-fit: contain;
}

#taskFilePreviewModal .task-file-preview__unavailable {
  padding: 40px 20px;
  text-align: center;
  font-family: Montserrat;
  font-size: 14px;
  color: #777;
}

.modal.modal-material.task-modal .task-info-body-btns {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: clamp(11px, 0.7813vw, 15px);
  padding: clamp(19px, 1.3021vw, 25px) clamp(23px, 1.5625vw, 30px);
  flex-wrap: wrap;
  border-top: 0.26px dashed #6d95ac75;
}

.modal.modal-material.task-modal .task-info-body-btns .btn {
  font-family: Montserrat;
  font-weight: 500;
  font-size: clamp(11px, 0.6250vw, 12px); 
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: uppercase;
  padding: clamp(8px, 0.5208vw, 10px) clamp(11px, 0.7813vw, 15px);
  border-radius: clamp(23px, 1.5625vw, 30px); 
  transition: all 0.3s;
}

.modal.modal-material.task-modal .task-info-body-btns .btn span {
  position: relative;
}

.modal.modal-material.task-modal .task-info-body-btns .btn:focus {
  outline: none;
}

.modal.modal-material.task-modal .task-info-body-btns .btn:active {
  scale: 0.98;
}

.modal.modal-material.task-modal .task-info-body-btns .btn:hover {
  color: white;
}

.modal.modal-material.task-modal .start-task {
  color: #43A047;
  min-width: clamp(150px, 10.4167vw, 200px); 
  box-shadow: 0px 2.31px 2.31px 0px #00000040; 
  backdrop-filter: blur(clamp(22px, 1.5104vw, 29px)); 
  border: 0.39px solid #43A047;
}

.modal.modal-material.task-modal .start-task span::before {
  position: absolute;
  content: '';
  width: clamp(8px, 0.5208vw, 10px);  
  height: clamp(8px, 0.5208vw, 10px);
  top: calc(-1 * clamp(3px, 0.2083vw, 4px));   
  right: calc(-1 * clamp(10px, 0.6771vw, 13px));
  background:  url(../images/adaptation/arrow-green-circle.png) center center no-repeat;
  background-size: cover;
}

.modal.modal-material.task-modal .start-task:hover {
  background-color: #43A047;
}

.modal.modal-material.task-modal .finish-task {
  color: #BB5353;
  border: 0.39px solid #BB5353;
  min-width: clamp(128px, 8.8542vw, 170px); 
  box-shadow: 0px 2.31px 2.31px 0px #00000040;
  backdrop-filter: blur(clamp(22px, 1.5104vw, 29px)); 
}

.modal.modal-material.task-modal .finish-task span::before {
  position: absolute;
  content: '';
  width: clamp(8px, 0.5208vw, 10px);
  height: clamp(8px, 0.5208vw, 10px);
  top: calc(-1 * clamp(3px, 0.2083vw, 4px));
  right: calc(-1 * clamp(10px, 0.6771vw, 13px));
  background:  url(../images/adaptation/arrow-red-circle.png) center center no-repeat;
  background-size: cover;
}

.modal.modal-material.task-modal .finish-task:hover {
  background: #BB5353;
}

.modal.modal-material.task-modal .stop-task {
  color: #6D95AC;
  border: 0.39px solid #6D95AC;
  min-width: clamp(150px, 10.4167vw, 200px); 
  box-shadow: 0px 2.31px 2.31px 0px #00000040;
  backdrop-filter: blur(clamp(22px, 1.5104vw, 29px)); 
}

.modal.modal-material.task-modal .stop-task:hover {
  background: #6D95AC;
}

.modal.modal-material.task-modal .stop-task span::before {
  position: absolute;
  content: '';
  width: clamp(8px, 0.5208vw, 10px);
  height: clamp(8px, 0.5208vw, 10px);
  top: calc(-1 * clamp(3px, 0.2083vw, 4px));
  right: calc(-1 * clamp(10px, 0.6771vw, 13px));
  background:  url(../images/adaptation/arrow-blue-circle.png) center center no-repeat;
  background-size: cover;
}

.modal.modal-material.task-modal .cancel-task {
  background: #CFCFCF26;
  min-width: clamp(98px, 6.7708vw, 130px); 
}

.modal.modal-material.task-modal .cancel-task:hover {
  background: #6D95AC;
}

.modal.modal-material.task-modal .task-time {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: clamp(11px, 0.7813vw, 15px); 
  flex: 400 1 0;      
  min-width: 0;
}

.modal.modal-material.task-modal .task-time-block {
  border-radius: clamp(19px, 1.3021vw, 25px); 
  overflow: hidden;
  min-height: clamp(120px, 8.3333vw, 160px);
  height: fit-content;
}

.modal.modal-material.task-modal .task-time-block__head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: clamp(11px, 0.7813vw, 15px) clamp(19px, 1.3021vw, 25px); 
  background: #6D95AC;
}

.modal.modal-material.task-modal .task-time-block__status {
  font-family: Montserrat;
  font-weight: 500;
  font-size: clamp(12px, 0.8333vw, 16px); 
  line-height: 1.25;
  letter-spacing: 0;
  color: white;
}

.modal.modal-material.task-modal .task-time-block__started {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: clamp(11px, 0.7813vw, 15px); 
  font-family: Montserrat;
  font-weight: 400;
  font-size: clamp(12px, 0.8333vw, 16px); 
  line-height: 1.25;
  letter-spacing: 0;
  color: white;
}

.modal.modal-material.task-modal .task-time-block__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(11px, 0.7813vw, 15px) clamp(19px, 1.3021vw, 25px);
  background: #6D95AC40;
}

.modal.modal-material.task-modal .task-time-block__row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-family: Montserrat;
  font-weight: 400;
  font-size: clamp(12px, 0.8333vw, 16px); 
  line-height: 1.25;
  letter-spacing: 0;
  color: white;
  white-space: nowrap;
  column-gap: 10px;
}

.modal.modal-material.task-modal .task-time-block__controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: clamp(4px, 0.2604vw, 5px); 
  margin-left: auto;
}

.modal.modal-material.task-modal .task-time-block__field {
  padding: clamp(8px, 0.5208vw, 10px) clamp(11px, 0.7813vw, 15px); 
  border-radius: clamp(11px, 0.7813vw, 15px); 
  display: flex;
  flex-direction: row;
  align-items: center;
}

.modal.modal-material.task-modal .task-time-block__field img {
  width: clamp(15px, 1.0417vw, 20px); 
  height: clamp(15px, 1.0417vw, 20px);
}

.modal.modal-material.task-modal .task-time-block__field--time {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: clamp(8px, 0.5208vw, 10px);
}

.modal.modal-material.task-modal .task-time-block__body > .task-time-block__row:first-child .task-time-block__field {
  background: #CFCFCF26;
  text-decoration: underline;
}

.modal.modal-material.task-modal .task-time-block__field--date{
  width: 7.3vw;   
  justify-content: space-between; 
}

.modal.modal-material.task-modal .task-time-block__field--time{
  width: 3.9vw;
  justify-content: center;
}

.modal.modal-material.task-modal .task-performer-block {
  display: flex;
  flex-direction: column;
  row-gap: clamp(23px, 1.5625vw, 30px); 
  align-items: flex-start;
}

.modal.modal-material.task-modal .task-performer-block > div {
  width: 100%;
}

.modal.modal-material.task-modal .task-performer-block > div > span {
  font-family: Montserrat;
  font-weight: 600;
  font-size: clamp(12px, 0.8333vw, 16px); 
  line-height: 1.25;
  letter-spacing: 0;
  color: white;
  padding: 0 clamp(23px, 1.5625vw, 30px) clamp(11px, 0.7813vw, 15px); 
  display: block;
  width: 100%;
  border-bottom: 0.26px dashed rgba(255, 255, 255, 0.46);
}

.modal.modal-material.task-modal .task-perfomer-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: clamp(15px, 1.0417vw, 20px); 
  padding: clamp(11px, 0.7813vw, 15px) clamp(23px, 1.5625vw, 30px) 0; 
  text-align: left;
  font-family: Montserrat;
  letter-spacing: 0;
  color: white;
}

.modal.modal-material.task-modal .task-perfomer-info__image {
  min-width: clamp(34px, 2.3438vw, 45px);
  width: clamp(34px, 2.3438vw, 45px);
  height: clamp(34px, 2.3438vw, 45px);
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.modal.modal-material.task-modal .task-perfomer-info__image img {
  width: inherit;
  height: auto;
}

.modal.modal-material.task-modal .task-perfomer-info__image + div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: clamp(1px, 0.0521vw, 1px); 
}

.modal.modal-material.task-modal .task-perfomer-info b {
  font-weight: 600;
  font-size: clamp(12px, 0.7292vw, 14px); 
  line-height: 1.2;
}

.modal.modal-material.task-modal .task-perfomer-info b + span{
  font-weight: 500;
  font-size: clamp(11px, 0.6250vw, 12px); 
  line-height: 1.2;
}

@media (max-width: 1599.5px){
  .modal.modal-material.task-modal .modal-dialog {
    height: calc(100vh - 87.55px);
    margin: 87.55px 0 0 auto;
  }
}

@media (max-width: 1199.5px){
  .modal.modal-material.task-modal .modal-dialog {
    height: calc(100vh - 68px);
    max-width: calc(100vw - 50px);
    margin: 68px 0 0 auto;
  }

  .modal.modal-material.task-modal .task{
    flex-direction: column;
    gap: 20px;
  }

  .modal.modal-material.task-modal .task-info,
  .modal.modal-material.task-modal .task-time{
    min-width: 100%;
  }

  .modal.modal-material.task-modal .task-time {
    flex-direction: row-reverse;
    column-gap: clamp(10px, 3.3vw, 40px);
  }

  .modal.modal-material.task-modal .task-time-block {
    min-width: fit-content;
  }

  .modal.modal-material.task-modal .task-performer-block {
    width: 100%;
  }
}

@media (max-width: 767.5px){
  .modal.modal-material.task-modal .task-time {
    flex-direction: column;
  }

  .modal.modal-material.task-modal .modal-dialog {
    height: 100vh;
    margin: 0 0 0 auto;
  }
}

/* конец */

/*отображение файлов в базе знаний - pdf*/
.modal-material.document .modal-dialog {
  max-width: 75.52vw;  
  margin: 0 0 0 auto;
  padding: 0;
  position: relative;
  height: 100%;
}

.modal-material.document .modal-content {
  height: 100%;
}

.modal-material.document .modal-body {
  background: #373737b8;
  border-radius: 0;
  box-shadow: unset;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.modal-material.document .modal-body::before {
  position: absolute;
  content: '';
  height: 100%;
  border: none;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  backdrop-filter: blur(5px);
}

.modal-material.document iframe {
  height: calc(100% - 1.04vw);
  border: none;
  width: calc(100% - 2.08vw);
}
.modal-material.document .btn-close {
  width: 2.60vw;
  height: 1.82vw;
  background: #6d95ac;
  position: relative;
  border-radius: 0.78vw 0 0 0.78vw;
  top: 3.5vw;
  left: -2.60vw;
  right: unset;
}

.modal-material.document .btn-close span {
  position: absolute;
  content: '';
  width: 0.68vw;
  height: 0.68vw;
  background: url(../images/adaptation/modal-close-white.png) center center no-repeat;
  background-size: 0.68vw 0.68vw;
  top: 0.57vw;
  left: 0.78vw;
} 

.modal-material.document .btn-close:hover::before {
  position: absolute;
  content: attr(data-tooltip);
  bottom: -1.52vw;
  right: 2.8vw;
  color: rgb(119, 119, 119);
  z-index: 1000;
  box-shadow: rgba(0, 0, 0, 0.25) 0vw 0.13vw 0.13vw 0vw;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 0.63vw;
  line-height: 0.63vw;
  letter-spacing: -0.02em;
  background: rgb(255, 255, 255);
  padding: 0.42vw 0.63vw;
  border-radius: 0.31vw 0vw 0.31vw 0.31vw;
  white-space: nowrap;
}

.modal-material.document .btn-close:hover::after {
  content: "";
  position: absolute;
  bottom: -0.2vw;
  right: 2.8vw;
  width: 0vw;
  height: 0vw;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0vw -0.05vw 0.05vw);
  border-left: 0.42vw solid transparent;
  border-bottom: 0.42vw solid white;
}

.modal-material.document .top-row {
  padding: 1.04vw 0 1.04vw 1.04vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  column-gap: 0.78vw;
  margin-bottom: 1.04vw;
  border-bottom: 0.01vw solid #FFFFFF50;
  width: 100%;
} 

.modal-material.document .top-row .modal-title-btn {
  max-width: 30.06vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.modal-material.document .top-row button {
  font-family: Montserrat;
  font-weight: 500;
  font-style: SemiBold;
  font-size: 0.73vw;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: white;
  padding: 0.78vw 1.30vw;
  background: #CFCFCF26;
  border-radius: 1.04vw;
  transition: background-color 0.5s;
}

.modal-material.document .top-row button:active {
  scale: 0.98;
}

.modal-material.document .top-row button.active {
  background: #6D95AC;
  transition: all 0.3s ease;
}

.modal-material.document .top-row button:hover {
  background: #6D95AC;
  transition: all 0.3s ease;
}

.modal-material.document .top-row a {
   margin-left: auto!important;
}

.modal-material.document .modal-open-btn {
  width: 7.03vw;
  height: 2.34vw;
  border-radius: 1.30vw 0 0 1.30vw!important;
  background: #CFCFCF26;

  position: relative;
}

.modal-material.document .modal-open-btn span {
  position: absolute;
  content: '';
  width: 1.41vw;
  height: 1.41vw;
  background: url(../images/adaptation/modal-open-btn.svg) center center no-repeat;
  background-size: 1.41vw 1.41vw;
  top: 0.47vw;
  left: 1.30vw;
}

.modal-material.document .material-tabs {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0; 
}

.modal-material.document .material-tab-pane { 
  width: 100%;
  height: 100%;
  display: none;
}

.modal-material.document .material-tab-pane.tab-desc {
  flex: 1;
  height: auto;
  min-height: 0;
}

.modal-material.document .material-tab-pane.is-active { 
  display: flex;
  flex-direction: column;
  align-items: center; 
  flex: 1;
  min-height: 0;
}

.modal-material.document .modal-description {
  width: calc(100% - 2.08vw);
  color: black;
  background: white;
  padding: 1.04vw;
  height: fit-content;
  margin-bottom: 0;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  margin-bottom: 1.04vw;
}

.modal-material.document .modal-description.unvailable {
  width: fit-content;
  flex: unset;
  margin: auto;
  border-radius: 1.04vw;
}

.modal-material.document .frame-wrap{
  position: relative;
  width: 100%;
  height: 100%;
  flex: 1;
  min-height: 0;
  display: flex;
  justify-content: center;
}

.modal-material.document .iframe-loader{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 20;
  backdrop-filter: blur(10px);
  width: calc(100% - 2.08vw);
  height: calc(100% - 1.04vw);
}

.modal-material.document .iframe-loader.active{
  opacity: 1;
  visibility: visible;
}

.modal-material.document .iframe-loader .spinner{
  width: 2.40vw;
  height: 2.40vw;
  border: 0.22vw solid #ffffff;
  border-top: 0.22vw solid #6d95ac;
  border-radius: 50%;
  animation: kbspin 1s linear infinite;
  margin-bottom: 0.65vw;
}

.modal-material.document .iframe-loader span{
  font-size: 0.85vw;
  color: #ffffff;
  font-weight: 500;
  font-family: Montserrat;
}

@keyframes kbspin { to { transform: rotate(360deg); } }

/*отображение файлов в базе знаний - pdf - конец*/

/*страница /adaptation/admin-profile*/
.main-page.admin-profile {
  justify-content: center;
  align-items: center;
  padding-bottom: 5.21vw; /* 100px */
}

.main-page.admin-profile a {
  font-family: Artegra Sans Extended;
  font-weight: 400;
  font-size: 0.95vw; /* 18.28px */
  line-height: 100%;
  letter-spacing: -2%;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  height: 5.26vw; /* 101px */
  min-width: 25.36vw; /* 487px */
  padding-top: 1.3vw; /* 25px */
  padding-right: 1.82vw; /* 35px */
  background: url(../images/admin-profile-recruiting-bg.svg) center center no-repeat;
  background-size: contain;
  display: flex;
  justify-content: flex-end;
  left: -3.65vw; /* -70px */
  position: relative;
}

.main-page.admin-profile .puzzle-item--2 a {
  background: url(../images/admin-profile-adaptation-bg.svg) center center no-repeat;
  background-size: contain;
  min-width: 27.66vw; /* 531px */
  padding-bottom: 1.3vw; /* 25px */
  align-items: flex-end;
  margin-top: -2.6vw; /* -50px */
  right: -2.34vw; /* -45px */
  left: unset;
  position: relative;
  height: 5.21vw; /* 100px */
}

.admin-profile.puzzle .puzzle-item{
  opacity: 0;
  will-change: transform, opacity;
}

.admin-profile.puzzle.is-in .puzzle-item--1{
  animation: puzzleIn1 700ms cubic-bezier(.2,.9,.2,1) both;
}
.admin-profile.puzzle.is-in .puzzle-item--2{
  animation: puzzleIn2 700ms cubic-bezier(.2,.9,.2,1) both;
  animation-delay: 90ms;
}

.admin-profile.puzzle--diag.is-in .puzzle-item--1{ animation-name: diagIn1; }
.admin-profile.puzzle--diag.is-in .puzzle-item--2{ animation-name: diagIn2; }

@keyframes diagIn1{
  0%   { transform: translate3d(-6.25vw,-3.12vw,0); opacity: 0; } /* -120px,-60px */
  70%  { transform: translate3d(0.31vw, 0.36vw,0);  opacity: 1; } /* 6px,7px */
  100% { transform: translate3d(0,0,0);             opacity: 1; }
}
@keyframes diagIn2{
  0%   { transform: translate3d(7.29vw, 3.65vw,0); opacity: 0; } /* 140px,70px */
  70%  { transform: translate3d(-0.31vw,-0.36vw,0); opacity: 1; } /* -6px,-7px */
  100% { transform: translate3d(0,0,0);            opacity: 1; }
}

.main-page.admin-profile a{
  transition: transform 160ms ease, filter 160ms ease;
}
.main-page.admin-profile a:hover{
  transform: translate3d(0,-0.1vw,0); /* -2px */
  filter: drop-shadow(0 0.52vw 0.94vw rgba(0,0,0,.35)); /* 10px,18px */
}
.main-page.admin-profile a:active{
  transform: translate3d(0,0,0) scale(0.99);
}

@media (prefers-reduced-motion: reduce){
  .admin-profile.puzzle .puzzle-item{ opacity: 1; transform: none; animation: none !important; }
}

/*страница /adaptation/admin-profil - конец*/
.user-filter-table__input {
  color: #6D95AC;
}

/*изменения для просмотра участников чата*/
.recruiting-cabinet--chat .chat-right {
  position: relative;
}

.recruiting-cabinet--chat .chat-topbar {
  position: sticky;
  top: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.10);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 14px 14px 0 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.recruiting-cabinet--chat .chat-topbar-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.recruiting-cabinet--chat .chat-topbar-title {
  font-size: 0.9333vw;
  font-weight: 700;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.92);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 520px;
}

.recruiting-cabinet--chat .chat-topbar-sub {
  font-size: 0.7vw;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.60);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recruiting-cabinet--chat .chat-avatar-stack {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.recruiting-cabinet--chat .chat-avatar-stack-inner {
  display: inline-flex;
  align-items: center;
  position: relative;
  padding-left: 6px;
}

.recruiting-cabinet--chat .chat-avatar-stack-item {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
  margin-left: -6px;
  background: rgba(255, 255, 255, 0.10);
}

.recruiting-cabinet--chat .chat-avatar-stack-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.recruiting-cabinet--chat .chat-avatar-stack-plus {
  font-size: 0.7vw;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.85);
  padding-right: 2px;
}

.recruiting-cabinet--chat .chat-members-drawer {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 380px;
  max-width: 92%;
  z-index: 11;
  background: rgba(40, 40, 45, 0.86);
  border-left: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: -18px 0 50px rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.recruiting-cabinet--chat .chat-members-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.recruiting-cabinet--chat .chat-members-title {
  font-weight: 700;
  font-size: 0.8167vw;
  color: rgba(255, 255, 255, 0.92);
}

.recruiting-cabinet--chat .chat-members-count {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.55);
}

.recruiting-cabinet--chat .chat-members-close {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  background: rgba(0,0,0,0.12);
  color: rgba(255,255,255,0.85);
  cursor: pointer;
  font-size: 0.8167vw;
}

.recruiting-cabinet--chat .chat-members-close:hover {
  background: rgba(0,0,0,0.18);
}

.recruiting-cabinet--chat .chat-members-chatname {
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}

.recruiting-cabinet--chat .chat-members-label {
  font-size: 0.7vw;
  color: rgba(255, 255, 255, 0.55);
  margin-bottom: 6px;
}

.recruiting-cabinet--chat .chat-members-chatname-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.recruiting-cabinet--chat .chat-members-chatname-text {
  font-size: 0.7584vw;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.92);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 230px;
}

.recruiting-cabinet--chat .chat-members-rename {
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(0,0,0,0.12);
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 0.7vw;
  cursor: pointer;
  color: rgba(255,255,255,0.85);
}

.recruiting-cabinet--chat .chat-members-rename:hover {
  background: rgba(0,0,0,0.18);
}

.recruiting-cabinet--chat .chat-members-rename-form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.recruiting-cabinet--chat .chat-members-rename-input {
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: rgba(0,0,0,0.14);
  border-radius: 12px;
  color: rgba(255,255,255,0.92);
  padding: 10px 12px;
  font-size: 0.7584vw;
  outline: none;
}

.recruiting-cabinet--chat .chat-members-rename-actions {
  display: flex;
  gap: 10px;
}

.recruiting-cabinet--chat .chat-members-rename-save,
.recruiting-cabinet--chat .chat-members-rename-cancel {
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(0,0,0,0.12);
  border-radius: 10px;
  padding: 8px 10px;
  font-size: 0.7vw;
  cursor: pointer;
  color: rgba(255,255,255,0.85);
}

.recruiting-cabinet--chat .chat-members-rename-save:hover,
.recruiting-cabinet--chat .chat-members-rename-cancel:hover {
  background: rgba(0,0,0,0.18);
}

.recruiting-cabinet--chat .chat-members-body {
  padding: 10px 10px 12px;
  overflow: auto;
}

.recruiting-cabinet--chat .chat-members-loading {
  padding: 18px 10px;
  text-align: center;
  color: rgba(255, 255, 255, .55);
  font-size: 0.7584vw;
}

.recruiting-cabinet--chat .chat-member-item {
  display: flex;
  gap: 10px;
  padding: 10px 10px;
  border: 1px solid rgba(255, 255, 255, .10);
  border-radius: 16px;
  margin-bottom: 10px;
  background: rgba(0,0,0,0.12);
  align-items: center;
}

.recruiting-cabinet--chat .chat-member-avatar img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  object-fit: cover;
}

.recruiting-cabinet--chat .chat-member-meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.recruiting-cabinet--chat .chat-member-name-row {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  position: relative;
}

.recruiting-cabinet--chat .chat-member-name {
  font-size: 0.7584vw;
  line-height: normal;
  font-weight: 800;
  color: rgba(255, 255, 255, 0.92);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 235px;
}

.recruiting-cabinet--chat .chat-member-you {
  font-size: 0.6416vw;
  font-weight: 800;
  padding: 3px 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.10);
  color: rgba(255, 255, 255, 0.75);
  flex: 0 0 auto;
  position: absolute;
  left: 100%;
  margin-left: 10px;
}

.recruiting-cabinet--chat .chat-member-job {
  font-size: 0.7vw;
  line-height: normal;
  color: rgba(255, 255, 255, 0.60);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}

.recruiting-cabinet--chat .chat-topbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.recruiting-cabinet--chat .chat-topbar-actions {
  position: relative;
}

.recruiting-cabinet--chat .chat-topbar-menu-btn {
  width: 34px;
  height: 34px;
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 10px;
  background: rgba(0,0,0,0.12);
  color: rgba(255,255,255,0.85);
  font-size: 1.1667vw;
  cursor: pointer;
}

.recruiting-cabinet--chat .chat-topbar-menu-btn:hover {
  background: rgba(0,0,0,0.18);
}

.recruiting-cabinet--chat .chat-topbar-menu {
  position: absolute;
  top: 42px;
  right: 0;
  width: 190px;
  background: rgba(40, 40, 45, 0.92);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
  overflow: hidden;
  z-index: 20;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.recruiting-cabinet--chat .chat-topbar-menu-item {
  width: 100%;
  text-align: left;
  padding: 10px 12px;
  border: 0;
  background: transparent;
  cursor: pointer;
  font-size: 0.7584vw;
  color: rgba(255,255,255,0.88);
}

.recruiting-cabinet--chat .chat-topbar-menu-item:hover {
  background: rgba(255,255,255,0.06);
}

.recruiting-cabinet--chat .chat-input-group + span:not(:empty) {
  margin-top: 10px;
  font-size: 0.9333vw;
}

.recruiting-cabinet--chat .chat-input-group + span + div {
  font-size: 0.8167vw;
  color: #cfcfcfc2;
}

.recruiting-cabinet--chat .chat-message-file a {
  font-style: italic;
}

.recruiting-cabinet--chat .chat-message-file a:focus {
  color: white;
}

.recruiting-cabinet--chat .search-line .chat-search-users .chat-search-users--scroll {
  max-height: 18.23vw;
  overflow-y: scroll;
}

.recruiting-cabinet--chat .chat-message-author{
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  color: #6D95AC;
  white-space: nowrap;
  margin-bottom: -0.26vw;
}
/*изменения для просмотра участников чата - конец*/