@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Thin.woff') format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-UltraLight.woff') format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Light.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-SemiBold.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-ExtraBold.woff') format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Gilroy;
  src: url('../fonts/Gilroy-Black.woff') format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}

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

@font-face {
  font-family: Unbounded;
  src: url('../fonts/Unbounded.ttf') format('truetype-variations');
  src: url('../fonts/Unbounded.ttf') format('truetype') tech('variations');
  font-weight: 200 900;
  font-display: auto;
}

@font-face {
  font-family: TikTokSans;
  src: url('../fonts/TikTokSans.ttf') format('truetype-variations');
  src: url('../fonts/TikTokSans.ttf') format('truetype') tech('variations');
  font-weight: 300 900;
  font-display: auto;
}

@font-face {
  font-family: "Inter";
  src: url('../fonts/Inter.ttf') format('truetype-variations');
  src: url('../fonts/Inter.ttf') format('truetype') tech('variations');
  font-weight: 100 900;
  font-display: auto;
}

:root {
  --black-100: black;
  --black-75: #000000bf;
  --black-05: #0000000d;
  
  --black-02: #00000005;
  --turq-100: #3ca0ff;
  --turq-hover: #2570b7;
  --blue-50: #077aa680;
  --blue-100: #077aa6;
  --black-10: #0000001a;
  --white-10: #ffffff1a;
  --white-75: #ffffffbf;
  --transparent: #0000;
  --blue-10: #077aa61a;
  --blue-15: #077aa626;
  --red-10: #f4004d1a;
  --red-15: #f4004d26;
  --blue-30: #077aa64d;
  --white-15: #ffffff26;
  --white-50: #ffffff80;
  --black-30: #0000004d;
  --blue-05: #077aa60d;
  --blue-75: #077aa6bf;
  --red-100: #f4004d;
  --blue-dark: #0c4d66;
  --green-100: #43b531;
  --green-15: #43b53126;
  --turq-10: #3ca0ff1a;
  --turq-15: #3ca0ff26;
  --turq-30: #3ca0ff4d;
  --black-50: #00000080;
  --white-30: #ffffff4d;
  --turq-05: #3ca0ff0d;
  --green-10: #43b5311a;
  --blue-light: #2E48EE;
  --white-100: #F5F4EF;
  --violet-light: #5874FB;
  --violet-dark: #5729E3;
  --violet: #8963FB;
  --green: #3FC28D;
  --light-green: #6CEEA2;
  --red: #EA4D5A;
  --red-light: #F47A7E;
  --dark: #2E2E2E;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

h4 {
  color: #040059;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
}

p {
  color: #4b6986;
  letter-spacing: .5px;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 170%;
}

a {
  font-weight: 500;
  text-decoration: none;
  transition: all .2s cubic-bezier(.35, 0, 0, 1);
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  color: #4b6986;
  letter-spacing: .5px;
  margin-bottom: 5px;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 170%;
}

strong {
  color: var(--black-100);
  font-weight: 600;
}

figure {
  margin-bottom: 0;
}

.body {
  color: var(--black-75);
  background-color: #f2faff;
  font-family: TikTokSans, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 170%;
  overflow-x: hidden;
}

.body.mod--likbez {
  background-color: var(--black-05);
}

.header {
  z-index: 10;
  background-color: var(--white-100);
  box-shadow: 5px 5px 10px 0 var(--black-02);
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.socials-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.text-md-up {
  color: var(--black-75);
  letter-spacing: .05ch;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.text-md-up.mod--video-controls {
  color: var(--turq-100);
  text-align: center;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  max-width: 48px;
  line-height: 100%;
  display: flex;
}

.text-md-up.mod--v-back {
  color: var(--turq-100);
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 100%;
  display: block;
}

.text-md-up.mod--v-back:hover {
  opacity: 1;
  color: var(--turq-hover);
}

.header-search-icon {
  cursor: pointer;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-left: 3vw;
  transition: opacity .2s cubic-bezier(.215, .61, .355, 1);
  display: block;
}

.header-search-icon:hover {
  opacity: .6;
}

.text-sm-up {
  color: var(--black-75);
  letter-spacing: .05ch;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.text-sm-up.mod--partner {
  color: var(--blue-50);
  max-width: 280px;
  font-size: 12px;
}

.text-sm-up.mod--partner.mod--inner {
  color: var(--black-75);
  text-align: center;
}

.text-sm-up.mod--btn {
  color: var(--white-100);
  text-align: center;
  line-height: 100%;
}

.text-sm-up.mod--btn.mod--second {
  color: var(--blue-100);
}

.text-sm-up.mod--btn.mod--mat-t-count {
  background-color: var(--turq-100);
  color: var(--white-100);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  padding: 6px 8px;
  display: flex;
}

.text-sm-up.mod--btn.mod--white {
  color: var(--blue-100);
}

.text-sm-up.mod--form-status {
  color: var(--black-100);
  text-align: center;
}

.text-sm-up.mod--form-status.mod--dark-bg {
  color: var(--white-100);
}

.text-sm-up.mod--label {
  color: var(--blue-100);
  text-align: center;
  line-height: 100%;
}

.text-sm-up.mod--v-label {
  border: 1px solid var(--black-10);
  border-radius: 8px;
  padding: 8px 12px;
  line-height: 100%;
}

.text-sm-up.mod--v-label.mod--v-cert {
  border-color: var(--white-10);
  color: var(--white-100);
}

.text-sm-up.mod--v-cert-result {
  color: var(--white-100);
  text-align: center;
  line-height: 100%;
}

.text-sm-up.mod--v-cert-share {
  color: var(--white-75);
  line-height: 100%;
}

.text-sm-up.mod--v-cert-banner {
  color: var(--white-100);
  line-height: 100%;
}

.content {
  width: 100%;
  max-width: 1440px;
  padding-left: 130px;
  padding-right: 130px;
}

.content.mod--video {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.content.mod--header {
  z-index: 2;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
}

.content.mod--header.mod--scroll {
  padding-top: 12px;
  padding-bottom: 12px;
}

.content.mod--last {
  margin-top: 64px;
}

.content.mod--footer {
  padding-top: 32px;
  padding-bottom: 32px;
}

.content.mod--header-mob {
  z-index: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: auto;
}

.content.mod--lk {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.content.mod--first-home {
  z-index: 1;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: minmax(0, 1fr);
  align-items: center;
  display: flex;
  position: relative;
}

.content.mod--404 {
  z-index: 1;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: minmax(0, 1fr);
  justify-content: center;
  align-items: center;
  min-height: 600px;
  display: flex;
  position: relative;
}

.content.mod--cards-home {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.title-h2 {
  color: var(--black-100);
  letter-spacing: .03ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 110%;
}

.text-md-bold {
  color: var(--black-75);
  letter-spacing: .03ch;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 140%;
}

.text-md-bold.mod--tabs-menu {
  color: var(--black-100);
  margin-top: 0;
  margin-bottom: 0;
  line-height: 110%;
}

.title-h4 {
  color: var(--black-100);
  letter-spacing: .03ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 110%;
}

.title-h4.mod--v-inner-subtitle.mod--likbez {
  color: var(--black-100);
}

.title-h4.mod--v-cert {
  color: var(--white-100);
}

.text-md {
  color: var(--white-100);
  margin-bottom: 0;
  font-family: TikTokSans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 120%;
  text-decoration: none;
}

.text-md.mod--input-checkbox {
  color: var(--black-100);
  line-height: 120%;
}

.text-md.mod--input-checkbox.mod--blue {
  color: var(--white-100);
}

.text-md.mod--v-cert, .text-md.mod--white {
  color: var(--white-75);
}

.btn {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--green);
  border-radius: 34px;
  justify-content: center;
  align-items: center;
  padding: 10px 22px;
  text-decoration: none;
  box-shadow: 0px 2.73px 5.45px 0px #655C804D;
  transition: all .2s cubic-bezier(.35, 0, 0, 1);
  display: flex;
  position: relative;
}

.btn:hover {
  background-color: var(--violet-light);
  box-shadow: none;
  opacity: 1;
}

.btn.mod--second {
  background-color: var(--blue-10);
}

.btn.mod--second:hover {
  background-color: var(--blue-15);
}

.btn.mod--second.mod--arrow {
  background-color: var(--turq-100);
  border-width: 0;
  border-color: #0000;
  border-radius: 100%;
  justify-content: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  margin-top: 0;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
}

.btn.mod--second.mod--arrow:hover {
  background-color: var(--turq-hover);
  opacity: 1;
}

.btn.mod--second.mod--v-inner-aside {
  width: 100%;
}

.btn.mod--second.mod--v-inner-aside-more {
  display: none;
}

.btn.mod--second.mod--card-video {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
}

.btn.mod--second.mod--card-video.mod--done {
  opacity: .75;
  cursor: default;
}

.btn.mod--second.mod--card-video.mod--done:hover {
  background-color: var(--blue-10);
}

.btn.mod--second.mod--card-video.mod--wait {
  filter: grayscale();
  cursor: default;
}

.btn.mod--second.mod--card-video.mod--wait:hover {
  background-color: var(--blue-10);
}

.btn.mod--second.mod--catalog {
  width: auto;
}

.btn.mod--second.mod--series-c-aside {
  width: 100%;
  min-height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.btn.mod--second.mod--card-cert {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  width: auto;
  min-height: auto;
  padding: 8px 12px;
}

.btn.mod--second.mod--red {
  background-color: var(--red-10);
}

.btn.mod--second.mod--red:hover {
  background-color: var(--red-15);
}

.btn.mod--second.mod--red.mod--tip-logout {
  min-height: auto;
}

.btn.mod--second.mod--tip {
  justify-content: space-between;
  align-items: center;
}

.btn.mod--second.mod--active {
  background-color: var(--blue-30);
  cursor: default;
}

.btn.mod--second.mod--aside {
  width: 100%;
}

.btn.mod--second.mod--v-cert-a {
  background-color: #e6f1f6;
}

.btn.mod--second.mod--v-cert-a:hover {
  background-color: #daebf2;
}

.btn.mod--arrow {
  background-color: var(--turq-100);
  border-radius: 0;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  padding: 0;
  transition-property: all;
}

.btn.mod--arrow:hover {
  background-color: var(--turq-hover);
  opacity: 1;
}

.btn.mod--arrow.swiper-button-disabled {
  opacity: .5;
  cursor: default;
}

.btn.mod--arrow.swiper-button-disabled:hover {
  background-color: var(--turq-100);
}

.btn.mod--v-inner-mat-overlay {
  background-color: var(--turq-100);
  color: var(--white-100);
  letter-spacing: .03ch;
  width: 100%;
  min-height: 44px;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.btn.mod--v-inner-mat-overlay:hover {
  background-color: var(--turq-hover);
}

.btn.mod--white {
  background-color: var(--white-100);
  color: var(--blue-100);
}

.btn.mod--white:hover {
  opacity: .75;
}

.btn.mod--white.mod--slider {
  background-color: var(--red);
  box-shadow: 0px 4px 8px 0px #655C804D;
  min-width: 200px;
}

.btn.mod--white.mod--slider .text-lg-bold.mod--btn-blue {
  font-family: TikTokSans, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--white-100);
}

.btn.mod--white.mod--banner {
  min-width: 240px;
}

.btn.mod--white-second {
  background-color: var(--white-10);
  color: var(--white-100);
}

.btn.mod--white-second:hover {
  background-color: var(--white-15);
}

.btn.mod--white-second.mod--banner-sm-dark {
  width: auto;
  min-width: 120px;
  min-height: auto;
}

.btn.mod--text {
  background-color: var(--transparent);
  border-radius: 0;
  width: auto;
  min-height: auto;
  padding: 0;
}

.btn.mod--text:hover {
  opacity: .75;
}

.btn.mod--text.mod--v-cert-banner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
}

.btn.mod--v-cert-form {
  background-color: var(--white-100);
  color: var(--blue-100);
  letter-spacing: .03ch;
  width: 100%;
  min-height: 44px;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  transition-duration: .2s;
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
}

.btn.mod--v-cert-form:hover {
  opacity: .75;
}

.btn.mod--lk-form {
  background-color: var(--green);
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 100%;
  transition-duration: .2s;
  box-shadow: 0px 3.12px 6.23px 0px #655C804D;
  transition-timing-function: cubic-bezier(.35, 0, 0, 1);
}

.btn.mod--lk-form:hover {
  background-color: var(--turq-hover);
  box-shadow: none;
}

.btn.mod--list-plug {
  width: auto;
  min-height: auto;
}

.btn.mod--tip {
  min-height: auto;
}

.btn.mod--card-box {
  width: 100%;
}

.btn.mod--cookie {
  color: var(--white-100);
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
}

.btn.mod--aside {
  width: 100%;
}

.footer {
  background-color: var(--blue-light);
  background-repeat: no-repeat;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button-icon {
  height: 16px;
  min-height: 16px;
}

.button-icon.mod--video-controls {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
  display: block;
}

.logo-atman:hover {
  opacity: .75;
}

.logo-atman-img {
  min-width: 80px;
  display: block;
}

.title-h3 {
  color: var(--black-100);
  letter-spacing: .03ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 115%;
}

.title-h3.mod--v-inner-title {
  margin-bottom: 8px;
}

.title-h3.mod--v-cert {
  width: 100%;
}

.title-h3.mod--white, .title-h3.mod--banner {
  color: var(--white-100);
}

.header-burger-res {
  display: none;
}

.text-sm {
  color: var(--black-75);
  letter-spacing: .03ch;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 170%;
  text-decoration: none;
}

.text-sm.mod--footer {
  color: var(--violet-light);
}

.text-sm.mod--footer.mod--link {
  color: var(--violet-light);
  text-align: center;
}

.text-sm.mod--footer.mod--link:hover {
  color: var(--white-50);
}

.text-sm.mod--v-cert-form {
  color: var(--white-75);
}

.text-sm.mod--v-cert-form.mod--centered {
  text-align: center;
}

.text-sm.mod--v-cert-banner {
  color: var(--black-100);
  width: 100%;
}

.title-h5 {
  color: var(--black-100);
  letter-spacing: .03ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 110%;
}

.title-h5.mod--card-video {
  text-align: left;
}

.title-h5.mod--v-inner-mat-form {
  text-align: center;
  width: 100%;
}

.title-h5.mod--list-plug {
  color: var(--black-30);
  text-align: center;
}

.title-h5.mod--v-cert-num {
  color: var(--turq-hover);
  text-align: center;
  line-height: 100%;
}

.socials-share {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px solid var(--white-10);
  border-radius: 4px;
  align-items: center;
  padding: 6px 12px;
  display: flex;
}

.socials-share.mod--v-cert {
  border-width: 1px 0 0;
  border-color: var(--black-10) var(--transparent) var(--transparent);
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px 0 0;
}

.socials {
  background-color: var(--turq-100);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.socials:hover {
  opacity: .6;
}

.socials-img {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  display: block;
}

.socials-img.mod--partner {
  object-fit: contain;
  object-position: 0% 50%;
  width: 100%;
  min-width: auto;
  max-width: 160px;
  height: auto;
  min-height: auto;
  max-height: 48px;
}

.socials-img.mod--partner.mod--inner {
  object-position: 50% 50%;
}

.screen {
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin-bottom: 128px;
  display: flex;
}

.screen.mod--video {
  padding-top: 120px;
}

.screen.mod--lk {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  padding-top: 120px;
}

.screen.mod--first-home {
  padding-top: 72px;
  background-color: #435AF0;
}

.screen.mod--404 {
  padding-top: 76px;
}

.screen.org {
  background-color: var(--blue-light);
  background-image: url('/wp-content/uploads/2025/12/group-2131330797.svg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 80px 0;
  margin-bottom: 0;
}

.screen.par {
  background-color: #52C898;
  padding: 70px 0;
  margin-bottom: 0;
}

.screen.lec {
  padding: 50px 0;
  margin-bottom: 0;
}

.screen.org .title-h2 {
  font-family: "Unbounded", sans-serif;
  font-size: 35px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--white-100);
}

.screen.par .content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.screen.par .title-h2 {
  font-family: "Unbounded", sans-serif;
  font-size: 35px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--white-100);
  z-index: 1;
}

.screen.par .title-par {
  display: flex;
  align-self: center;
  position: relative;
}

.screen.par .circle {
  content: "";
  position: absolute;
  top: -60px;
  left: -75px;
  width: 150px;
  height: 150px;
  border-radius: 100%;
  background-color: var(--red);
  z-index: 0;
}

.v-inner-main {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  background-color: var(--white-100);
  border-radius: 0;
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  display: grid;
  position: relative;
}

.v-inner-main.mod--v-cert {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: url('../images/ill-pattern-test.png');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
}

.v-inner-main.mod--banner {
  background-color: #435AF0;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  display: flex;
  height: auto;
}

.v-inner-main.mod--banner.swiper-slide {
  min-width: 100%;
}

.v-inner-main.mod--v-cert {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--blue-light);
  border-radius: 10px;
  padding: 60px 0 60px 60px;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

#v-test .title-h3 {
  color: var(--white-100);
}

.v-inner-main.mod--v-cert.mod--hidden {
  display: none;
}

.v-inner-title {
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-bottom: 32px;
  display: flex;
}

.v-inner-title.mod--nobg {
  border-bottom-color: var(--black-10);
  margin-bottom: 32px;
}

.v-inner-title.mod--nobg-card {
  border-bottom-color: var(--black-10);
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.v-inner-title.mod--v-inner-mat-form {
  justify-content: center;
  align-items: center;
  padding-bottom: 24px;
  overflow: hidden;
}

.v-inner-subtitle {
  border-bottom: 1px solid var(--black-05);
  width: 100%;
  padding-bottom: 16px;
}

.v-inner-subtitle.mod--bg {
  border-bottom-color: var(--black-10);
}

.v-inner-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid var(--black-05);
  border-radius: 0;
  flex-flow: column;
  width: 100%;
  padding: 32px;
  display: flex;
  position: relative;
}

.v-inner-box.mod--bg {
  border-width: 0;
  border-color: var(--transparent);
  background-color: var(--blue-05);
}

.v-inner-box.mod--height {
  min-height: 680px;
}

.v-inner-box.mod--height.mod--modal, .v-inner-box.mod--modal {
  border-width: 0;
  border-radius: 0;
  padding: 0;
}

.text-lg {
  color: var(--black-75);
  letter-spacing: .03ch;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 170%;
  text-decoration: none;
}

.text-lg.mod--v-inner-banner {
  color: var(--black-100);
}

.text-lg.mod--v-cert {
  width: 100%;
}

.text-lg.mod--banner {
  color: var(--white-75);
}

.v-inner-l-group {
  border-left: 1px solid var(--black-05);
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.v-inner-l {
  border-top: 1px solid var(--black-05);
  border-right: 1px solid var(--black-05);
  border-bottom: 1px solid var(--black-05);
  justify-content: center;
  align-items: center;
  width: 16.66%;
  min-width: 16.66%;
  padding-top: 15px;
  padding-bottom: 15px;
  transition: background-color .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  overflow: hidden;
}

.v-inner-l:hover {
  background-color: var(--black-05);
  opacity: 1;
}

.v-inner-l-img {
  object-fit: contain;
  width: 70px;
  min-width: 70px;
  height: 40px;
  min-height: 40px;
  display: block;
}

.v-inner-m-group {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: wrap;
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  justify-content: space-between;
  width: 100%;
  display: grid;
}

.v-inner-m {
  border: 1px solid var(--black-10);
  border-radius: 0;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.v-inner-m-img {
  background-color: var(--blue-10);
  border-radius: 8px;
  width: 80px;
  min-width: 80px;
  height: 80px;
  min-height: 80px;
  margin-right: 24px;
  display: block;
  overflow: hidden;
}

.v-inner-m-text {
  width: 100%;
}

.text-rich {
  color: var(--black-75);
  width: 100%;
  margin-bottom: -16px;
}

.text-rich p {
  color: var(--black-75);
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 400;
  line-height: 170%;
}

.text-rich li {
  color: #5d6970;
  margin-bottom: 16px;
  font-size: 18px;
  font-weight: 400;
  line-height: 170%;
}

.text-rich ul {
  margin-bottom: 0;
  padding-left: 24px;
}

.text-rich h1, .text-rich h2, .text-rich h3, .text-rich h4 {
  color: var(--black-100);
  margin-top: 16px;
  margin-bottom: 16px;
  font-weight: 600;
  line-height: 110%;
}

.text-rich h5, .text-rich h6 {
  color: var(--black-100);
  margin-top: 12px;
  margin-bottom: 12px;
  font-weight: 600;
  line-height: 110%;
}

.text-rich strong {
  color: var(--black-100);
  font-weight: 600;
}

.text-rich a {
  color: var(--turq-100);
}

.text-rich a:hover {
  opacity: 1;
  color: var(--turq-hover);
}

.text-rich ol {
  margin-bottom: 0;
  padding-left: 24px;
}

.text-rich blockquote {
  border-left-width: 4px;
  border-left-color: var(--turq-hover);
  background-color: var(--blue-10);
  border-radius: 0;
  margin-bottom: 16px;
  padding: 12px 16px;
  font-size: 18px;
  line-height: 170%;
  overflow: hidden;
}

.modal-close {
  cursor: pointer;
  object-fit: cover;
  width: 14px;
  height: 14px;
  display: block;
  position: relative;
  top: auto;
  right: auto;
}

.modal-mask {
  z-index: 0;
  cursor: pointer;
  background-color: #00000080;
  width: 100%;
  position: fixed;
  inset: 0%;
}

.card-video2 {
  cursor: pointer;
  width: 100%;
}

.banner-c-controls {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-top: 48px;
  display: flex;
}

.title-h1 {
  color: var(--black-100);
  letter-spacing: .03ch;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 72px;
  font-weight: 800;
  line-height: 110%;
}

.catalog-filters {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  display: flex;
  position: relative;
}

.video-catalog {
  grid-column-gap: 22px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  display: grid;
}

.video-catalog.mod--loading {
  cursor: wait;
}

.card-video {
  background-color: var(--white-100);
  box-shadow: 5px 5px 10px 0 var(--black-02);
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-video-img-mask {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  border-radius: 8px 8px 0 0;
}

.card-video-img-mask:hover {
  opacity: .8;
}

.card-video-img {
  object-fit: cover;
  width: 100%;
  height: 240px;
  min-height: 240px;
  max-height: 240px;
  display: block;
  border-radius: 8px 8px 0 0;
}

.text-lg-bold {
  color: var(--black-75);
  letter-spacing: .03ch;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
}

.text-lg-bold.mod--btn-blue {
  color: var(--blue-100);
  text-align: center;
}

.text-lg-bold.mod--label {
  color: var(--black-100);
  text-align: center;
  line-height: 100%;
}

.text-lg-bold.mod--label.mod--home {
  white-space: nowrap;
}

.v-inner {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  display: grid;
}

.likbez-video {
  border-radius: 0;
  width: 100%;
  height: 502px;
  min-height: 502px;
  max-height: 502px;
  overflow: hidden;
}

.btn-img-scroll-mob {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  display: none;
}

.v-inner-m-screen {
  width: 100%;
}

.v-inner-banner {
  background-color: var(--blue-05);
  color: #202020;
  letter-spacing: 0;
  border-radius: 0;
  width: 100%;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: 600;
}

.logo-group {
  align-items: stretch;
  display: flex;
}

.logo-group.mod--3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-columns: 1fr 190px 1fr;
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  margin-top: 50px;
  display: grid;
}

.screen.par .logo-group.mod--3 {
  grid-template-columns: repeat(3, 1fr);
  column-gap: 100px;
  row-gap: 35px;
}

.logo-group.mod--2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  margin-top: 50px;
  display: grid;
}

.logo-group.mod--4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  margin-top: 32px;
  display: grid;
}

.logo-group-box {
  border-right: 1px solid #ffffff1a;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  padding-right: 12px;
  display: flex;
}

.logo-link {
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-link:hover {
  opacity: .75;
}

.logo-img {
  object-fit: contain;
  max-width: none;
  display: block;
}

.logo-img.mod--urok {
  width: auto;
  height: 36px;
  min-height: 36px;
  max-height: 36px;
}

.logo-img.mod--urok.mod--sm {
  width: auto;
  height: 20px;
  min-height: 20px;
  max-height: 20px;
}

.logo-img.mod--last {
  width: 100%;
  max-width: 280px;
  height: auto;
  max-height: 140px;
}

.socials-links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.socials-link {
  background-color: var(--white-10);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.socials-link:hover {
  opacity: 1;
  background-color: #fff3;
}

.socials-img-sm {
  width: 14px;
  min-width: 14px;
  height: 14px;
  min-height: 14px;
}

.typography {
  width: 100%;
}

.title-h6 {
  color: var(--black-100);
  letter-spacing: .03ch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 110%;
}

.title-h6.mod--aside-nav-el {
  text-align: left;
}

.title-h6.mod--list-p-btn {
  color: var(--blue-100);
  text-align: center;
  line-height: 100%;
}

.text-lg-up {
  color: var(--black-75);
  letter-spacing: .05ch;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.text-sm-bold {
  color: var(--black-75);
  letter-spacing: .03ch;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
}

.text-sm-bold.mod--link {
  color: var(--white-100);
  text-align: center;
  line-height: 100%;
}

.text-sm-bold.mod--link:hover {
  color: var(--white-75);
}

.text-sm-bold.mod--link.mod--password-reset {
  color: var(--turq-100);
  width: 100%;
}

.text-sm-bold.mod--link.mod--password-reset:hover {
  color: var(--turq-hover);
}

.text-sm-bold.mod--link.mod--header {
  color: var(--blue-light);
}

.text-sm-bold.mod--link.mod--header:hover {
  color: var(--violet-dark);
}

.text-sm-bold.mod--btn-blue {
  font-family: TikTokSans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  line-height: 100%;
}

.text-sm-bold.mod--btn-blue.mod--tip {
  width: 100%;
}

.text-sm-bold.mod--btn-blue.mod--nowrap {
  white-space: nowrap;
}

.text-sm-bold.mod--bd {
  color: var(--blue-100);
  line-height: 100%;
}

.text-sm-bold.mod--bd:hover {
  color: var(--blue-75);
}

.text-sm-bold.mod--bd.w--current {
  line-height: 100%;
}

.text-sm-bold.mod--page-header-labels {
  color: var(--black-10);
}

.text-sm-bold.mod--bd-static {
  white-space: nowrap;
  line-height: 100%;
}

.text-sm-bold.mod--banner-sm-dark {
  color: var(--white-100);
}

.text-sm-bold.mod--v-cert-form {
  color: var(--blue-50);
}

.text-sm-bold.mod--v-cert-form.mod--centered {
  color: var(--white-75);
  text-align: center;
}

.text-sm-bold.mod--form-status {
  color: var(--white-100);
  text-align: center;
  width: 100%;
}

.text-sm-bold.mod--form-status strong {
  color: var(--white-100);
}

.text-sm-bold.mod--card-step-num {
  background-color: var(--blue-05);
  color: var(--blue-100);
  text-align: center;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  line-height: 100%;
  display: flex;
  overflow: hidden;
}

.text-sm-bold.mod--card-cert-step-title {
  color: var(--black-100);
  line-height: 110%;
}

.text-sm-bold.mod--btn-white {
  font-family: TikTokSans, sans-serif;
  color: var(--white-100);
  text-align: center;
  line-height: 100%;
}

.text-sm-bold.mod--btn-red {
  color: var(--red-100);
  text-align: center;
  line-height: 100%;
}

.text-sm-bold.mod--tip-lk-score-level {
  text-align: right;
  min-width: 48px;
}

.text-sm-bold.mod--v-tab-num {
  background-color: var(--blue-100);
  color: var(--white-100);
  text-align: center;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  line-height: 100%;
  display: flex;
  overflow: hidden;
}

.text-sm-bold.mod--label {
  color: var(--black-100);
  text-align: center;
}

.video-partner {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--black-10);
  border-radius: 4px;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  display: flex;
  overflow: hidden;
}

.video-partner:hover {
  opacity: .8;
}

.video-partner.mod--inner {
  border-width: 0;
  border-color: var(--transparent);
  background-color: var(--blue-light);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  border-radius: 10px 30px 10px 30px;
}

.video-partner.mod--inner:hover {
  background-color: var(--violet-dark);
  opacity: 1;
}

.swiper-wrapper {
  width: 100%;
  display: flex;
}

.card-video-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #FFFFFF;
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  align-content: space-between;
  width: 100%;
  height: 100%;
  padding: 16px;
  display: grid;
  border-radius: 0 0 8px 8px;
}

.card-video-text {
  width: 100%;
}

.card-video-text:hover {
  opacity: .75;
}

.screen-title {
  width: 100%;
}

.screen-title.mod--banner-p, .screen-title.mod--catalog {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.logo {
  background-color: var(--white-100);
  justify-content: center;
  align-items: center;
  padding: 18px 14px;
  display: flex;
  overflow: hidden;
  box-shadow: 0px 10.8005px 18.0008px rgba(0, 0, 0, 0.1);
}

.logo:hover {
  background-color: var(--white-75);
  box-shadow: none;
}

.logo:nth-child(1) {
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 150px;
}

.logo:nth-child(2) {
  border-radius: 100%;
  padding: 24px 14px 22px 14px;
}

.logo:nth-child(3) {
  border-top-left-radius: 12px;
  border-top-right-radius: 150px;
  border-bottom-right-radius: 150px;
  border-bottom-left-radius: 150px;
}

.screen.par .logo {
  height: 100px;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
  position: relative;
  padding: 0;
  overflow: visible;
}

.screen.par .logo img {
  align-self: center;
  justify-self: center;
  z-index: 1;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.screen.par .logo .violet-circle {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 50%;
  right: 0;
  transform: translate(-50%, -50%);
  width: 75px;
  height: 75px;
  background-color: var(--violet-dark);
  border-radius: 100%;
  z-index: 0;
  transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.screen.par .logo:hover img {
  transform: scale(1.2);
}

.screen.par .logo:hover .violet-circle {
  transform: scale(1.2) translate(-40%, -40%);
}

.screen.par .logo:nth-child(1) img {
  width: 52px;
  height: 52px;
}

.screen.par .logo:nth-child(2) img {
  width: 140px;
  height: 40px;
}

.screen.par .logo:nth-child(3) img {
  width: 92px;
  height: 45px;
}

.screen.par .logo:nth-child(4) img {
  width: 140px;
  height: 40px;
}

.screen.par .logo:nth-child(5) img {
  width: 140px;
  height: 27px;
}

.screen.par .logo:nth-child(6) img {
  width: 140px;
  height: 40px;
}

.title-lec {
  margin-bottom: 30px;
}

.title-lec .title-h2{
  font-family: "Unbounded", sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0;
  text-transform: uppercase;
  color: var(--blue-light);
  margin-bottom: 10px;
}

.title-lec p {
  font-family: "TikTokSans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -.02ch;
  color: var(--violet-light);
}

.lec-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 35px;
}

.lec-item {
  padding-top: 30px;
  padding-right: 35px;
  position: relative;
}

.lec-content {
  width: 100%;
  display: flex;
  border-radius: 50px 50px 50px 10px;
  padding: 12px;
  background-color: var(--blue-light);
}

.lec-content img {
  width: 100%;
  height: 305px;
  object-fit: cover;
  object-position: center center;
  border-radius: 50px 50px 50px 10px;
}

.cursor {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 10px 8px 10px;
  background-color: var(--white-100);
  border: 12px solid var(--blue-light);
  border-radius: 100%;
}

.bord-left {
  position: absolute;
  width: 7%;
  height: 7%;
  top: 10px;
  right: 64px;
  background-color: transparent;
  border-radius: 10px 0px 10px 0px;
  border-style: solid;
  border-width: 0px 0px 5px 0px;
  border-color: var(--blue-light);
}

.bord-right {
  position: absolute;
  width: 7%;
  height: 7%;
  top: 65px;
  right: 14px;
  background-color: transparent;
  border-radius: 10px 0px 0px 0px;
  border-style: solid;
  border-width: 0 0 0 5px;
  border-color: var(--blue-light);
}

.footer-top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-bottom {
  border-top: 1px solid #F6F5F159;
  justify-content: space-between;
  align-items: center;
  margin-top: 32px;
  padding-top: 32px;
  display: flex;
}

.v-inner-title-text {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.v-inner-btn {
  width: 100%;
  display: flex;
  flex-flow: row;
  justify-content: center;
  gap: 10px;
}

.v-inner-video {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.v-inner-aside-text {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.aside-nav {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--blue-light);
  border-radius: 10px;
  flex-direction: column;
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  align-items: flex-start;
  width: 100%;
  padding: 12px;
  display: flex;
  overflow: auto;
}

.aside-nav.mod--inner {
  border-radius: 16px;
  max-height: none;
}

.aside-nav.mod--tip {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--transparent);
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}

.v-inner-aside-img {
  object-fit: contain;
  object-position: 50% 50%;
  background-image: url('../images/i-play.svg'), url('../images/video-8.jpg');
  background-position: 50%, 50%;
  background-repeat: no-repeat, no-repeat;
  background-size: 40px 40px, cover;
  border-radius: 4px;
  width: 128px;
  min-width: 128px;
  height: 72px;
  min-height: 72px;
  overflow: hidden;
}

.box-aside {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: 360px;
  min-width: 360px;
  display: flex;
  position: sticky;
  top: 96px;
}

.btn-icon {
  width: 16px;
  min-width: 16px;
  margin-left: 15px;
}

.button {
  border: 2px solid #3577c5;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 16px;
  text-decoration: none;
  transition: background-color .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.button:hover {
  background-color: #3577c540;
}

.button.mod--site-inner-nav {
  display: none;
}

.v-inner-aside-el {
  z-index: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.v-inner-aside-el.w--current {
  background-color: #3577c526;
}

.v-inner-aside-el.mod--last {
  border-bottom-width: 0;
  border-bottom-color: #0000;
  padding-bottom: 0;
}

.v-inner-aside-el.mod--current {
  background-color: var(--black-05);
}

.button-scroll {
  z-index: 1;
  background-color: var(--turq-100);
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: fixed;
  inset: auto 20px 32px auto;
  overflow: hidden;
}

.button-scroll:hover {
  background-color: var(--turq-hover);
}

.button-scroll.hidden {
  height: 0;
}

.button-scroll-img {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
}

.card-video-bottom {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-top: 1px solid var(--black-10);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  display: flex;
}

.v-inner-mat-t {
  width: 100%;
}

.v-inner-mat-t-menu {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.v-inner-mat-t-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--blue-10);
  border-radius: 28px;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  transition-property: all;
  display: flex;
}

.v-inner-mat-t-link:hover {
  background-color: var(--blue-15);
  opacity: 1;
}

.v-inner-mat-t-link.w--current {
  background-color: var(--blue-30);
}

.v-inner-mat-t-content {
  width: 100%;
}

.v-inner-mat-el {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--blue-05);
  color: #202020;
  letter-spacing: 0;
  border-radius: 0;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding: 16px 24px;
  font-size: 18px;
  font-weight: 600;
  display: flex;
}

.v-inner-mat-el:hover {
  background-color: var(--blue-10);
}

.v-inner-mat-t-pane {
  width: 100%;
}

.v-inner-mat-el-text {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.v-inner-mat-el-img {
  width: 36px;
  min-width: 36px;
  display: block;
}

.v-inner-mat-el-icon {
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
  display: block;
}

.v-inner-mat-el-link {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-left: 1px solid var(--black-10);
  justify-content: flex-end;
  align-items: center;
  padding-left: 24px;
  display: flex;
}

.v-inner-mat-el-title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.v-inner-mat-overlay {
  z-index: 1;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 32px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.v-inner-mat-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white-100);
  box-shadow: 3px 3px 16px 0 var(--black-10);
  border-radius: 0;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 480px;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.input {
  border: none;
  background-color: var(--white-100);
  color: var(--violet-light);
  border-radius: 24px;
  min-height: 44px;
  margin-bottom: 0;
  padding: 12px 24px;
  font-family: TikTokSans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 12px;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
}

.input:hover {
  border-color: var(--black-10);
}

.input:active, .input:focus {
  border-color: var(--turq-100);
}

.input::placeholder {
  color: var(--violet-light);
}

.input.mod--select {
  cursor: pointer;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.input.mod--blue {
  border-color: var(--transparent);
  background-color: var(--white-10);
  color: var(--white-100);
}

.input.mod--blue:hover {
  background-color: var(--white-15);
}

.input.mod--blue::placeholder {
  color: var(--white-50);
}

.input.mod--blue.mod--removable, .select2-container, .selection.mod--dark-bg {
  width: 100%;
}

.select2-selection--single {
  border: 1px solid var(--black-05);
  background-color: var(--black-05);
  color: var(--black-100);
  cursor: pointer;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  padding: 12px 24px;
  line-height: 100%;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.select2-selection--single:hover {
  border-color: var(--black-10);
}

.select2-selection--single:active, .select2-selection--single:focus {
  border-color: var(--turq-100);
}

.select2-selection--single::placeholder {
  color: var(--blue-50);
}

.select2-selection--single.mod--dark-bg {
  border-width: 0;
  border-color: var(--transparent);
  background-color: var(--white-10);
  color: var(--white-100);
  width: 100%;
}

.select2-selection--single.mod--dark-bg:hover {
  background-color: var(--white-15);
}

.select2-selection__rendered {
  color: var(--black-100);
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 100%;
}

.select2-selection__rendered.mod--dark-bg {
  color: var(--white-100);
}

.select2-selection__arrow {
  background-image: url('../images/i-arrow-d-b.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
  display: block;
}

.select2-selection__arrow.mod--dark-bg {
  background-image: url('../images/i-arrow-d-w.svg');
}

.form-status {
  border: 1px solid var(--violet-dark);
  background-color: var(--transparent);
  text-align: left;
  border-radius: 10px;
  width: 100%;
  padding: 8px 16px;
}

.form-status span {
  color: var(--white-100);
}

.form-status.mod--dark-bg {
  background-color: var(--blue-dark);
  color: var(--white-100);
}

.form-status.mod--dark-bg.mod--correct {
  background-color: var(--green-100);
}

.form-status.mod--dark-bg.mod--error {
  background-color: var(--red-100);
}

.form-status.mod--success {
  border-width: 0;
  border-color: var(--transparent);
  background-color: var(--green-15);
}

.form-status.mod--error {
  border-width: 0;
  border-color: var(--transparent);
  background-color: var(--red-15);
}

.mod--black {
  color: var(--black-100);
  white-space: normal;
}

.banner-logo {
  width: auto;
  min-width: auto;
  height: 24px;
  min-height: 24px;
  display: block;
}

.banner-logo-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.banner-logo-wrapper:hover {
  opacity: .75;
}

.label {
  border-radius: 0;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  color: var(--white-100);
}

.label span {
  font-family: TikTokSans, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.1;
  color: var(--white-100) !important;
}

.label.mod--sm {
  border: 1px solid var(--black-10);
  background-color: var(--transparent);
  padding: 8px 12px;
}

.label.mod--sm.mod--white.mod--card-video {
  z-index: 2;
  position: absolute;
  top: 16px;
  left: 16px;
}

.label.mod--white {
  border-color: var(--transparent);
  background-color: var(--white-100);
  box-shadow: 5px 5px 10px 0 var(--black-02);
}

.label.mod--white.mod--home {
  padding: 16px 24px;
}

.v-inner-mat-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.modal-content {
  z-index: 1;
  background-color: #fff;
  border-radius: 8px;
  width: 80%;
  max-width: 960px;
  margin-top: 48px;
  position: relative;
  bottom: auto;
  right: auto;
  overflow: hidden;
}

.modal-content.mod--v-cert {
  max-width: 480px;
}

.modal-body {
  background-color: #fff;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding-bottom: 24px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
  bottom: auto;
  right: auto;
}

.modal-header {
  border-bottom: 1px solid var(--black-05);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 24px;
  padding: 24px 32px;
  display: flex;
}

.modal-wrapper {
  z-index: 21;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding-top: 48px;
  padding-bottom: 48px;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: auto;
}

.modal-wrapper.mod--v-cert {
  justify-content: center;
  align-items: center;
}

.input-checkbox-wrapper {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  padding: 0;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.input-checkbox {
  border: 4px solid var(--transparent);
  background-color: var(--violet-dark);
  cursor: pointer;
  border-radius: 4px;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  margin: 0 8px 0 0;
  padding: 0;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  position: relative;
}

.input-checkbox:hover {
  border-color: var(--black-10);
  background-color: var(--black-10);
}

.input-checkbox.w--redirected-checked {
  border-width: 4px;
  border-color: var(--black-05);
  background-color: var(--turq-100);
  background-image: url('../images/i-done-w.svg'), linear-gradient(to bottom, var(--turq-100), var(--turq-100));
  box-shadow: 0 0 0 0 var(--transparent);
  background-position: 50%, 0 0;
  background-size: contain, auto;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
}

.input-checkbox.w--redirected-focus {
  border-color: var(--black-10);
  background-color: var(--black-10);
  box-shadow: none;
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 8px;
}

.input-checkbox.mod--blue {
  border: 4px solid var(--transparent);
  background-color: var(--white-10);
  cursor: pointer;
}

.input-checkbox.mod--blue:hover {
  background-color: var(--white-15);
}

.input-checkbox.mod--blue.w--redirected-checked {
  border-color: var(--white-10);
  background-color: var(--transparent);
  background-image: linear-gradient(to bottom, var(--white-100), var(--white-100));
}

.catalog-filters-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.video-aside-dec {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: none;
}

.v-cert-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.v-cert-content.mod--pc-60 {
  max-width: 60%;
}

.v-cert-img-box {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.v-cert-img {
  z-index: 1;
  box-shadow: 5px 5px 10px 0 var(--black-02);
  border-radius: 4px;
  width: 100%;
  max-width: 320px;
  position: relative;
}

.v-cert-img.mod--disabled {
  filter: saturate(0%);
}

.v-cert-img.mod--banner {
  max-width: 200px;
}

.v-cert-img-dec {
  width: 100%;
}

.v-cert-btn-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  padding-top: 24px;
  display: flex;
  align-items: flex-start;
}

.v-cert-btn-group.mod--hor {
  flex-flow: row;
}

.v-cert-header {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.v-cert-result-group {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.v-cert-result {
  background-color: var(--turq-10);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.v-cert-result.mod--correct {
  background-color: var(--green-100);
}

.v-cert-result.mod--error {
  background-color: var(--red-100);
}

.mod--hidden {
  display: none;
}

.v-cert-btn-box {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.btn-img {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  display: block;
}

.btn-img.mod--v-cert-banner {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.btn-img.mod--header-series {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.btn-img.mod--lk-score-level {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.btn-img.mod--card-cert {
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  transition: all .2s cubic-bezier(.35, 0, 0, 1);
}

.btn-img.mod--card-cert.mod--rotated {
  transform: rotate(180deg);
}

.btn-img.mod--lk {
  width: 8px;
  min-width: 8px;
  height: 8px;
  min-height: 8px;
  transition: all .2s cubic-bezier(.35, 0, 0, 1);
}

.btn-img.mod--lk.mod--rotated {
  transform: rotate(180deg);
}

.socials-share-links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.v-cert-form-wrapper {
  width: 100%;
  margin-bottom: 0;
}

.v-cert-form {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.input-box {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
  overflow: hidden;
}

.input-box.mod--disabled {
  opacity: .3;
  cursor: pointer;
  transition: opacity .2s cubic-bezier(.215, .61, .355, 1);
}

.input-box.mod--disabled:hover {
  opacity: 1;
}

.input-removable-btn {
  background-color: var(--white-10);
  color: var(--white-100);
  cursor: pointer;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
}

.input-removable-btn:hover {
  opacity: 1;
  background-color: #fff3;
}

.input-removable-img {
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  display: block;
}

.aside-nav-el {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-radius: 4px;
  align-items: center;
  width: 100%;
  padding: 12px;
  transition: all .2s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  overflow: hidden;
}

.aside-nav-el .title-h6 {
  font-family: TikTokSans, sans-serif;
  font-size: 18px;
  line-height: 110%;
  font-weight: 300;
  color: var(--white-100);
}

.aside-nav-el:hover {
  background-color: var(--blue-05);
  opacity: 1;
}

.aside-nav-el.w--current {
  background-color: #3577c526;
}

.aside-nav-el.mod--tip {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  padding: 8px;
}

.aside-nav-el-img {
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.aside-nav-el-img.mod--sm {
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
}

.aside-nav-el-img.mod--xs {
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
}

.mod--link-bg-dark {
  color: var(--white-100);
}

.v-cert-banner {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--blue-05);
  border-radius: 0;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px;
  display: flex;
}

.v-cert-banner.mod--hidden {
  display: none;
}

.mod--accent {
  color: var(--black-100);
  font-weight: 600;
}

.v-cert-banner-bottom {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid var(--white-10);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 12px;
  display: flex;
}

.header-nav {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header-nav .btn {
  margin-left: 30px;
}

.drop-wrapper-header {
  z-index: 1;
  position: relative;
}

.header-burger {
  display: none;
}

.series-c-aside {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  box-shadow: 5px 5px 10px 0 var(--black-02);
  background-color: #fff;
  border-radius: 0;
  flex-direction: column;
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  align-items: flex-start;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.series-c-aside-header {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--black-05);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.series-c-aside-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 3px 3px 8px #00000005;
}

.series-c-aside-img {
  height: 28px;
  min-height: 28px;
  display: block;
}

.v-inner-aside-el-top {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.v-inner-aside-el-bottom {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border-top: 1px solid var(--black-05);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-top: 12px;
  padding-top: 12px;
  display: flex;
}

.series-c-aside-list-dec {
  z-index: 1;
  background-image: linear-gradient(0deg, #fff0, #fff);
  width: 100%;
  height: 24px;
  min-height: 24px;
  max-height: 24px;
  position: absolute;
  inset: 0% 0% auto;
}

.series-c-aside-list-dec.mod--bottom {
  background-image: linear-gradient(#fff0, #fff);
  inset: auto 0% 0%;
}

.series-c-aside-list-wrapper {
  width: 100%;
  position: relative;
}

.series-c-aside-list-box {
  width: 100%;
  max-height: 320px;
  overflow: auto;
}

.header-mob-wrapper {
  z-index: 0;
  background-color: var(--white-100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: none;
  position: absolute;
  overflow: hidden;
}

.card-video-img-play {
  z-index: 1;
  background-image: url('../images/i-play.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 64px 64px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.card-video-top {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  place-content: space-between flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.first-img-wrapper {
  cursor: pointer;
  object-fit: contain;
  width: 100%;
  display: block;
  position: relative;
}

.banner-sm-dark {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--blue-dark);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  display: flex;
}

.page-header {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.page-header-title {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.page-header-title  .title-h2 {
  font-family: Unbounded, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 110%;
  color: #435AF0;
}

.bd {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
  overflow: hidden;
}

.bd-img {
  object-fit: contain;
  width: 12px;
  height: 12px;
  display: block;
}

.bd .text-sm-bold.mod--bd {
  font-family: TikTokSans, sans-serif;
  font-weight: 300;
  font-size: 26px;
  line-height: 110%;
  color: var(--violet-light);
}

.bd .text-sm-bold.mod--bd-static {
  font-family: TikTokSans, sans-serif;
  font-weight: 300;
  font-size: 26px;
  line-height: 110%;
  color: var(--violet-dark);
}

.lk-score {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--blue-05);
  cursor: pointer;
  border-radius: 4px;
  justify-content: flex-end;
  align-items: center;
  padding: 12px 24px;
  transition: all .2s cubic-bezier(.35, 0, 0, 1);
  display: flex;
}

.lk-score:hover {
  background-color: var(--blue-10);
}

.lk-score-level {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-left: 1px solid var(--black-10);
  justify-content: flex-end;
  align-items: center;
  padding-left: 16px;
  display: flex;
}

.lk-score-level-img {
  border-radius: 4px;
  width: 36px;
  height: 36px;
  display: block;
}

.lk-score-level-img.mod--tip {
  width: 24px;
  height: 24px;
}

.lk-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  width: 100%;
  display: flex;
  background-color: var(--blue-light);
  border-radius: 10px;
}

.lk-box {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
  grid-template-columns: minmax(0, 1fr);
  grid-auto-rows: minmax(0, auto);
  grid-auto-columns: minmax(0, 1fr);
  width: 100%;
  padding: 32px;
  display: grid;
  position: relative;
}

.lk-box.mod--card-cert {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  padding: 24px;
}

.lk-box-title {
  border-bottom: 1px solid #5874FB;
  width: 100%;
  padding-bottom: 32px;
}

.lk-box-title .title-h4 {
  font-family: TikTokSans, sans-serif;
  font-size: 26px;
  line-height: 110%;
  font-weight: 300;
  color: var(--white-100);
}

.lk-box-title.mod--card-cert {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 24px;
  display: flex;
}

.lk-box-title.mod--card-cert .title-h5 {
  color: #FFFFFF !important;
  font-family: Unbounded, sans-serif;
}

.lk-form-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.lk-form {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.lk-form p {
  font-family: TikTokSans, sans-serif;
  font-size: 11px;
  font-weight: 300;
  line-height: 14px;
  letter-spacing: 0.025ch;
  color: var(--white-100);
}

.lk-form-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.lk-form-box input,
.lk-form-box .select2-container {
  flex: 1;
}

.lk-form-box .title-h6 {
  width: 100%;
  font-family: TikTokSans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: var(--white-100);
  letter-spacing: .025ch;
  flex: 0 0 100%;
}

.lk-form-box.mod--hor {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: row;
  align-items: stretch;
}

.sepatator-hor {
  background-color: var(--blue-10);
  width: 100%;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  margin: 0;
}

.tabs-content-wrapper, .tabs {
  width: 100%;
}

.tabs.mod--auth {
  background-color: var(--blue-light);
  box-shadow: 5px 5px 10px 0 var(--black-02);
  max-width: 540px;
  overflow: hidden;
  border-radius: 10px;
}

.auth-wrapper {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.tabs-auth-box {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 32px;
  display: flex;
}

.tabs-content {
  width: 100%;
  overflow: visible;
}

.tabs-menu-link {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 2px solid var(--blue-10);
  color: var(--white-100);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 32px;
  transition: all .2s cubic-bezier(.35, 0, 0, 1);
  display: flex;
  overflow: hidden;
}

.tabs-menu-link:hover {
  border-bottom-color: var(--blue-light);
}

.tabs-menu-link.w--current {
  border-bottom-color: var(--blue-light);
  background-color: var(--violet-dark);
}

.tabs-menu-link h2 {
  color: var(--white-100) !important;
}

.tabs-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--violet-light);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr);
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.tabs-auth-box-el {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tabs-auth-box-el.mod--centered {
  justify-content: center;
  align-items: flex-start;
}

.mod--text-link {
  color: var(--turq-100);
}

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

.tabs-auth-box-img {
  border-radius: 8px;
  width: 100%;
  display: block;
}

.lk-form-box-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-end;
  display: flex;
  flex-flow: column;
}

.card-cert-logo {
  border-radius: 4px;
  max-width: 160px;
  height: 36px;
  display: block;
}

.card-cert-step-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 100%;
  display: flex;
}

.card-cert-step {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card-cert-step p,
.card-cert-step span {
  color: #FFFFFF !important;
}

.card-cert-step.mod--inactive {
  opacity: .75;
  filter: grayscale();
}

.card-cert-step-title {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.el-indicator {
  background-color: var(--blue-05);
  border-radius: 32px;
  width: 100%;
  height: 8px;
  min-height: 8px;
  max-height: 8px;
  overflow: hidden;
}

.el-indicator.mod--done {
  background-color: var(--blue-100);
}

.text-xs {
  color: var(--black-75);
  letter-spacing: .03ch;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 170%;
  text-decoration: none;
}

.text-xs-bold {
  color: var(--black-75);
  letter-spacing: .03ch;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.text-xs-bold.mod--btn-blue {
  color: var(--blue-100);
  line-height: 100%;
}

.text-xs-bold.mod--counter {
  font-family: TikTokSans, sans-serif;
  font-weight: 400;
  background-color: #EA4D5A;
  color: var(--white-100);
  text-align: center;
  border-radius: 50px 50px 50px 12px;
  justify-content: center;
  align-items: center;
  padding: 4px 6px;
  line-height: 100%;
  display: block;
}

.text-xs-up {
  color: var(--black-75);
  letter-spacing: .05ch;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Gilroy, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 140%;
  text-decoration: none;
}

.text-xs-up.mod--btn {
  color: var(--white-100);
}

.text-xs-up.mod--label {
  color: var(--black-75);
  text-align: center;
  line-height: 110%;
}

.text-xs-up.mod--label.mod--white {
  color: var(--black-100);
}

.card-cert-step-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.card-cert-step-btns {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.list-p {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.list-p-btn {
  background-color: var(--blue-05);
  cursor: pointer;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding-bottom: 0;
  text-decoration: none;
  transition: all .2s cubic-bezier(.35, 0, 0, 1);
  display: flex;
}

.list-p-btn:hover {
  background-color: var(--blue-10);
}

.list-p-btn.mod--arrow {
  background-color: var(--blue-05);
  border-radius: 0;
}

.list-p-btn.mod--arrow:hover {
  background-color: var(--blue-10);
}

.list-p-btn.mod--current {
  background-color: var(--blue-15);
  cursor: default;
  border-color: #0000;
}

.list-p-btn-img {
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
  display: block;
}

.aside-btn-group {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.aside-btn-group .btn {
  box-shadow: 0px 4px 8px 0px #655C804D;
}

.aside-btn-group .btn:hover {
  box-shadow: none;
}

.card-cert-logo-link:hover {
  opacity: .75;
}

.aside-btn-group .btn.logout {
  background-color: #8963FB;
}

.list-plug {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: var(--blue-light);
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 80px 24px;
  display: flex;
  overflow: hidden;
}

.lk-content .list-plug .title-h5 {
  font-family: "TikTokSans", sans-serif;
  font-size: 26px;
  line-height: 110%;
  font-weight: 300;
  letter-spacing: 0;
  color: var(--white-100);
}

.list-plug-img {
  width: 64px;
  min-width: 64px;
  height: 64px;
  min-height: 64px;
  display: block;
}

.tip-btn-group, .tip-lk-score-level {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.mod--op-30 {
  opacity: .3;
}

.mod--op-75 {
  opacity: .75;
}

.mod--op-50 {
  opacity: .5;
}

.tip-lk-score-level-el {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.aside-nav-sep {
  background-color: var(--blue-05);
  width: 100%;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
}

.label-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 6px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.label-wrapper.mod--card-video {
  z-index: 2;
  position: absolute;
  top: 16px;
  left: 16px;
}

.label-wrapper.mod--home {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}

.v-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.v-tab-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.v-tab {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--blue-05);
  border-radius: 4px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  display: flex;
}

.v-tab:hover {
  background-color: var(--blue-10);
}

.v-tab.mod--inactive {
  filter: grayscale();
  cursor: default;
}

.v-tab.mod--inactive:hover {
  background-color: var(--blue-05);
}

.v-tab.mod--active {
  background-color: var(--blue-15);
  cursor: default;
}

.v-tab-content {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.v-tab-img {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
}

.v-tab-title {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.v-banner-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.v-banner-text {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
  display: flex;
}

.v-banner-img {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}


.first-slider {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.first-slider .swiper-wrapper {
  box-sizing: border-box;
}

.first-slider .swiper-slide {
  width: auto;
  display: flex;
  flex-shrink: 0;
  height: auto;
  opacity: 0;
  visibility: hidden;
  transition: all .3s cubic-bezier(.35,0,0,1);
}

.first-slider .swiper-slide.swiper-slide-active {
  visibility: visible;
  opacity: 1;
}

.slide-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.row-1 {
  margin-top: 58px;
  margin-bottom: -73px;
}

.row-2 {
  margin-top: -62px;
}

.row-3 {
  margin-top: 27px;
  margin-bottom: -40px;
}

.row-4,
.row-5,
.row-6 {
  opacity: 0;
  transform: translateY(0);
  transition:
    transform 0.8s cubic-bezier(.22,.61,.36,1),
    opacity 0.6s ease;
  will-change: transform, opacity;
  border-bottom-left-radius: 45px;
  border-bottom-right-radius: 45px;
  border-top-left-radius: 45px;
  border-top-right-radius: 8px;
}

.row-4, .row-6 {
  transform: translateY(-60px);
}

.row .logotype {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 30px 0;
  border-bottom-left-radius: 45px;
  border-bottom-right-radius: 45px;
  border-top-left-radius: 45px;
  border-top-right-radius: 8px;
}

.row-4 {
  background-color: #6CEEA2;
}

.row-4 .logotype {
  background-color: #3FC28D;
}

.row-4 .image {
  padding-top: 23px;
  padding-bottom: 48px;
}

.row-4 .image img {
  position: relative;
  left: 4px;
}

.row-5 {
  background-color: #8963FB;
  transform: translateY(60px);
}

.row-5 .logotype {
  background-color: #5729E3;
}

.row-5 .image {
  padding-top: 40px;
  padding-bottom: 30px;
}

.row-5 .image img {
  position: relative;
  left: 5px;
  right: 3px;
}

.row-6 {
  background-color: #F47A7E;
}

.row-6 .logotype {
  background-color: #EA4D5A;
}

.row-6 .image {
  padding-top: 36px;
  padding-bottom: 32px;
}

.row-6 .image img {
  position: relative;
  right: 7px;
}

.swiper-slide-active .row-4,
.swiper-slide-active .row-5,
.swiper-slide-active .row-6 {
  opacity: 1;
  transform: translateY(0);
}

.swiper-slide-active .row-4{ transition-delay: 0.15s; }
.swiper-slide-active .row-5{ transition-delay: 0.25s; }
.swiper-slide-active .row-6{ transition-delay: 0.35s; }

.row .banner-image {
  width: 100%;
}

.v-banner-text .title-h3,
.v-banner-text .text-md,
.v-banner-text .btn {
  opacity: 0;
  transform: translateX(-60px);
  transition:
    transform 0.8s cubic-bezier(.22,.61,.36,1),
    opacity 0.6s ease;
  will-change: transform, opacity;
}

.swiper-slide-active .v-banner-text .title-h3,
.swiper-slide-active .v-banner-text .text-md,
.swiper-slide-active .v-banner-text .btn {
  opacity: 1;
  transform: translateY(0);
}

.swiper-slide-active .v-banner-text .title-h3 { transition-delay: 0.05s; }
.swiper-slide-active .v-banner-text .text-md { transition-delay: 0.15s; }
.swiper-slide-active .v-banner-text .btn { transition-delay: 0.25s; }

.image {
  opacity: 0;
  transform: translateY(0);
  transition:
    transform 0.8s cubic-bezier(.22,.61,.36,1),
    opacity 0.6s ease;
  will-change: transform, opacity;
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border-bottom-right-radius: 200px;
  border-bottom-left-radius: 24px;
  overflow: hidden;
}

/* Сверху */
.v-banner-img .image-1,
.v-banner-img .image-3,
.v-banner-img .image-5{
  transform: translateY(-60px);
}

/* Снизу */
.v-banner-img .image-2,
.v-banner-img .image-4,
.v-banner-img .image-6{
  transform: translateY(60px);
}

/* Активное состояние */
.swiper-slide-active .v-banner-img .image{
  opacity: 1;
  transform: translateY(0);
}

.swiper-slide-active .image-1{ transition-delay: 0.15s; }
.swiper-slide-active .image-2{ transition-delay: 0.25s; }
.swiper-slide-active .image-3{ transition-delay: 0.35s; }
.swiper-slide-active .image-4{ transition-delay: 0.45s; }
.swiper-slide-active .image-5{ transition-delay: 0.55s; }
.swiper-slide-active .image-6{ transition-delay: 0.65s; }

.image-1 {
  background-color: #FC817A;
}

.image-1 .banner-image {
  margin-top: 15px;
}

.image-2 {
  background-color: #6CEEA2;
}

.image-2 .banner-image {
  margin-top: 34px;
}

.image-3 {
  background-color: #6CEEA2;
}

.image-3 .banner-image {
  margin-top: 70px;
}

.image-4 {
  background-color: #5874FB;
}

.image-4 .banner-image {
  margin-top: 25px;
}

.image-5 {
  background-color: #8963FB;
}

.image-5 .banner-image {
  margin-top: 10px;
}

.image-6 {
  background-color: #FC817A;
}

.image-6 .banner-image {
  margin-top: 24px;
}

.pattern-hor {
  background-color: var(--blue-05);
  background-image: url('../images/ill-pattern-universal-2.svg');
  background-position: 0 0;
  background-size: 50%;
  width: 100%;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  margin: 0;
}

.pattern-hor.mod--gos {
  background-image: url('../images/ill-pattern-gos.svg');
}

.pattern-hor.mod--reg {
  background-image: url('../images/ill-pattern-reg.svg');
}

.first-pattern {
  object-fit: cover;
  width: 100%;
  max-width: none;
  min-height: 225px;
  max-height: 225px;
  display: block;
  overflow: hidden;
}

.first-logo {
  width: 100%;
  max-width: none;
  display: block;
  overflow: visible;
}

.mod--centered {
  text-align: center;
}

.slider-controls-btn {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.swiper-pagination-bullet {
  background-color: var(--turq-10);
  cursor: pointer;
  border-radius: 0;
  width: 100%;
  height: 8px;
  min-height: 8px;
  max-height: 8px;
  transition: all .2s cubic-bezier(.35, 0, 0, 1);
  position: relative;
  overflow: hidden;
}

.swiper-pagination-bullet:hover {
  background-color: var(--turq-15);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--turq-30);
  cursor: default;
}

.slider-controls-pagination {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  width: 100%;
  display: flex;
}

.slider-controls {
  position: absolute;
  bottom: 80px;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  display: flex;
  z-index: 1;
}

.slider {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.card-box {
  background-color: var(--red);
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-box.green {
  background-color: var(--green);
}

.card-box.light {
  background-color: transparent;
  border: 4px solid var(--blue-light);
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  border-bottom-left-radius: 12px;
}

.card-box.light .card-box-content {
  padding: 0;
}

.card-box.light .card-box-text {
  flex-flow: row;
  align-items: center;
  grid-column-gap: 48px;
  grid-row-gap: 48px;
}

.card-box.light img {
  border-top-left-radius: 60px;
  border-top-right-radius: 150px;
  border-bottom-right-radius: 150px;
  border-bottom-left-radius: 12px;
}

.card-box.light p {
  font-family: "TikTokSans", sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: -.02ch;
  color: var(--blue-light);
  padding: 17px 34px 17px 0;
}

.card-box-content {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 54px 24px 112px 24px;
  display: flex;
  position: relative;
}

.right-abs {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 136px;
  height: 136px;
  border-top-left-radius: 150px;
  border-top-right-radius: 150px;
  border-bottom-left-radius: 150px;
  border-bottom-right-radius: 12px;
}

.right-abs.violet {
  background-color: #683EE6;
}

.right-abs.red {
  background-color: var(--red-light);
}

.card-group {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.card-box .title-h2 {
  color: var(--white-100);
  font-family: Unbounded, sans-serif;
  font-weight: 700;
  font-size: 31px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.card-box ul {
  padding-inline-start: 20px;
}

.card-box ul li::marker {
  color: var(--white-100);
}

.card-box ul p {
  font-family: "TikTokSans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -.02ch;
  color: var(--white-100);
}

.card-box-text {
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.cookie {
  z-index: 11;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  box-shadow: 5px 5px 10px 0 var(--black-02);
  background-color: #fff;
  border-radius: 0;
  align-items: center;
  width: 100%;
  max-width: 600px;
  padding: 16px;
  display: flex;
  position: fixed;
  top: auto;
  bottom: 30px;
  left: 60px;
}

.cookie.mod--hidden {
  display: none;
}

.mod--link {
  color: var(--turq-100);
  transition: all .2s cubic-bezier(.35, 0, 0, 1);
}

.mod--link:hover {
  color: var(--turq-hover);
}

.img-404 {
  width: 540px;
}

.nav-footer {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.v-cert {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.v-cert-a-group {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.v-cert-a-group.mod--hor {
  flex-flow: row;
}

.mod--grey {
  color: var(--black-50);
}

.v-cert-num {
  background-color: var(--green);
  border-radius: 48px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  display: flex;
}

.v-cert-num span {
  color: var(--white-100) !important;
}

.v-cert-chart-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #e6f1f6;
  border-radius: 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 24px;
  display: flex;
}

.v-cert-chart-wrapper.mod--hidden {
  display: none;
}

.v-cert-chart {
  width: 100%;
  min-height: 480px;
}

@media screen and (max-width: 991px) {
  .socials-group {
    justify-content: center;
  }

  .text-md-up {
    font-size: 14px;
  }

  .text-md-up.mod--video-controls {
    width: 36px;
    min-width: 36px;
    max-width: 36px;
  }

  .text-md-up.mod--v-back {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .header-search-icon {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
  }

  .text-sm-up {
    font-size: 12px;
  }

  .text-sm-up.mod--partner {
    max-width: none;
  }

  .text-sm-up.mod--partner.mod--inner {
    max-width: 280px;
  }

  .content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .content.mod--video {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .content.mod--header {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .content.mod--last {
    margin-top: 32px;
  }

  .content.mod--footer {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .content.mod--lk, .content.mod--first-home, .content.mod--404 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .title-h2 {
    font-size: 28px;
  }

  .text-md-bold {
    font-size: 14px;
  }

  .title-h4, .title-h4.mod--v-inner-subtitle {
    font-size: 20px;
  }

  .text-md {
    font-size: 14px;
  }

  .btn {
    border-radius: 24px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .btn.mod--second.mod--arrow {
    margin-top: 0;
  }

  .btn.mod--second.mod--v-inner-btn {
    min-height: 44px;
  }

  .btn.mod--second.mod--card-video {
    min-height: auto;
  }

  .btn.mod--arrow {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
  }

  .btn.mod--white.mod--slider {
    min-width: 140px;
  }

  .btn.mod--white-second.mod--banner-sm-dark {
    width: 100%;
    min-width: auto;
  }

  .btn.mod--v-cert-form {
    font-size: 12px;
  }

  .btn.mod--cookie {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 12px;
  }

  .title-h3 {
    font-size: 24px;
  }

  .header-burger-res {
    display: none;
  }

  .text-sm {
    font-size: 12px;
  }

  .title-h5 {
    font-size: 16px;
  }

  .socials-share.mod--v-cert {
    padding-top: 16px;
  }

  .socials-img.mod--partner {
    max-height: 32px;
  }

  .screen {
    margin-bottom: 64px;
  }

  .screen.mod--video {
    padding-top: 80px;
  }

  .screen.mod--lk {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-top: 80px;
  }

  .screen.mod--first-home, .screen.mod--404 {
    padding-top: 64px;
  }

  .v-inner-main {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 24px;
  }

  .v-inner-main.mod--v-cert, .v-inner-main.mod--banner, .v-inner-main.mod--v-cert {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .v-inner-title {
    padding-bottom: 16px;
  }

  .v-inner-title.mod--nobg {
    margin-bottom: 16px;
  }

  .v-inner-title.mod--nobg-card {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }

  .v-inner-title.mod--v-inner-mat-form, .v-inner-subtitle {
    padding-bottom: 16px;
  }

  .v-inner-box {
    padding: 16px;
  }

  .v-inner-box.mod--height {
    min-height: 640px;
  }

  .text-lg {
    font-size: 16px;
  }

  .v-inner-l {
    width: 33.33%;
    min-width: 33.33%;
  }

  .v-inner-m-group {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: minmax(0, 1fr);
  }

  .v-inner-m {
    flex-direction: column;
    padding: 16px;
  }

  .v-inner-m-img {
    width: 64px;
    min-width: 64px;
    height: 64px;
    min-height: 64px;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .text-rich p, .text-rich li {
    font-size: 16px;
  }

  .text-rich h1 {
    font-size: 28px;
  }

  .text-rich h2 {
    font-size: 24px;
  }

  .text-rich h3 {
    font-size: 20px;
  }

  .text-rich h4, .text-rich blockquote {
    font-size: 16px;
  }

  .banner-c-controls {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    margin-top: 24px;
  }

  .title-h1 {
    font-size: 40px;
  }

  .video-catalog {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .card-video-img {
    height: 140px;
    min-height: 140px;
    max-height: 140px;
  }

  .text-lg-bold {
    font-size: 16px;
  }

  .v-inner {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: minmax(0, 1fr);
  }

  .likbez-video {
    height: 256px;
    min-height: 256px;
    max-height: 256px;
  }

  .v-inner-banner {
    padding: 16px;
    font-size: 16px;
  }

  .logo-group.mod--3, .logo-group.mod--2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-top: 24px;
  }

  .logo-group.mod--4 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-top: 24px;
  }

  .logo-group-box {
    margin-right: 8px;
    padding-right: 8px;
  }

  .logo-img {
    height: 20px;
  }

  .logo-img.mod--urok {
    height: 28px;
    min-height: 28px;
    max-height: 28px;
  }

  .logo-img.mod--urok.mod--sm {
    height: 18px;
    min-height: 18px;
    max-height: 18px;
    display: block;
  }

  .title-h6 {
    font-size: 12px;
  }

  .title-h6.mod--aside-nav-el {
    width: 100%;
    font-size: 14px;
  }

  .text-lg-up {
    font-size: 16px;
  }

  .text-sm-bold {
    font-size: 12px;
  }

  .text-sm-bold.mod--input-checkbox {
    margin-top: 2px;
  }

  .text-sm-bold.mod--v-tab-num {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
  }

  .video-partner {
    padding: 8px;
  }

  .card-video-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .logo {
    padding: 16px;
  }

  .footer-bottom {
    margin-top: 24px;
    padding-top: 24px;
  }

  .v-inner-title-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .v-inner-btn {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .v-inner-video {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .aside-nav {
    grid-auto-columns: minmax(0, 1fr);
  }

  .v-inner-aside-img {
    width: 100%;
    min-width: auto;
  }

  .box-aside {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 200px;
    min-width: 200px;
    top: 80px;
  }

  .btn-icon {
    width: 16px;
    min-width: 16px;
  }

  .button {
    padding: 8px 12px;
  }

  .v-inner-aside-el {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 12px;
    padding-right: 12px;
  }

  .button-scroll {
    width: 30px;
    height: 30px;
    bottom: 75px;
    right: 3.3%;
  }

  .button-scroll-img {
    width: 12px;
    min-width: 12px;
    height: 12px;
    min-height: 12px;
  }

  .card-video-bottom {
    padding-top: 12px;
  }

  .v-inner-mat-el {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px;
    font-size: 16px;
  }

  .v-inner-mat-el-img {
    width: 28px;
    min-width: 28px;
  }

  .v-inner-mat-el-link {
    padding-left: 16px;
  }

  .v-inner-mat-el-title {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .v-inner-mat-overlay {
    padding: 16px;
  }

  .v-inner-mat-form {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    max-width: 360px;
    padding: 24px;
  }

  .form-status {
    padding: 8px 12px;
  }

  .label.mod--white.mod--home {
    padding: 12px;
  }

  .v-cert-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .v-cert-content.mod--pc-60 {
    max-width: none;
  }

  .v-cert-img {
    max-width: 30%;
  }

  .v-cert-btn-group.mod--hor {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    padding-top: 16px;
  }

  .v-cert-header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .v-cert-result-group {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .v-cert-result {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
  }

  .v-cert-btn-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .btn-img.mod--header-series, .btn-img.mod--slider {
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
  }

  .aside-nav-el {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 12px;
  }

  .aside-nav-el-img {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
  }

  .v-cert-banner-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .header-nav {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
  }

  .series-c-aside {
    grid-auto-columns: minmax(0, 1fr);
  }

  .series-c-aside-header {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 12px;
  }

  .series-c-aside-list {
    grid-auto-columns: minmax(0, 1fr);
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .series-c-aside-img {
    height: 20px;
    min-height: 20px;
  }

  .v-inner-aside-el-top {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .v-inner-aside-el-bottom {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    margin-top: 8px;
    padding-top: 8px;
  }

  .series-c-aside-list-dec {
    height: 12px;
    min-height: 12px;
    max-height: 12px;
  }

  .card-video-img-play {
    background-size: 48px 48px;
  }

  .card-video-top {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .banner-sm-dark {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 12px;
    padding-right: 12px;
  }

  .page-header {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .page-header-title {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .bd {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .bd-img {
    width: 8px;
    height: 8px;
  }

  .lk-score {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding: 8px 12px;
  }

  .lk-content {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .lk-box {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 24px;
  }

  .lk-box.mod--card-cert {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px;
  }

  .lk-box-title {
    padding-bottom: 16px;
  }

  .lk-box-title.mod--card-cert {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 16px;
  }

  .lk-form-box.mod--hor {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .tabs-auth-box {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding: 24px;
  }

  .tabs-menu-link {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-bottom-width: 2px;
    padding: 12px 24px;
  }

  .tabs-menu-link.w--current {
    border-bottom-width: 2px;
  }

  .tabs-auth-box-el {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .card-cert-logo {
    max-width: 120px;
    height: 28px;
  }

  .card-cert-step-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .card-cert-step {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .text-xs, .text-xs-bold, .text-xs-up {
    font-size: 12px;
  }

  .list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .list-p-btn {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
  }

  .aside-btn-group {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .list-plug {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .list-plug-img {
    width: 48px;
    min-width: 48px;
  }

  .label-wrapper.mod--home {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .v-wrapper {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .v-tab-content {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .v-tab-img {
    width: 24px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
  }

  .v-tab-title {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .v-banner-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .v-banner-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .pattern-hor {
    background-size: 100%;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
  }

  .first-pattern {
    min-height: 150px;
    max-height: 150px;
  }

  .first-logo {
    display: none;
  }

  .slider-controls-pagination {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .slider-controls {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .slider {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .card-box-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding: 16px;
  }

  .card-group {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .card-box-text {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .cookie {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    max-width: 440px;
    padding: 10px;
    left: 24px;
  }

  .img-404 {
    width: 270px;
  }

  .nav-footer {
    grid-column-gap: 45px;
    grid-row-gap: 45px;
  }

  .v-cert-a-group.mod--hor {
    flex-flow: column;
  }

  .v-cert-num {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
  }

  .v-cert-chart {
    min-height: 320px;
  }
}

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

  .socials-group {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .text-md-up {
    font-size: 14px;
  }

  .text-md-up.mod--video-controls {
    height: 36px;
    min-height: 36px;
  }

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

  .text-sm-up.mod--partner.mod--inner {
    width: 100%;
    max-width: none;
  }

  .content.mod--header {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-style: none none solid;
    border-width: 0 0 1px;
    border-color: black black var(--transparent);
    background-color: var(--white-100);
    box-shadow: 5px 5px 10px 0 var(--black-02);
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .content.mod--header-mob {
    flex-flow: column;
    padding-top: 100px;
    padding-bottom: 100px;
    display: flex;
  }

  .content.mod--lk {
    flex-flow: column;
  }

  .content.mod--first-home {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: repeat(auto-fit, minmax(0, auto));
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: minmax(0, auto);
    grid-auto-flow: row;
  }

  .content.mod--404 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: repeat(auto-fit, minmax(0, auto));
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: minmax(0, auto);
    grid-auto-flow: row;
    min-height: auto;
    padding-top: 64px;
  }

  .text-md-bold, .text-md {
    font-size: 14px;
  }

  .btn.mod--second.mod--arrow {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    margin-top: 0;
  }

  .btn.mod--second.mod--v-inner-btn {
    min-height: auto;
  }

  .btn.mod--second.mod--v-inner-aside {
    display: none;
  }

  .btn.mod--second.mod--v-inner-aside-more {
    display: flex;
  }

  .btn.mod--second.mod--banner-c-materials {
    width: auto;
  }

  .btn.mod--white.mod--slider, .btn.mod--white.mod--banner {
    width: 100%;
    min-width: auto;
  }

  .button-icon, .button-icon.mod--video-controls {
    height: 12px;
    min-height: 12px;
  }

  .title-h3.mod--v-inner-title {
    margin-bottom: 15px;
  }

  .header-burger-res {
    z-index: 10;
    cursor: pointer;
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    display: block;
    position: relative;
  }

  .text-sm.mod--footer {
    text-align: center;
  }

  .text-sm.mod--footer.mod--link {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .title-h5 {
    font-size: 16px;
  }

  .socials {
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
  }

  .socials-img {
    width: 12px;
    min-width: 12px;
    height: 12px;
    min-height: 12px;
  }

  .screen.mod--video, .screen.mod--lk {
    padding-top: 76px;
  }

  .screen.mod--first-home, .screen.mod--404 {
    padding-top: 54px;
  }

  .text-lg, .text-rich p, .text-rich li {
    font-size: 14px;
  }

  .modal-close {
    width: 12px;
    height: 12px;
  }

  .banner-c-controls {
    flex-wrap: wrap;
  }

  .title-h1 {
    font-size: 32px;
  }

  .catalog-filters {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto;
    grid-template-columns: minmax(240px, 1fr);
    grid-auto-columns: minmax(240px, 1fr);
    width: 100%;
    min-width: auto;
    margin-bottom: 24px;
    margin-right: 0;
    position: relative;
    top: auto;
    overflow: scroll;
  }

  .text-lg-bold {
    font-size: 14px;
  }

  .btn-img-scroll-mob {
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
    display: flex;
    position: relative;
  }

  .v-inner-banner {
    font-size: 14px;
  }

  .logo-group {
    margin-bottom: 20px;
  }

  .logo-group.mod--header {
    margin-bottom: 0;
  }

  .logo-group.mod--3, .logo-group.mod--2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: minmax(0, 1fr);
  }

  .logo-group.mod--4 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .logo-group-box.mod--header-sm {
    display: none;
  }

  .logo-group-box.mod--header {
    border-right-width: 0;
    border-right-color: #0000;
    margin-right: 0;
    padding-right: 0;
  }

  .logo-link.mod--sm {
    display: none;
  }

  .socials-links {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .text-lg-up {
    font-size: 14px;
  }

  .video-partner.mod--inner {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .footer-top {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: flex-start;
  }

  .footer-bottom {
    flex-direction: column;
    justify-content: flex-start;
  }

  .aside-nav {
    display: flex;
  }

  .aside-nav.mod--inner {
    margin-top: 0;
    display: none;
  }

  .v-inner-aside-img {
    margin-bottom: 0;
    margin-right: 16px;
  }

  .box-aside {
    width: 100%;
    min-width: auto;
    position: relative;
    top: auto;
  }

  .btn-icon {
    width: 16px;
    min-width: 16px;
    margin-left: 12px;
  }

  .btn-icon.mod--v-inner-aside-more {
    width: 14px;
    min-width: 14px;
    display: block;
  }

  .button {
    margin-bottom: 20px;
    display: flex;
  }

  .button.mod--site-inner-nav {
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
  }

  .button-scroll {
    right: 7.6%;
  }

  .v-inner-mat-el {
    font-size: 14px;
  }

  .v-inner-mat-form.mod--modal {
    padding: 16px 5%;
  }

  .banner-logo {
    margin-right: 0;
  }

  .banner-logo-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .modal-content {
    width: 90%;
    margin-top: 24px;
  }

  .modal-body {
    padding-bottom: 16px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .modal-header {
    margin-bottom: 16px;
    padding: 16px 5%;
  }

  .modal-wrapper {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .catalog-filters-list {
    flex-flow: row;
  }

  .video-aside-dec {
    background-image: linear-gradient(90deg, #eff5f800, var(--black-05));
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 100%;
    display: block;
    position: sticky;
    inset: 0% 0% 0% auto;
  }

  .btn-img {
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
  }

  .socials-share-links {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .aside-nav-el {
    flex-direction: row;
    align-items: center;
  }

  .header-nav {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    display: none;
  }

  .header-nav.mod--mob {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .drop-wrapper-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .header-burger {
    background-color: var(--turq-100);
    border-radius: 0;
    justify-content: center;
    align-items: center;
    width: 36px;
    min-width: 36px;
    height: 36px;
    min-height: 36px;
    display: flex;
  }

  .header-burger-json {
    justify-content: center;
    align-items: center;
    width: 16px;
    min-width: 16px;
    max-width: 16px;
    height: 16px;
    min-height: 16px;
    max-height: 16px;
    display: flex;
  }

  .series-c-aside-list {
    border-radius: 16px;
    margin-top: 12px;
    display: flex;
  }

  .v-inner-aside-el-bottom {
    flex-flow: row;
  }

  .header-mob-wrapper {
    height: 0;
    display: flex;
  }

  .first-img-wrapper {
    max-width: 240px;
    max-height: 240px;
  }

  .page-header {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .tabs-auth-box {
    flex-direction: column;
  }

  .tabs-menu-link {
    justify-content: center;
  }

  .tabs-menu {
    grid-auto-flow: row;
  }

  .tabs-auth-box-el.mod--img {
    display: none;
  }

  .lk-form-box-2 {
    flex-direction: column;
  }

  .list-p-btn {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .list-p-btn-img {
    width: 12px;
    min-width: 12px;
    height: 12px;
    min-height: 12px;
  }

  .label-wrapper.mod--home {
    flex-flow: row;
    align-items: stretch;
    overflow: auto;
  }

  .v-wrapper {
    flex-flow: column;
  }

  .v-tab-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .v-banner-content {
    flex-flow: column;
  }

  .first-pattern {
    min-height: 100px;
    max-height: 100px;
  }

  .card-group {
    flex-flow: column;
  }

  .cookie {
    width: 90%;
    max-width: none;
    margin-left: 5%;
    margin-right: 5%;
    bottom: 30px;
    left: 0;
  }

  .nav-footer {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: row;
  }

  .nav-footer.mod--mob {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  a:hover {
    opacity: .8;
  }

  .text-sm-up.mod--btn, .text-sm-up.mod--label {
    text-align: center;
  }

  .content {
    overflow: hidden;
  }

  .btn.mod--cookie {
    width: 100%;
  }

  .header-burger-res {
    width: 40px;
    min-width: 40px;
  }

  .v-inner-main {
    padding: 20px;
  }

  .v-inner-main.mod--v-cert, .v-inner-main.mod--banner {
    flex-flow: column-reverse;
  }

  .v-inner-main.mod--v-cert {
    flex-flow: column;
  }

  .v-inner-l {
    width: 50%;
    min-width: 50%;
  }

  .v-inner-m {
    width: 100%;
    min-width: 100%;
  }

  .banner-c-controls {
    margin-top: 15px;
  }

  .video-catalog {
    grid-template-columns: minmax(0, 1fr);
  }

  .likbez-video {
    height: 240px;
    min-height: 240px;
    max-height: 240px;
  }

  .logo-group.mod--4 {
    grid-template-columns: minmax(0, 1fr);
  }

  .logo-group-box {
    border-right-width: 0;
    border-right-color: #0000;
    margin-bottom: 30px;
    margin-right: 0;
    padding-right: 0;
  }

  .logo-group-box.mod--header {
    margin-bottom: 0;
  }

  .logo-img {
    max-width: 280px;
  }

  .video-partner.mod--inner {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .card-video-content {
    height: auto;
  }

  .v-inner-btn {
    grid-auto-flow: row;
  }

  .v-inner-aside-text {
    min-height: auto;
    margin-right: 0;
  }

  .v-inner-aside-img {
    margin-right: 15px;
  }

  .btn-icon {
    width: 12px;
    margin-left: 12px;
  }

  .v-inner-mat-el {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .v-inner-mat-el-link {
    border-top: 1px solid var(--black-10);
    border-left-style: none;
    border-left-width: 0;
    justify-content: center;
    width: 100%;
    padding-top: 16px;
    padding-left: 0;
  }

  .v-cert-content {
    max-width: none;
  }

  .v-cert-img-box {
    max-width: 240px;
  }

  .v-cert-img {
    max-width: 160px;
  }

  .v-cert-header, .v-cert-btn-box, .v-cert-banner-bottom {
    max-width: none;
  }

  .card-video-top {
    height: auto;
  }

  .lk-box {
    padding: 20px;
  }

  .card-cert-step-wrapper {
    flex-flow: column;
  }

  .v-banner-content {
    justify-content: flex-start;
    align-items: center;
    max-width: none;
  }

  .v-banner-text {
    max-width: none;
  }

  .cookie {
    flex-direction: column;
    align-items: flex-start;
  }

  .nav-footer {
    flex-flow: column;
    width: 100%;
  }

  .v-cert {
    flex-flow: column-reverse;
    justify-content: flex-end;
    align-items: center;
  }
}

#w-node-_2e10962d-84e4-f0ea-92e2-b711abb8e7bb-e8d827d1, #w-node-_0988c71a-90e1-f17d-7c26-81d4c9367e81-e8d827d1, #w-node-_806b3e52-1254-3784-1ffe-5de00288fde8-e8d827d1, #w-node-_9fb905b6-7d71-e29a-23e8-378262c46892-e8d827d1, #w-node-_7c7c27a4-1a96-f5fa-887f-e83102d9fc83-e8d827d1, #w-node-f64bf447-631d-a76f-89e7-f07a45e7897a-e8d827d1, #w-node-_904f94a0-5887-ee72-ce92-7fc68d3a3f64-e8d827d1, #w-node-e76157c1-a771-5d7f-5774-7cda959a28fe-e8d827d1, #w-node-_5e525d64-3dde-a230-08e2-92cec0a588b9-e8d827d1, #w-node-_3ca368e7-edbb-f77a-8e82-34e95e5c26e4-e8d827d2, #w-node-_10cf0c03-17a6-99a0-2332-903de0ef406c-e8d827d2, #w-node-_886e5c61-d777-ec3c-999f-5363b0ea7b07-e8d827d2, #w-node-edf55b41-10ca-3859-01cf-a964d8979b92-e8d827d2, #w-node-edf55b41-10ca-3859-01cf-a964d8979b9a-e8d827d2, #w-node-_42af0205-74dc-b384-88ed-a0f610193e20-e8d827d2, #w-node-e23d2e88-3efa-3611-0535-d2db1ad38208-e8d827d2, #w-node-_185c7f9b-6202-afc6-3ae8-b535c4951a45-e8d827d2, #w-node-_1d17466a-e018-db4e-5772-54d420dd41e6-e8d827d2, #w-node-_707e321e-093b-95a2-1922-1a52cca735ef-e8d827d2, #w-node-_70c83bc9-c097-167c-33e4-dad9a9a99785-e8d827d2, #w-node-_82df4a2e-c862-2278-0ca1-7931b0a6e5df-e8d827d2, #w-node-d6e12bf1-b376-5cca-9d22-44db79e7cda7-e8d827d2, #w-node-b08601f0-3a0d-63c1-e29f-d512d105d27f-e8d827d2, #w-node-_47a76657-19f2-c35b-312b-51b8a073de84-e8d827d2, #w-node-b08601f0-3a0d-63c1-e29f-d512d105d286-e8d827d2, #w-node-_9cdee28d-f072-b115-9edd-94baa3afca84-e8d827d2, #w-node-_5b85c53f-84e7-068e-6471-8368cf92f156-e8d827d2, #w-node-_93b58b11-4ded-d869-4438-acc9b5fa53b7-e8d827d2, #w-node-_93b58b11-4ded-d869-4438-acc9b5fa53ba-e8d827d2, #w-node-_93b58b11-4ded-d869-4438-acc9b5fa53bd-e8d827d2, #w-node-_93b58b11-4ded-d869-4438-acc9b5fa53c0-e8d827d2, #w-node-_1d292fd2-5eab-f97a-93f6-063e28ad53d9-e8d827d2, #w-node-_881a5061-0594-55e8-fad9-eb6cf8dbff9e-e8d827d2, #w-node-_79b070d4-e597-7c21-d44f-b9906aaca3bf-e8d827d2, #w-node-_544b7675-ff87-3419-7823-6b4d4f596aba-e8d827d2, #w-node-_0d0bb3ab-05ea-1e0f-44e6-bcc1d4a77dc5-e8d827d2, #w-node-_544b7675-ff87-3419-7823-6b4d4f596ac2-e8d827d2, #w-node-_666b2021-bbdf-9b8e-aca9-eb5157527067-e8d827d2, #w-node-_544b7675-ff87-3419-7823-6b4d4f596ad0-e8d827d2, #w-node-_7332e47b-d120-7c82-48ce-729b4ef0707e-e8d827d2, #w-node-_7332e47b-d120-7c82-48ce-729b4ef0707f-e8d827d2, #w-node-_7332e47b-d120-7c82-48ce-729b4ef07083-e8d827d2, #w-node-_7332e47b-d120-7c82-48ce-729b4ef07087-e8d827d2, #w-node-_544b7675-ff87-3419-7823-6b4d4f596ade-e8d827d2, #w-node-_64bad8a0-ad6b-21db-fc23-f2793518705c-e8d827d2, #w-node-_865cde85-54aa-9a5e-4894-ad4f0d800c03-0d800bfd, #w-node-_865cde85-54aa-9a5e-4894-ad4f0d800c12-0d800bfd, #w-node-_2c901cce-413a-3f46-9378-b80abd4796a0-0d800bfd, #w-node-ce7fa2d2-d9ae-ab91-e93e-899d6accd961-0d800bfd, #w-node-_25038b3a-1a64-8279-6af1-c8e41727a2f7-e8d827d5, #w-node-_38f560ff-7635-a942-534d-1abc3812ac9f-e8d827d5, #w-node-_2ae7e66b-ea8b-246f-2010-59e34d6439b5-e8d827d5, #w-node-_797c9325-ab81-5166-010f-237b7b114807-e8d827d5, #w-node-_6a493c57-6f88-dca2-7ea1-b1ea39b8b5aa-e8d827d5, #w-node-_602f4e61-ae83-0fb6-f338-cf5c9486b265-e8d827d5, #w-node-_66dc50d8-b60c-a8ba-8a84-c60a6ed814f6-e8d827d5, #w-node-_2211d989-74bb-62bd-15e9-d907dbc2b61e-e8d827d5, #w-node-d3c9aca1-2411-5fd4-caae-33505bc3aa5d-e8d827d5, #w-node-_0612a4c3-05f7-fff8-8cdf-a9245d2a0c1d-e8d827d5, #w-node-_0612a4c3-05f7-fff8-8cdf-a9245d2a0c4d-e8d827d5, #w-node-e6182987-ef0e-4a8c-11bf-c21dd7380176-e8d827d5, #w-node-_6298d3b8-f66a-4c2d-8599-cc312444b769-e8d827d5, #w-node-_21e7ca2f-39e2-826c-3bed-7c3823840f59-e8d827d5, #w-node-d78f1e3b-25eb-bc1f-c690-2d0b85e5c62f-e8d827d6, #w-node-_61ccf54b-3abe-ae3a-7778-2215b1f45ee2-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381ddd-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381dde-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381ddf-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381de8-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381dec-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381ded-e8d827d6, #w-node-_11038568-c28c-ec17-a0c4-411ef7dde8a1-e8d827d6, #w-node-_89b1f9c6-2485-58f7-1a29-45b8c32189fa-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381df6-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381df9-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381dfa-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381dfb-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381dfd-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381dfe-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e04-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e07-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e08-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e0e-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e11-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e12-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e18-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e1b-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e1c-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e22-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e25-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e26-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e2c-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e2f-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e30-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e36-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e39-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e3a-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e40-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e43-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e44-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e4a-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e4d-e8d827d6, #w-node-_34f744b7-76a7-de73-8535-0cfa31381e4e-e8d827d6, #w-node-b6fe5434-6c0e-1a6c-4ce4-3351521a7fe1-e8d827d6, #w-node-b6fe5434-6c0e-1a6c-4ce4-3351521a7fe4-e8d827d6, #w-node-b6fe5434-6c0e-1a6c-4ce4-3351521a7fe5-e8d827d6, #w-node-dd1985ca-3e0b-9185-b854-03ed37e1b7ac-3b726484, #w-node-dd1985ca-3e0b-9185-b854-03ed37e1b7ac-34aae6e5, #w-node-_00e0cad6-77ba-e7aa-85aa-92e018279f3e-34aae6e5, #w-node-_538c56f7-11ff-d27c-d0a5-3cb86e9b1b3b-34aae6e5, #w-node-b59b160e-c786-d057-4a69-6249e62832f7-34aae6e5, #w-node-fdd236b1-4c8e-9cf5-4501-2b44c858e058-34aae6e5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

.vc-topbar {
  display: flex;
  gap: 18px;
  align-items: center; 
  flex-wrap: wrap; 
  margin-top: 16px
}

.vc-search {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #53b987;
  border-radius: 999px;
  padding: 9px 14px;
  min-width: 295px;
}

.vc-search input {
  border: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  width: 100%
}

.vc-search input::placeholder {
  color: rgba(255,255,255,.82);
}

.vc-pill {
  border-radius: 999px;
  padding: 8px 12px;
  background: var(--blue-light);
  color: #fff;
  border: 0;
  cursor: pointer;
}

.vc-pill select {
  border: 0;
  outline: 0;
  color: #fff;
  cursor: pointer;
  max-width: 115px;
  appearance: none;
  background-image: url(../images/arrow-down.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-color: transparent;
}

#filter-partner {
  padding-right: 13px;
}

.vc-pill option {
  color:#000;
}

.vc-clear {
  background: var(--blue-light);
  color:#fff;
}

.vc-layout {
  display: grid;
  grid-template-columns: 295px 1fr;
  gap: 28px;
  align-items: start;
  margin-top: 22px;
}

.vc-cal {
  background: #2f4fe6;
  border-radius: 18px;
  padding: 18px;
  color: #fff;
}

.vc-cal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}

.vc-cal-nav {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  padding: 6px 10px;
  border-radius: 10px;
}

.vc-cal-nav:hover {
  background: rgba(255,255,255,.12);
}

.vc-cal-title {
  font-weight: 700;
}

.vc-cal-week,
.vc-cal-grid {
  display: grid;
  grid-template-columns: repeat(7,1fr);
  gap: 10px;
}

.vc-cal-week {
  opacity: .85;
  margin-bottom: 10px;
}

.vc-cal-week div {
  text-align: center;
  font-weight: 600;
  font-size: 12px;
}

.vc-day,
.vc-empty {
  height: 34px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 600;
  font-size: 14px;
}

.vc-empty {
  opacity: .35;
}

.vc-day {
  cursor: pointer;
}

.vc-day:hover {
  background: rgba(255,255,255,.12);
}

.vc-day.has-event::after{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #36d26c;
}

.vc-day.is-today{
  background:#36d26c;
  color:#0d1b10;
}

.vc-day.is-today:hover {
  background: #36d26c;
}

.vc-day.is-selected {
  background: rgba(255,255,255,.18);
  outline: 2px solid rgba(255,255,255,.35);
}

.vc-day.is-today.is-selected{
  outline: 2px solid rgba(0,0,0,.12);
}

@media (max-width: 1024px){
  .vc-layout {
    grid-template-columns: 1fr;
  }

  .vc-search {
    min-width: 260px;
  }
}

.v-inner-desc-spik {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  padding: 40px 0;
}

.v-inner-desc-spik:before {
  content: "";
  position: absolute;
  width: 150vw;
  height: 100%;
  transform: translate(-40%, -40px);
  background-color: var(--blue-light);
  z-index: 0;
}

.v-inner-desc {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 30px;
  z-index: 1;
}

.date {
  align-self: flex-start;
  padding: 8px 18px;
  border-radius: 100px;
  background-color: var(--red);
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #FFFFFF;
}

.course-desc {
  display: flex;
  flex-flow: column;
  gap: 15px;
}

.course-desc p {
  font-family: TikTokSans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  color: #FFFFFF;
}

.service-link {
  display: flex;
  gap: 5px;
  align-items: center;
  align-self: flex-start;
  padding: 12px 14px;
  background-color: var(--green);
  border-radius: 100px;
  color: #FFFFFF;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.service-link:hover {
  opacity: 0.8;
}

.v-inner-speakers {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 20px;
  z-index: 1;
  background-color: #5874FB;
  border-radius: 60px 60px 20px 60px;
  padding: 30px 35px;
}

.v-inner-speakers .title-h3 {
  color: #FFFFFF;
  text-transform: uppercase;
}

.v-speakers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}

.speaker-item {
  display: flex;
  flex-flow: column;
  gap: 12px;
}

.speaker-image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.speaker-item:nth-child(1) .speaker-image {
  background-color: var(--blue-light);
  padding: 4px 4px 0 0;
  border-radius: 150px 150px 150px 20px;
}

.speaker-item:nth-child(2) .speaker-image {
  background-color: var(--red);
  padding: 0 0 0 6px;
  border-radius: 10px 40px 10px 40px;
}

.speaker-item:nth-child(3) .speaker-image {
  background-color: var(--green);
  padding: 6px 0 0 20px;
  border-radius: 150px 20px 150px 150px;
}

.speaker-desc {
  display: flex;
  flex-flow: column;
  gap: 4px;
}

.speaker-desc p {
  color: #FFFFFF;
  font-family: TikTokSans, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  letter-spacing: 0.0225em;
}

.speaker-desc p.speaker-name {
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
  color: var(--white-100);
}

.down-btn-icon {
  padding: 5px 10px 8px 10px;
  border-radius: 100px;
  background-color: var(--green);
}

.down-video-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 80px;
  border-radius: 50px;
  background-color: var(--green);
  color: #FFFFFF;
  font-family: TikTokSans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  box-shadow: 0px 4px 8px 0px #655C804D;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.down-video-btn:hover {
  box-shadow: none;
}

.v-inner-main-last {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 35px;
}

.last-test {
  display: flex;
  flex-flow: row;
  gap: 35px;
  border-radius: 101px 60px 20px 150px;
  overflow: hidden;
  background-color: var(--blue-light);
}

.test-image {
  background-color: var(--light-green);
  border-radius: 150px 150px 20px 150px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}

.test-image img {
  object-fit: cover;
}

.test-link {
  width: 75%;
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 30px;
  padding: 70px 30px 110px 0;
}

.test-link .title-h3 {
  color: #FFFFFF;
  text-transform: uppercase;
}

.btn-test {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 20px 22px;
  background-color: var(--red-light);
  border-radius: 100px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  color: #FFFFFF;
  transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.btn-test:hover {
  border-radius: 100px 50px 100px 50px;
}

.service-rating {
  display: flex;
  flex-flow: column;
  gap: 20px;
  background-color: var(--red-light);
  padding: 65px 55px 70px 55px;
  border-radius: 60px 60px 20px 60px;
  position: relative;
}

.service-rating .title-h3 {
  color: #FFFFFF;
  text-transform: uppercase;
}

.rating {
  line-height: 0;
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 20px;
}

.service-rating .bubble {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  padding: 20px 12px;
  background: var(--blue-light);
  color: #FFFFFF;
  display: none;
  align-items: center;
  justify-content: center;
}

.service-rating .bubble.is-show {
  display: flex;
}

.service-rating .bubble.is-error {
  background: rgba(220,38,38,.08);
  color: #dc2626;
}

.service-rating .rating.is-loading{
  opacity: .6;
  pointer-events: none;
}

.bubble {
  position: absolute;
  width: 140px;
  height: 140px;
  right: 0;
  bottom: 0;
  border-radius: 150px 150px 20px 150px;
}

.card-video-text .title-h5 {
  font-family: TikTokSans, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}

.btn.mod--card-video {
  background-color: #435AF0;
  color: #FFFFFF;
  font-family: TikTokSans, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

#v-test .title-h2 {
  font-family: Unbounded, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 115%;
  color: var(--white-100);
}

#v-test p {
  font-family: TikTokSans, sans-serif;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 300;
  color: #DADADA;
}

#v-test-start-btn {
  background-color: var(--red);
  box-shadow: 0px 4px 8px 0px #655C804D;
  padding: 10px 60px;
}

#v-test-start-btn:hover {
  background-color: var(--green);
}

#v-test-start-btn p {
  color: #FFFFFF
}