/* Основные стили */
*,
*::before,
*::after {
  box-sizing: border-box;
}
a,
button,
input {
  transition: 0.3s;
  outline: none;
  color: var(--black);
}
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "Gilroy", Arial, sans-serif;
  line-height: 1.2;
  font-weight: 500;
  color: var(--black);
  font-size: var(--fz16);
  background-color: var(--black-5);
}
main {
  flex: 1 0 auto;
}
footer {
  flex: 0 0 auto;
}
img {
  max-width: 100%;
}
svg {
  display: inline-block;
}
.container {
  max-width: 1350px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}
.container-mini {
  max-width: 900px;
}
.container .container {
  padding: 0;
}
b,
strong {
  font-weight: 700;
}
.swiper-initialized {
  width: 100%;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: bold;
  /*  text-box-trim: trim-both;*/
  /*  text-box-edge: cap alphabetic;*/
}
h2,
.h2 {
  font-size: var(--fz52);
  color: var(--accent-color-1);
  margin-bottom: 38px;
  line-height: 1;
}
h3,
.h3 {
  font-size: var(--fz32);
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 10px;
}
h5,
.h5 {
  font-size: var(--fz18);
  margin-bottom: 6px;
  line-height: 1;
}
h6,
.h6 {
  font-size: var(--fz16);
  line-height: 1.1;
  margin-bottom: 10px;
}
.subtitle {
  margin-top: -20px;
  margin-bottom: 18px;
  font-size: var(--fz24);
}
.text h2:has(+ .subtitle),  .text .h2:has(+ .subtitle){
  margin-bottom: 8px;
}
.usl_list .subtitle {
  margin-bottom: 40px;
}
/* Flex блок */
.flex {
  display: flex;
}
.flexC {
  align-items: center;
  justify-content: center;
}
.flexSB {
  justify-content: space-between;
}
.flexAC {
  align-items: center;
}
.flexAE {
  align-items: flex-end;
}
.flexAS {
  align-items: flex-start;
}
.flexW {
  flex-wrap: wrap;
}
.flexDC {
  flex-direction: column;
}
/* Отступы */
.mt-60 {
  margin-top: 60px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-60 {
  margin-bottom: 60px;
}
.mt-1 {
  margin-top: 1rem;
}
.mt-2 {
  margin-top: 2rem;
}
.mb-1 {
  margin-bottom: 1rem;
}
.mb-2 {
  margin-bottom: 2rem;
}
.ml-1 {
  margin-left: 1rem;
}
.ml-2 {
  margin-left: 2rem;
}
.mr-1 {
  margin-right: 1rem;
}
.mr-2 {
  margin-right: 2rem;
}
/* Кнопки */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px;
  color: var(--black);
  background-color: var(--accent-color-1);
  border: none;
  cursor: pointer;
  text-align: center;
  border-radius: var(--borrad16);
  transition: 0.3s;
  font-size: var(--fz14);
}
.btn:hover,
.btn:active,
.btn:focus {
  background-color: var(--accent-color-180);
  color: var(--black)!important;
  border-radius: var(--borrad20);
}
.btn-mini {
  padding: 16.6px 19px;
}
.btn-black {
  color: var(--accent-color-1);
  background-color: var(--black);
}
.btn-black:hover {
  color: var(--accent-color-1)!important;
  background-color: var(--black-80);
}

.block-d,
section > *,
main section,
aside section {
  margin-bottom: 0px;
  padding-top: 60px;
  padding-bottom: 60px;
}
section > * {
  padding-bottom: 0;
  padding-top: 0;
}
/* Прочие полезные стили */
.hidden {
  display: none !important;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.privacy_policy {
  font-family: inherit;
  z-index: 12221321321321;
}
.privacy_policy .button {
  display: inline-block;
}
.privacy_policy a {
  color: var(--accent-color-1);
}
.cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bcg-white {
  background-color: var(--white);
  border-radius: var(--borrad60);
}
.bcg-yellow {
  background-color: var(--accent-color-1);
  border-radius: var(--borrad60);
}
/*Шапка*/
header {
  border-radius: var(--borrad60);
  background-color: var(--white);
  top: 0;
  left: 0;
  position: relative;
  transition: 0.3s;
  width: 100%;
  z-index: 10;
}
._upper-show header {
  position: fixed;
}
.header_top {
  padding: 14px 0;
}
.header_top__phones {
  gap: 25px;
  transition: 0.3s;
}
._upper-show header .header_top__phones {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.logo {
  transition: 0.3s;
}
._upper-show header .logo {
  max-width: 141px;
  height: 38px;
  overflow: hidden;
}
.header_top__phones span {
  color: var(--black-60);
  font-size: var(--fz16);
  display: block;
  margin-bottom: 2px;
}
.phone {
  display: inline-block;
  font-weight: 700;
  font-size: var(--fz16);
  color: var(--black);
}
.phone:hover {
  color: var(--accent-color-1);
}
.header_top__block {
  gap: 70px;
  gap: 3vw;
}
.socnets-d {
  gap: 10px;
  margin-right: 10px;
}
.socnets-d a {
  width: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: var(--borrad16);
  background-color: var(--black-3);
  font-size: 21px;
}
.socnets-d a:hover {
  border-radius: var(--borrad20);
}
.regal_slider_wrapper {
  position: relative;
  width: 357px;
  overflow: hidden;
  padding-left: 21px;
  padding-right: 21px;
  transition: 0.3s;
}
._upper-show header .regal_slider_wrapper {
  opacity: 0;
  height: 0;
  overflow: hidden;
}
.regal_list {
  width: 315px;
  overflow: hidden;
  scroll-behavior: smooth;
}
.regal_item {
  font-size: var(--fz12);
  color: var(--black-60);
  flex: 1 0 auto;
  position: relative;
  min-width: 88px;
  margin-right: 25px;
}
.regal_item b {
  font-weight: bold;
  font-size: var(--fz16);
  display: block;
  margin-bottom: 5px;
  color: var(--accent-color-1);
}
.tooltip {
  position: absolute;
  top: 20%; /* Располагаем над элементом */
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--black-3);
  color: var(--black);
  padding: 15px;
  max-width: 205px;
  border-radius: var(--borrad16);
  font-size: var(--fz14);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s,
    visibility 0.3s;
  z-index: 1000;
}
.regal_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 10;
  padding: 0;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--black);
  transition: 0.3s;
  opacity: 0;
}
.regal_btn:hover {
  color: var(--accent-color-1);
}
.regal_btn-prev {
  left: 0px;
}
.regal_btn-next {
  right: 0;
}
.regal_slider_wrapper:hover .regal_btn {
  opacity: 1;
}
.regal_slider_wrapper:has(.regal_item:nth-child(4)) .slider_btn {
  display: block;
}
.regal_slider_wrapper:not(:has(.regal_item:nth-child(4))) .slider_btn {
  display: none;
}

/*главное меню*/
ul#top-menu {
  transition: 0.3s;
}
._upper-show header ul#top-menu {
  position: absolute;
  bottom: 100%;
  left: 223px;
  max-width: 788px;
  width: 100%;
}
.parent .menu {
  display: none;
}
.header_nav li a {
  padding-top: 16px;
  padding-bottom: 26px;
  display: inline-block;
  font-size: var(--fz16);
  line-height: 1.1;
  color: var(--black);
  position: relative;
}
.header_nav li a:before {
  content: "";
  width: 100%;
  position: absolute;
  border-radius: 6px;
  left: 0;
  bottom: 0;
  height: 0;
  opacity: 0;
  transition: 0.3s;
  background-color: var(--accent-color-1);
}
.header_nav li.active a:before,
.header_nav li a:hover:before {
  height: 3px;
  opacity: 1;
}
.header_nav li a[first-nav] {
  padding-left: 60px;
  font-weight: 700;
}
.header_nav li a[first-nav]:after,
.header_nav li a[first-nav]:before {
  content: "";
  position: absolute;
  left: 0;
  width: 50px;
  height: 3px;
  background-color: var(--accent-color-1);
  transition: 0.3s;
  opacity: 1;
  border-radius: 6px;
}
.header_nav li a[first-nav]:before {
  top: 17px;
  bottom: auto;
}
.header_nav li a[first-nav]:after {
  bottom: 30px;
}
.header_nav li a.open[first-nav]:after {
  transform: rotate(45deg) translate(-1px, -7px);
}
.header_nav li a.open[first-nav]:before {
  transform: rotate(-45deg) translate(0px, 6px);
}
.header_nav li a[first-nav]:hover:after,
.header_nav li a[first-nav]:hover:before {
  background-color: var(--accent-color-180);
}
.usl_menu {
  max-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  border-radius: var(--borrad60);
  transition:
    max-height 0.3s ease,
    opacity 0.3s ease,
    border-radius 0.3s ease;
  z-index: -1;
  background-color: #fff;
  width: 100%;
  opacity: 0;
}
.openMenu {
  border-radius: var(--borrad60) var(--borrad60) 0 0;
}
.openMenu .usl_menu {
  padding-top: 30px;
  max-height: 1060px;
  overflow: auto;
  opacity: 1;
  z-index: 10;
  padding-bottom: 47px;
  border-radius: 0 0 var(--borrad60) var(--borrad60);
}
.usl_menu__list {
  gap: var(--gap);
}
.usl_menu__list .usl_block__item {
  width: 100%;
  max-width: calc(100% / 4 - var(--gap));
  padding: 0;
  margin: 0;
}
.usl_menu__list .usl_block__item .usl_block__name:after {
  content: none;
}
.usl_menu__list .usl_block__item .usl_block__name img {
  margin-right: 15px;
}
.usl_menu__list .usl_block__item ul li:not(:last-of-type) {
  margin-bottom: 15px;
}
.usl_menu__list .usl_block__item ul li a {
  color: var(--black-60);
}
.usl_menu__list .usl_block__item ul li a:hover {
  color: var(--black);
}
/* .usl_menu__list .usl_block__item-2 {
  order: -1;
  max-width: 100%;
}
.usl_menu__list .usl_block__item-2 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.usl_menu__list .usl_block__item-2 ul li {
  break-inside: avoid;
} */
.usl_menu__list .usl_block__item:first-child{
  max-width: calc(100% / 2 - var(--gap));
}

/*Первый баннер*/
.main_ban {
  margin-top: 30px;
  border-radius: var(--borrad60);
  padding-bottom: 98px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.main_ban h1 {
  /* font-size: var(--fz140); */
  line-height: 1;
  margin-bottom: 30px;
  font-weight: 800;
  color: var(--white);
  font-size: clamp(64px, 4cqi + 1rem, 140px);
  overflow-wrap: break-word;
  word-break: break-word;
}
.main_ban h1:has(+ h3) {
  margin-bottom: 0;
}
.main_ban h3 {
  margin-top: 0;
  color: var(--white);
  font-size: clamp(16px, 4cqi + 1rem, 64px);
  margin-bottom: 50px;
  font-weight: 800;
  line-height: 0.85;
}
.main_ban p.big-text {
  font-size: var(--fz40);
  margin-bottom: 43px;
  line-height: 0.85;
  color: var(--white);
}
.main_ban ul {
  display: flex;
  align-items: center;
  gap: 40px;
}
.main_ban ul li {
  position: relative;
  width: 160px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
}
.main_ban ul li b {
  font-weight: 800;
  color: var(--accent-color-1);
  font-size: var(--fz36);
}
.main_ban ul li svg {
  position: absolute;
  left: 0;
  top: 0;
  animation: rotate 10s linear infinite;
  transform-origin: center center;
  will-change: transform;
  transform: translateZ(0);
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main_ban .btn-play {
  position: absolute;
  bottom: 34px;
  left: 480px;
}
/*Кнопка плей*/
.btn-play {
  display: flex;
  padding-left: 17px;
  align-items: center;
  width: 84px;
  height: 94px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='83' height='94' viewBox='0 0 83 94' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_472_16873)'%3e%3cpath d='M77.5 39.2061C83.4062 42.6161 83.4983 51.0607 77.7764 54.6279L77.5 54.7939L14.5 91.167C8.5 94.6311 0.999995 90.3013 0.999996 83.373L0.999999 10.6269C0.999999 3.69875 8.5 -0.631097 14.5 2.833L77.5 39.2061Z' fill='white' fill-opacity='0.5' stroke='white' stroke-width='2'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_472_16873'%3e%3crect width='83' height='94' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
  transition: 0.3s;
  background-size: cover;
  color: var(--white) !important;
}
.btn-play:hover {
  color: var(--accent-color-1) !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='83' height='94' viewBox='0 0 83 94' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_472_16872)'%3e%3cpath d='M77.5 39.2061C83.4062 42.6161 83.4983 51.0607 77.7764 54.6279L77.5 54.7939L14.5 91.167C8.5 94.6311 0.999995 90.3013 0.999996 83.373L0.999999 10.6269C0.999999 3.69875 8.5 -0.631097 14.5 2.833L77.5 39.2061Z' fill='%23F7C713' fill-opacity='0.5' stroke='%23F7C713' stroke-width='2'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_472_16872'%3e%3crect width='83' height='94' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}
.btn-play.btn-play-mini {
  width: 40px;
  height: 45px;
  padding-left: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='46' viewBox='0 0 40 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_472_16870)'%3e%3cpath d='M37.0908 19.3418C39.6365 20.812 39.6367 24.487 37.0908 25.957L6.72851 43.4853C4.18248 44.9552 1.00034 43.1185 0.999998 40.1787L0.999999 5.12012C1 2.18013 4.18237 0.342716 6.72852 1.8125L37.0908 19.3418Z' fill='white' fill-opacity='0.5' stroke='white' stroke-width='2'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_472_16870'%3e%3crect width='40' height='45.3012' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}
.btn-play.btn-play-mini:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='40' height='46' viewBox='0 0 40 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_472_16871)'%3e%3cpath d='M37.0908 19.3418C39.6365 20.812 39.6367 24.487 37.0908 25.957L6.72851 43.4853C4.18248 44.9552 1.00034 43.1185 0.999998 40.1787L0.999999 5.12012C1 2.18013 4.18237 0.342716 6.72852 1.8125L37.0908 19.3418Z' fill='%23F7C713' fill-opacity='0.5' stroke='%23F7C713' stroke-width='2'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_472_16871'%3e%3crect width='40' height='45.3012' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}

/*Блок меню услуги*/
.menu_usl p {
  font-size: var(--fz24);
  margin-bottom: 48px;
}
.menu_usl .btn {
  min-width: 308px;
}
.menu_usl__title {
  text-align: center;
  font-size: var(--fz24);
  margin-bottom: 34px;
  color: var(--white);
  margin-top: -158px;
}
.menu_usl__grid {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(3, 1fr);
}
.menu_usl__item > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 120px;
  background-color: var(--white);
  border-radius: var(--borrad30);
  font-weight: 700;
  font-size: var(--fz16);
}
.menu_usl__item a:hover {
  background-color: var(--accent-color-1);
}
.menu_usl__item a:after {
  content: "";
  width: 12px;
  height: 0px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.82837 9.89905L9.19233 3.53508' stroke='black' stroke-width='2'/%3e%3cpath d='M9.89941 8.48498L9.89941 2.82813L4.24256 2.82813' stroke='%23010D23' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  opacity: 0;
  transition: 0.3s;
}
.menu_usl__item a:hover:after {
  height: 10px;
  opacity: 1;
}
.menu_usl__item svg {
  fill: transparent;
}
.menu_usl__item svg * {
  transition: 0.3s;
}

/* При наведении */
.menu_usl__item a:hover svg path:not(.svg_black),
.menu_usl__item a:hover svg rect {
  stroke: var(--black);
}
.menu_usl__item a:hover svg .svg_black {
  fill: var(--black);
}
.menu_usl__item a:hover svg circle:not(.svg_black) {
  stroke: var(--black);
}

/*Слайдер с видео*/
.video_sliders {
  background-color: var(--white);
  border-radius: var(--borrad16);
}
.video_sliders:not(.clauses_another) .video_sliders__full {
  margin-bottom: 80px;
  margin-left: -210px;
  width: calc(100% + 210px);
}
.video_sliders__shorts {
  margin-left: -150px;
  width: calc(100% + 150px);
}
.video_item,
.video_sliders__full .swiper-slide {
  display: block;
  width: 100%;
  min-width: 420px;
  flex: 0 0 420px;
}
.video_sliders__shorts .swiper-slide,
.video_sliders__shorts .video_item {
  min-width: 195px;
  width: 100%;
  flex: 0 0 195px;
}
.video_sliders__shorts .swiper-slide .video_img {
  height: 294px;
}
.video_block {
  position: relative;
  overflow: hidden;
  border-radius: var(--borrad20);
  margin-bottom: 10px;
  display: block;
}
.video_block .btn-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiper-slide-hidden {
  display: none !important;
}

/* чтобы не ломалась центровка, когда мало слайдов */
.video_sliders__full .swiper-wrapper,
.video_sliders__shorts .swiper-wrapper {
  transition-timing-function: linear !important; /* опционально */
}

/*Слайдер*/
.slider_nav {
  position: absolute;
  right: 0;
  top: 30%;
  transform: translateY(-50%);
  display: flex;
  gap: 30px;
  padding-right: 15px;
}
.swiper-button-prev,
.swiper-button-next {
  position: unset;
  padding: 0;
  width: 12px;
  height: 20px;
  transform: translate(0px, 0px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  display: none;
}
.swiper-button-prev:before,
.swiper-button-next:before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 20px;
  color: var(--black);
  transition: 0.3s;
}
.swiper-button-prev:hover:before,
.swiper-button-next:hover:before,
.swiper-button-prev:focus:before,
.swiper-button-next:focus:before,
.swiper-button-prev:active:before,
.swiper-button-next:active:before {
  color: var(--accent-color-1);
}
.swiper-button-prev:before {
  content: "\f053";
}
.swiper-button-next:before {
  content: "\f054";
}

/*Список тегов*/
.tags_list {
  gap: calc(var(--gap) / 2);
  margin-bottom: 30px;
}
.tags_item,
.tags_list label {
  border-radius: var(--borrad12);
  padding: 10px 9px;
  background-color: var(--black-3);
  color: var(--black-60);
  cursor: pointer;
  border: 2px solid var(--black-3);
  transition: 0.3s;
  display: inline-block;
  font-size: var(--fz14);
  line-height: 1;
}
.tags_list label {
  background-color: var(--white);
  color: var(--black-50);
}
.tags_list label:before,
.tags_list label:after {
  content: none !important;
}
.tags_item:hover,
.tags_list label:hover {
  border-radius: var(--borrad16);
  background-color: var(--accent-color-1) !important;
}
.tags_item:hover,
.tags_item.active,
.tags_list input[type="checkbox"]:checked + label {
  color: var(--black) !important;
  border-color: var(--accent-color-1) !important;
}
.tags_item.active,
.tags_list input[type="checkbox"]:checked + label {
  background-color: var(--white);
}
.video_name {
  font-size: var(--fz14);
  color: var(--black);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

/*Блок список услуг*/
.usl_block__list {
  column-count: 3;
  column-gap: var(--gap);
}
.usl_block__item {
  break-inside: avoid;
  background-color: var(--white);
  padding: var(--pad);
  border-radius: var(--borrad30);
  max-width: 420px;
  margin-bottom: 30px;
}
.usl_block__img {
  margin-bottom: 15px;
}
.usl_block__name {
  display: block;
  margin-bottom: 26px;
  font-weight: 700;
  font-size: var(--fz24);
  position: relative;
}
.usl_block__name:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.82837 9.89905L9.19233 3.53508' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M9.89941 8.48498L9.89941 2.82813L4.24256 2.82813' stroke='%23F7C713' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
}
.usl_block__name:hover {
  color: var(--accent-color-1);
}
.usl_block__item .tags_list {
  margin-bottom: 0;
}
/*Квиз*/
.quiz__question {
  opacity: 0 !important;
}
.quiz__question.swiper-slide-active {
  opacity: 1 !important;
}
.quiz__submit {
  display: none;
  margin-top: 0 !important;
}
#quiz_form {
  position: relative;
}
.quiz__header {
  position: absolute;
  left: 0px;
  top: 143px;
  z-index: 1;
  width: 100%;
}
.quize_subtitle {
  font-size: var(--fz24);
  margin-bottom: 144px;
  margin-top: -20px;
}
.quiz__progress {
  display: flex;
  list-style-type: none;
  margin-top: 20px;
}
.quiz__progress li {
  counter-increment: step-counter;
  flex: 1;
  text-align: center;
}
.quiz__progress li:before {
  content: "Шаг " counter(step-counter);
  transition: 0.3s;
  font-size: var(--fz14);
  color: var(--black-30);
}
.quiz__progress li.active:before {
  color: var(--black);
}
.swiper-pagination-progressbar {
  background: var(--black-3);
  border-radius: var(--borrad60);
  overflow: hidden;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--accent-color-1);
  border-radius: var(--borrad60);
}
.quiz__footer {
  margin-top: 30px;
}
.question__list {
  display: flex;
  gap: var(--gap);
  flex-wrap: wrap;
  align-items: flex-start;
}
.question__text {
  font-size: var(--fz14);
  color: var(--black-50);
  margin-bottom: 23px;
  margin-top: -5px;
}
.question__item {
  width: 100%;
  max-width: 195px;
}
.question__item label {
  display: block;
  width: 100%;
  min-height: 97px;
  padding: 18px 13px;
  border-radius: var(--borrad30);
  background-color: var(--black-3);
  text-align: center;
  font-size: var(--fz14);
  color: var(--black-60);
  border: 2px solid var(--black-3);
  transition: 0.3s;
  position: relative;
}
form input[type="checkbox"],
form input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  display: none;
}
form label::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--black-10);
  border-radius: 6px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
form label:has(input[type="checkbox"]:checked),
form label:has(input[type="radio"]:checked), .question__item label:hover {
  border-color: var(--accent-color-1);
}
form label:has(input[type="checkbox"]:checked)::before,
form label:has(input[type="radio"]:checked)::before {
  background-color: var(--accent-color-1);
  border-color: var(--accent-color-1);
}
form label:has(input[type="checkbox"]:checked)::after,
form label:has(input[type="radio"]:checked)::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 8px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.700012 2.7002L3.5597 5.08327C3.63917 5.14949 3.75602 5.14419 3.82916 5.07105L8.20001 0.700195' stroke='black' stroke-width='1.4' stroke-linecap='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 25px;
  left: 50%;
  transform: translateX(-50%);
}
.question__item-14,
.question__item-19 {
  max-width: max-content;
  align-self: center;
  place-self: center;
}
.question__item-14 label,
.question__item-19 label {
  padding: 0;
  background-color: transparent;
  border: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  text-align: left;
}
.question__item-14 label::before,
.question__item-19 label:before {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 0;
  margin-left: 0;
}
form .question__item-14 label:has(input[type="checkbox"]:checked)::after,
form .question__item-19 label:has(input[type="checkbox"]:checked)::after {
  top: 6px;
  left: 5px;
  transform: translateX(0%);
}
.question__box {
  flex: 1;
}
.quiz__submit {
  min-width: 307px;
}
.question__box_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: var(--gap);
  grid-template-areas:
    "a1 a2 a5 a5"
    "a3 a4 a5 a5";
  margin-bottom: var(--gap);
}
.question__box-20 {
  grid-area: a1;
}
.question__box-21 {
  grid-area: a2;
}
.question__box-22 {
  grid-area: a3;
}
.question__box-23 {
  grid-area: a4;
}
.question__box-24 {
  grid-area: a5;
}
.question__box-24 textarea {
  height: 150px;
}
/*Блок с кейсами*/
.keyses_main__wrap {
  gap: var(--gap);
  align-items: flex-start;
}
.keyses_main__aside {
  flex: 0 0 420px;
  position: sticky;
  left: 0;
  top: 100px;
}
.keyses_main__content {
  flex: 1;
  position: relative;
}

.tags_list--white .tags_item {
  background-color: var(--white);
  border-color: var(--white);
}
.keyses_main__list {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.keyses_main__item {
  padding: var(--pad);
  gap: calc(var(--gap) / 2);
  min-height: 330px;
  color: var(--white);
  border-radius: var(--borrad30);
  overflow: hidden;
  position: relative;
}
.keyses_main__item_sub {
  font-size: var(--fz16);
  line-height: 1.1;
}
.keyses_main__item_text {
  font-weight: 400;
  color: var(--black-5);
  font-size: var(--fz14);
  margin-bottom: 23px;
}
.keyses_main__item_img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover;
  z-index: -1;
}
.keyses_main__item_img-mob {
  display: none;
}

/*Слайдер с клиентами*/
.clients_block .swiper-wrapper {
  align-items: center;
}
.clients_block .swiper-wrapper .swiper-slide {
  width: auto;
}
.clients_block__slider {
  margin-left: -100px;
  width: calc(100% + 100px);
}

/*Блок с ценами*/
.price_block__list {
  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(3, 1fr);
}
.price_block__item {
  background-color: var(--white);
  border-radius: var(--borrad30);
  padding: var(--pad);
  align-self: self-start;
}
.price_block__item h3 {
  margin-bottom: 6px;
}
.price_block__item h3 a {
  color: var(--accent-color-1);
  position: relative;
  display: block;
}
.price_block__item h3 a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0%;
  transform: translateY(50%);
  width: 12px;
  height: 10px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.82837 9.89905L9.19233 3.53508' stroke='%23000' stroke-width='2'/%3e%3cpath d='M9.89941 8.48498L9.89941 2.82813L4.24256 2.82813' stroke='%23000' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
}
.price_block__item_text p:first-of-type {
  font-size: var(--fz16);
  margin-bottom: 35px;
  color: var(--black-60);
}
._text ul li {
  font-size: var(--fz14);
  margin-bottom: 22px;
}
._text ul li::marker {
  color: var(--accent-color-1);
}
.price_block__item_text ul {
  margin-bottom: 40px;
}
.price_block__item_text b,
.price_block__item_text strong {
  font-size: var(--fz32);
}

/*Блок о компании*/
.about_item__text {
  color: var(--black-60);
}
.about__video {
  position: relative;
  border-radius: var(--borrad30);
  overflow: hidden;
}
.about__video .btn-play,
.video_keys .btn-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.about__list {
  gap: var(--gap);
}
.about__item {
  flex: 0 0 195px;
}
.about__item_name {
  font-weight: 800;
  font-size: var(--fz52);
  margin-bottom: 20px;
  line-height: 0.8;
  color: var(--accent-color-1);
}
.about__item_text {
  font-weight: 700;
  font-size: var(--fz18);
  color: var(--black);
}

/*Награды*/
.awards_block__list {
  gap: 30px;
}
.awards_block__item {
  flex: 0 0 307px;
}
.awards_block__item_img {
  position: relative;
  margin-bottom: 11px;
  display: inline-block;
}
.awards_block__item_img:before {
  content: "";
  opacity: 0;
  transition: 0.3s;
  display: block;
  position: absolute;
  width: 120px;
  height: 120px;
  top: -27px;
  right: -65px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='120' height='120' viewBox='0 0 120 120' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M52.5 95C75.972 95 95 75.972 95 52.5C95 29.028 75.972 10 52.5 10C29.028 10 10 29.028 10 52.5C10 75.972 29.028 95 52.5 95Z' fill='white' fill-opacity='0.6' stroke='black' stroke-width='2' stroke-linejoin='round'/%3e%3cpath d='M83.0547 83.0469L104.268 104.26' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M52.0195 42V66' stroke='black' stroke-width='2' stroke-linecap='round'/%3e%3cpath d='M64.0195 54L40.0195 54' stroke='black' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.awards_block__item_img:hover:before {
  opacity: 1;
}
.awards_block__item_img div {
  display: block;
  width: 129px;
  height: 160px;
  border-radius: var(--borrad16);
  overflow: hidden;
}
.awards_block__item_text {
  font-weight: 400;
  font-size: var(--fz12);
  color: var(--black-80);
}
/*Кнопка показать еще*/
.show-more,
.paginator_more_button {
  font-weight: 700;
  font-size: var(--fz16);
  display: inline-block;
  position: relative;
  padding: 18px 0;
  width: 133px;
  text-align: center;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}
.show-more:before,
.paginator_more_button:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.3s;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='130' height='10' viewBox='0 0 130 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 1H53.6748C53.8862 1 54.0921 1.06696 54.263 1.19126L63.7659 8.10245C64.4947 8.63248 65.4879 8.60966 66.1916 8.04672L74.7261 1.21913C74.9034 1.07728 75.1237 1 75.3508 1L130 1' stroke='black' stroke-width='2'/%3e%3c/svg%3e ");
}
.show-more:hover:before,
.paginator_more_button:hover:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='130' height='10' viewBox='0 0 130 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0 1H53.6748C53.8862 1 54.0921 1.06696 54.263 1.19126L63.7659 8.10245C64.4947 8.63248 65.4879 8.60966 66.1916 8.04672L74.7261 1.21913C74.9034 1.07728 75.1237 1 75.3508 1L130 1' stroke='%23F7C713' stroke-width='2'/%3e%3c/svg%3e ");
}
.show-more .less,
.show-more.open .more {
  display: none;
}
.show-more.open .less {
  display: block;
}
.show-more.open:before {
  bottom: auto;
  top: 0;
  transform: scale(1, -1);
}

/*Форма*/
.form_main__flex {
  gap: var(--gap);
}
.form_main__text {
  font-size: var(--fz24);
  margin-bottom: 0;
}
.form_wrap {
  background-color: var(--white);
  padding: var(--pad);
  border-radius: var(--borrad30);
}
.bcg-yellow .form_wrap {
  box-shadow: 0px 71px 71px 0px #00000017;
}
form .field-d {
  margin-bottom: 0;
}
input,
textarea {
  border-radius: var(--borrad16);
  padding: 20px;
  color: var(--black);
  font-size: var(--fz14);
  border: 1px solid #e6e6e6;
  line-height: 1;
  font-weight: 500;
  background-color: var(--black-3);
  resize: none;
}
input::placeholder,
textarea::placeholder {
  color: var(--black-50);
}
textarea {
  height: 120px;
}
input:focus,
textarea:focus {
  border-color: var(--accent-color-1);
  background-color: var(--white);
}
.form_wrap form {
  gap: var(--gap);
}
.field-d {
  width: 100%;
}
.form_wrap .field-d {
  max-width: calc(50% - var(--gap) / 2);
}
.field-d:has(textarea) {
  max-width: 100% !important;
}
form .privacy_field,
.required_field {
  text-align: center;
  color: var(--black-50);
  font-size: var(--fz14);
  margin: 0;
  width: 100%;
}
form .privacy_field a {
  color: var(--black-50);
}
.required_field {
  font-size: var(--fz12);
}
form button {
  font-weight: 500;
}
.field-d .error_message {
  display: none !important;
}
.field-d input:has(+ .error_message) {
  color: var(--accent-color-2);
  border-color: var(--accent-color-2);
}
.field-d input:has(+ .error_message)::placeholder {
  color: inherit;
}
form + .error_message {
  color: #000;
  background-color: transparent;
}

/*Футер*/
footer {
  padding-top: 60px;
  padding-bottom: 85px;
}
.footer_block {
  width: 100%;
}
.footer_block-menu {
  max-width: 750px;
  align-self: center;
  align-content: center;
}
.footer_block-call {
  max-width: 268px;
}
footer .socnets-d {
  display: inline-flex;
}
.footer_block-logo {
  max-width: 450px;
  margin-top: 25px;
}
.footer_block-title {
  max-width: 490px;
  font-weight: 700;
  font-size: var(--fz32);
  color: var(--accent-color-1);
  margin-right: auto;
  align-self: end;
  align-content: end;
}
.footer_block-conatcs {
  margin-top: 21px;
  max-width: 420px;
}
.footer_block-menusl {
  max-width: 870px;
  margin-top: 40px;
}
.footer_block-conatcs > .flex > div {
  margin-right: 30px;
}
.footer_block-conatcs > .flex:nth-of-type(2) > div {
  margin-bottom: 18px;
}
.footer_block-conatcs > .flex:nth-of-type(2) {
  margin-bottom: 40px;
}
footer .header_top__phones span {
  font-size: var(--fz12);
  margin-bottom: 5px;
}
.footer_block-conatcs .socnets-d a {
  width: auto;
  height: auto;
  background-color: transparent;
}
.footer_block-conatcs .socnets-d {
  gap: 15px;
}
.footer_block-copyright {
  margin-top: 120px;
  font-size: var(--fz12);
  color: var(--black-60);
}
.footer_block-copyright a {
  color: inherit;
}
.footerusl {
  gap: 50px var(--gap);
}
.footerusl > li {
  width: 100%;
  max-width: 195px;
}
.footerusl > li:first-child{
  max-width: calc(195px * 2 + var(--gap));
}
.footerusl > li:first-child ul, .usl_menu__list .usl_block__item:first-child ul{
  column-count: 2;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 var(--gap);
}

.footerusl > li > a {
  display: block;
  margin-bottom: 20px;
  font-weight: 700;
  color: var(--black);
}
.footerusl > li li {
  margin-bottom: 12px;
}
.footerusl > li li a {
  font-size: var(--fz14);
  color: var(--black-70);
}
.footerusl > li li a:hover{
  color: var(--accent-color-1);
}

/*Модалка*/
.modal {
  display: none;
}
.fancybox-slide > .modal {
  margin: 0;
  border-radius: var(--borrad30);
  max-width: 700px;
}
.modal .fancybox-close-small {
  top: 15px;
  right: 15px;
  width: 30px;
  height: 30px;
}
.modal .fancybox-close-small:after {
  top: 0;
  right: 0;
  font-size: 30px;
  color: var(--black);
  background-color: transparent !important;
  border: 0 !important;
  outline: none;
  font-size: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='3.69238' y='2.35156' width='33.3333' height='2' rx='1' transform='rotate(45 3.69238 2.35156)' fill='black'/%3e%3crect x='2.35059' y='25.7109' width='33.3333' height='2' rx='1' transform='rotate(-45 2.35059 25.7109)' fill='black'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
}
.modal .fancybox-close-small:hover:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='3.69238' y='2.35156' width='33.3333' height='2' rx='1' transform='rotate(45 3.69238 2.35156)' fill='%23F7C713'/%3e%3crect x='2.35059' y='25.7109' width='33.3333' height='2' rx='1' transform='rotate(-45 2.35059 25.7109)' fill='%23F7C713'/%3e%3c/svg%3e ");
}
.modal h3 {
  text-align: center;
  margin-bottom: 20px;
}
.modal .form_text {
  text-align: center;
  margin-bottom: 30px;
}
.modal .flex {
  gap: calc(var(--gap) / 2);
}
#cons .field-d {
  max-width: calc(50% - var(--gap) / 4);
}
#cons .field-d.feedback_form_param13 {
  max-width: 100%;
}
.overflow {
  position: fixed;
  left: 0;
  top: 0;
  background-color: var(--black);
  opacity: 0.6;
  z-index: 9;
}
.overflow.open {
  right: 0;
  bottom: 0;
}
.fancybox-is-open .fancybox-bg {
  opacity: 0.6;
}
/*ХБ*/
.breadcrumbs {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 12px;
  color: var(--black);
}
.breadcrumbs a {
  color: var(--black-50);
}
.breadcrumbs a:hover {
  color: var(--black);
}
.separ {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='5' height='6' viewBox='0 0 5 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.13173 1.38501C5.02289 1.86531 5.00332 3.15035 4.09795 3.60328L1.80927 4.74826C0.978124 5.16406 -2.36107e-07 4.5597 -1.95484e-07 3.63035L-9.15175e-08 1.25188C-5.01642e-08 0.305825 1.01024 -0.297324 1.84304 0.151518L4.13173 1.38501Z' fill='%23808080'/%3e%3c/svg%3e ");
  width: 5px;
  height: 5px;
  background-repeat: no-repeat;
  background-size: contain;
}
.breadcrumbs .separ:last-child {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='5' height='6' viewBox='0 0 5 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.13173 1.38501C5.02289 1.86531 5.00332 3.15035 4.09795 3.60328L1.80927 4.74826C0.978124 5.16406 -2.36107e-07 4.5597 -1.95484e-07 3.63035L-9.15175e-08 1.25188C-5.01642e-08 0.305825 1.01024 -0.297324 1.84304 0.151518L4.13173 1.38501Z' fill='%23F7C713'/%3e%3c/svg%3e ");
}

/*Услуга*/
.u_ban {
  margin-top: 0;
  min-height: 550px;
  padding-bottom: 0;
  padding-top: 0;
}
.u_ban p {
  font-size: var(--fz24);
  color: var(--white);
}
.u_underban {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: -38px;
  position: relative;
  z-index: 1;
}
.u_underban__list {
  gap: var(--gap);
  justify-content: center;
}
.card {
  background-color: var(--white);
  border-radius: var(--borrad30);
  padding: var(--pad);
}
.u_underban__item {
  flex: 1;
  padding-left: 22px;
  padding-right: 22px;
  max-width: 195px;
}
.u_underban__item img {
  max-height: 40px;
  margin-bottom: 12px;
}
.usl_list__list {
  gap: var(--gap);
}

.usl_list__item {
  flex: 1 1 420px;
  gap: 10px;
  font-size: var(--fz18);
  font-weight: 700;
}
.twoColumns .usl_list__item {
  flex: 1 1 645px;
}
.usl_list-5 .usl_list__item:nth-child(1),
.usl_list-5 .usl_list__item:nth-child(2) {
  hyphens: auto;
  text-wrap: pretty;
}
.usl_list__item:before {
  content: "";
  display: inline-block;
  flex: 0 0 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10 3C12.0905 3 13.9659 3.91529 15.25 5.37012C16.3397 6.60471 17 8.22403 17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3Z' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M7 9L9.92681 11.9268C9.96682 11.9668 10.032 11.9657 10.0706 11.9243L17 4.5' stroke='black' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e ");
}
.text .subtitle {
  margin-top: 8px;
}
.usl_card__list {
  gap: var(--gap);
}
.usl_card__item {
  flex: 1;
  max-width: 420px;
}
.usl_card__ontitle {
  font-size: 12px;
  color: var(--black-60);
  margin-bottom: 8px;
}
.usl_card__title {
  color: var(--accent-color-1);
  margin-bottom: 35px;
  margin-top: 0;
}
.usl_card__btn {
  margin-top: 35px;
  gap: var(--gap);
}
.usl_card__price {
  margin: 0;
}
.usl_card__price span {
  font-size: 12px;
  display: block;
  font-weight: 500;
  color: var(--black-60);
}
.usl_card__item:nth-child(3n + 2) {
  background-color: var(--accent-color-1);
}
.usl_card__item:nth-child(3n + 2) .usl_card__ontitle {
  color: var(--black-80);
}
.usl_card__item:nth-child(3n + 2) .usl_card__title,
.usl_card__item:nth-child(3n + 2) ._text ul li::marker {
  color: var(--white);
}
.usl_card__item:nth-child(3n + 2) .btn {
  background-color: var(--black);
  color: var(--accent-color-1);
}
.usl_card__item:nth-child(3n + 2) .btn:hover {
  background-color: var(--black-80);
  color: var(--accent-color-1);
}
.usl_card__item:nth-child(3n) {
  background-color: var(--black);
}
.usl_card__item:nth-child(3n) .usl_card__ontitle {
  color: var(--black-20);
}
.usl_card__item:nth-child(3n) .usl_card__price {
  color: var(--accent-color-1);
}
.usl_card__item:nth-child(3n) ._text {
  color: var(--white);
}
.u_steps > .container {
  position: relative;
}

/* Шкала шагов */
.steps-track {
  position: relative;
  z-index: 3;

  display: flex;
  align-items: center;

  min-height: 120px;
}

.step-item {
  display: flex;
  flex: 1;
  align-items: center;

  padding: 0;
  margin: 0;

  color: inherit;
  font: inherit;
  text-align: left;

  border: 0;
  background: transparent;
  cursor: pointer;
}

.step-item:last-child {
  flex: 0 0 auto;
}

.step-item:last-child .step-line {
  display: none;
}

.step-circle {
  position: relative;
  z-index: 2;

  display: flex;
  flex: 0 0 80px;
  align-items: center;
  justify-content: center;

  width: 80px;
  height: 80px;
  padding: 0;
  margin: 0;

  color: var(--black-20);
  background-color: var(--white);
  border: 2px solid var(--black-20);
  border-radius: 22px;

  transform: scale(1);
  transform-origin: center;

  transition:
    color 0.3s ease,
    border-color 0.3s ease,
    transform 0.3s ease;
}

.step-item.active .step-circle {
  color: var(--accent-color-1);
  border-color: var(--accent-color-1);
  transform: scale(1.5);
}

.step-item.passed .step-circle {
  color: var(--accent-color-1);
  border-color: var(--accent-color-1);
}

.step-line {
  position: relative;
  z-index: 1;

  flex: 1;
  height: 2px;

  background-color: var(--black-20);
  transition: background-color 0.3s ease;
}

.step-item.passed .step-line {
  background-color: var(--accent-color-1);
}

/* Контент */

.steps-content {
  position: relative;
  z-index: 2;
  min-height: 196px;
  margin-top: 40px;
  overflow: visible;
  background-color: var(--white);
  border-radius: var(--radius);
  transition: height 0.3s ease;
}

.steps-inner {
  position: relative;
  display: none;
  padding: 45px var(--pad) var(--pad) 250px;
  background: none;
}

.steps-inner.active {
  display: block;
  animation: stepsFade 0.35s ease both;
}

.steps-inner .h4 {
  margin-bottom: 14px;
}

.steps__text {
  max-width: 837px;
  line-height: 1.1;
}

.steps__btns {
  gap: var(--gap);
  margin-top: 14px;
}

.steps__btns .socnets-d {
  gap: var(--gap);
  margin-right: 0;
}

/* Динамическая жёлтая линия */

.steps-connector {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  overflow: visible;
  pointer-events: none;
}

.steps-connector__path {
  fill: none;
  stroke: var(--accent-color-1);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;

  opacity: 1;
  transition:
    stroke-dashoffset 0.6s ease,
    opacity 0.15s ease;
}

.steps-connector__path.is-updating {
  opacity: 0;
  transition: opacity 0.12s ease;
}

.steps-connector__path.is-drawing {
  opacity: 1;
}

@keyframes stepsFade {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.usl_incl__slider .swiper-slide {
  width: 420px;
  padding-right: 30px;
}
.usl_incl__slider,
.usl_cl__slider {
  padding-left: calc(50% - 1320px / 2);
}
.usl_incl__ontitle {
  color: var(--accent-color-1);
  margin-bottom: 18px;
}
.usl_incl__title {
  color: var(--black);
  margin-bottom: 30px;
}
.usl_thems__list {
  grid-template-columns: repeat(6, 1fr);
}
.usl_list-28 .usl_thems__list {
  grid-template-columns: repeat(3, 1fr);
}
.usl_thems__list .menu_usl__item > * {
  background-color: var(--black-3);
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.usl_thems__list .menu_usl__item a:hover {
  background-color: var(--accent-color-1);
}
.usl_cl__slider {
  margin-top: 32px;
}
.usl_cl__slider .swiper-slide {
  width: 644px;
  height: 479px;
  padding-right: 30px;
}
.usl_cl__slider .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: var(--borrad30);
  background-color: var(--white);
  overflow: hidden;
}
.usl_cl p {
  max-width: 78%;
  font-weight: 500;
  font-size: var(--fz24);
}
.accord__block {
  padding: var(--pad);
  border: 2px solid transparent;
  background-color: var(--white);
  transition: 0.3s;
  border-radius: 20px;
}
.accord__block:not(:last-of-type) {
  margin-bottom: 30px;
}
.accord__block.open {
  border-color: var(--accent-color-1);
}
.accord__title {
  position: relative;
  cursor: pointer;
  gap: var(--gap);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 0;
}
.accord__title:after {
  content: "";
  display: inline-block;
  flex: 0 0 12px;
  height: 12px;
  transition: 0.3s;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='5' width='2' height='12' rx='1' fill='%23F7C713'/%3e%3crect x='12' y='5' width='2' height='12' rx='1' transform='rotate(90 12 5)' fill='%23F7C713'/%3e%3c/svg%3e ");
  filter: brightness(0);
}
.accord__text {
  max-height: 0;
  transition: 0.3s;
  opacity: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: hidden;
}
.accord__block.open .accord__text {
  max-height: none;
  opacity: 1;
  padding-top: 23px;
}
.accord__block.open .accord__title:after {
  filter: none;
  transform: rotate(45deg);
}
.form_main-usl {
  position: relative;
  margin-bottom: 60px !important;
}
.form_main-usl .form_main__flex {
  position: relative;
  z-index: 1;
  justify-content: space-between;
}
.form_main-usl:after {
  content: "";
  position: absolute;
  width: 724px;
  height: 750px;
  background-image: url(/custom/my/img/form_usl.png);
  background-repeat: no-repeat;
  background-size: contain;
  right: 60px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
.form_main-usl h2 {
  color: var(--white);
  font-size: 72px;
  line-height: 1;
  margin-bottom: 25px;
}
.form_main-usl .form_main__text {
  font-size: var(--fz32);
  max-width: 590px;
}
.usl_cl__slider-8 {
  display: none;
}

/*Контакты*/
.page_site h1 {
  color: var(--accent-color-1);
}
.contacts_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap);
}
.contacts_item .h5 {
  margin-bottom: 23px;
}
.contacts_item .phone {
  font-size: var(--fz24);
}
/*Кейсы*/
.site_keyses__text b,
.site_keyses__text strong {
  font-weight: 500;
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
}
.site_keyses__text p {
  font-size: 14px;
  font-weight: 400;
}
.keyses_main__content .paginat-d {
  margin: 0;
  margin-top: 30px;
  text-align: left;
}
.keyses_main__content .paginator_more_form {
  margin-bottom: -70px;
}
/*Пагинация*/
.paginat-d__item {
  width: 40px;
  height: 40px;
  border: 2px solid transparent;
  min-width: none;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 500;
  color: var(--black-60);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  background: var(--black-3);
}
.paginat-d__item,
.paginat-d__item:link,
.paginat-d__item:visited {
  color: var(--black-60);
}
.paginat-d__item:hover,
.paginat-d__item_current {
  background-color: var(--white);
  border-color: var(--accent-color-1);
  color: var(--black);
}
.site_keyses__mob_text {
  display: none;
}
/*Блог*/
.blogs_item {
  margin-bottom: var(--gap);
  gap: var(--gap);
  background-color: var(--white);
  border-radius: var(--borrad20);
  overflow: hidden;
  min-height: 279px;
}
.blogs_item__images {
  flex: 0 0 420px;
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--borrad20);
}
.blogs_item__date {
  position: absolute;
  left: calc(var(--pad) / 2);
  bottom: calc(var(--pad) / 2);
  background: #ffffff1a;
  backdrop-filter: blur(5px);
  padding: 10px;
  border-radius: 10px;
  color: var(--black-5);
  font-size: var(--fz12);
  line-height: 0.67;
}
.blogs_item__link {
  position: absolute;
  right: calc(var(--pad) / 2);
  top: calc(var(--pad) / 2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: var(--white);
  border-radius: var(--borrad12);
}
.blogs_item__details {
  padding-top: var(--pad);
  padding-bottom: var(--pad);
  padding-right: var(--pad);
}
.blogs_item__details .h4 {
  margin-bottom: 12px;
  font-size: var(--fz24);
}
.blogs_item__anons {
  font-size: var(--fz14);
  font-weight: 400;
  margin-bottom: 12px;
}
.blogs_item__tags {
  margin-top: auto;
}
.blogs_item__tags .tags_list {
  margin-bottom: 0;
  gap: 10px;
}
.blogs_item__tags .tags_item {
  font-size: var(--fz12);
}
.blogs_site__aside .tags_item {
  background-color: var(--white);
  margin-bottom: 0;
}
.blogs_list__pop {
  gap: 15px;
}
.blogs_list__pop a {
  gap: 10px;
  margin-bottom: 0;
}
.blogs_list__pop .blogs_list__img {
  width: 130px;
  height: 90px;
  border-radius: 12px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.blogs_list__pop .blogs_list__img .blogs_item__link {
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
.blogs_list__pop .blogs_list__img .blogs_item__link svg {
  height: 10px;
}
.form_clauses .h2 {
  font-size: var(--fz40);
  line-height: 0.9;
  margin-bottom: 18px;
}
.form_clauses .form_text {
  font-size: var(--fz18);
  margin-bottom: 23px;
}
.form_clauses .field-d:not(:last-child) {
  margin-bottom: var(--pad);
}
/*Статья*/
.site_clause {
  padding-bottom: 40px;
}
.date-d {
  font-size: var(--fz12);
  margin-bottom: 26px;
  color: var(--black-60);
  font-weight: 400;
}
.site_clause__img {
  width: 100%;
  height: 500px;
  border-radius: var(--borrad60);
  overflow: hidden;
}
.site_clause__content ._text h2 {
  color: var(--black);
}
.site_clause__content ._text h3,
.site_clause__content ._text h4 {
  margin-bottom: 26px;
}
.site_clause__content ._text p {
  margin-bottom: 26px;
}
.site_clause__content ._text ul li {
  font-size: var(--fz16);
}
.site_clause__content ._text ul {
  margin-bottom: 26px;
}
blockquote {
  background-color: var(--white);
  border-radius: 6px 20px 20px 6px;
  margin: 0;
  margin-bottom: 26px;
  padding: 15px 23px;
  position: relative;
}
.site_clause__content ._text blockquote p {
  margin-bottom: 0;
}
blockquote:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 6px;
  border-radius: 12px;
  background-color: var(--accent-color-1);
}
.site_clause__content ._text img {
  border-radius: var(--borrad30);
}
.clauses_another__slider .swiper-slide {
  width: 420px;
  padding-right: 30px;
}
.clauses_another {
  background-color: transparent;
}
.clauses_another__item {
  background-color: var(--white);
  overflow: hidden;
  border-radius: var(--borrad20);
  display: block;
}
.clauses_another__details {
  padding: 15px 30px 30px;
}
/*Страница кейса*/
.id_keys_themes {
  gap: var(--gap);
}
.id_keys__img {
  min-height: 550px;
  overflow: hidden;
  border-radius: var(--borrad60);
}
.result_keys__list ul {
  display: flex;
  gap: var(--gap);
  margin-top: -30px;
  position: relative;
  z-index: 1;
}
.result_keys__list li {
  flex: 1;
  height: 195px;
  background-color: var(--white);
  border-radius: var(--borrad30);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--pad);
  font-weight: 700;
  font-size: 16px;
}
.result_keys__list li strong,
.result_keys__list li b {
  font-size: 40px;
  color: var(--accent-color-1);
}
.text_keys h3 {
  margin-bottom: 23px;
}
.tl-track {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-height: 40px;
  justify-content: space-between;
  margin-left: 15px;
  margin-right: 15px;
}
.tl-line {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--black-5);
  transform: translateY(-50%);
  z-index: 0;
}
.tl-year-label {
  font-size: 12px;
  font-weight: 500;
  color: var(--black-30);
  white-space: nowrap;
}
.tl-year-node {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 0px;
}
.tl-year-node:before {
  content: "";
  position: absolute;
  width: 2px;
  height: 14px;
  background-color: var(--black-5);
  left: 50%;
  top: 100%;
  transform: translate(-50%, 2px);
}
.tl-track .tl-year-node:last-child:before {
  left: auto;
  right: 0;
  transform: translate(0%, 2px);
}
.tl-track .tl-line + .tl-year-node:before {
  left: 0;
  transform: translate(0%, 2px);
}
.tl-year-node:hover .tl-year-dot,
.tl-year-node.active .tl-year-dot {
  background: var(--color-text-primary);
  border-color: var(--color-text-primary);
  color: var(--color-background-primary);
}
.tl-months {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  margin-top: auto;
  flex: 1;
  height: 23px;
  transition: 0.3s;
}
.tl-months.active {
  background: linear-gradient(
    180deg,
    rgba(247, 199, 19, 0) 0%,
    rgb(247, 199, 19, 0.2) 100%
  );
}
.tl-month-dot {
  /*  width: 7px; height: 7px;*/
  /*  border-radius: 50%;*/
  /*  background: var(--color-border-secondary);*/
  /*  margin: 0 12px;*/
  /*  cursor: pointer;*/
  flex-shrink: 0;
  /*  transition: background .15s, transform .15s;*/
}
.tl-month-wrap {
  flex: 0 1 auto;
  border: 2px solid transparent;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  margin-top: auto;
  flex: 1;
  height: 9px;
  border-radius: 3px;
  transform: translateY(4.5px);
  transition: 0.3s;
}
.tl-month-wrap.active {
  border-color: var(--accent-color-1);
  background-color: #fff;
}
.tl-content-wrap {
  width: 100%;
  overflow: hidden;
  padding-left: calc((100vw - 1320px) / 2);
}
#tl-content {
  touch-action: pan-y;
  padding-top: 44px;
  display: flex;
  transition: transform 0.5s cubic-bezier(0.32, 0.72, 0, 1);
  padding-bottom: 67px;
}
.tl-content-year {
  text-align: center;
  font-weight: 700;
  font-size: var(--fz40);
  color: var(--white);
  position: relative;
  z-index: 2;
}
.tl-content-block {
  position: relative;
  padding-top: 22px;
}
.tl-content-block:before,
.tl-content-block:after {
  content: "";
  width: 100%;
  height: 121px;
  background: linear-gradient(180deg, rgba(247, 199, 19, 0) 0%, #f7c713 100%);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
  transition: 0.3s;
  z-index: -1;
}
.tl-content-block:after {
  opacity: 0;
  transform: scaleY(-1) translateY(-140%);
  height: 86px;
}
.tl-content-block.active:before,
.tl-content-block.active:after {
  opacity: 1;
}
.tl-content-months,
.tl-content-month-wrap {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: center;
}
.tl-content-months {
  margin-top: 16px;
  padding-bottom: 6px;
}
.tl-content-month-wrap {
  transition: 0.3s;
  z-index: 1;
  gap: 5px;
  position: relative;
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
}
.tl-content-month-wrap:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #ffffff;
  background-color: var(--black-3);
  border-radius: 8px;
  height: calc(100% + 16px);
  width: 100%;
  z-index: 0;
  transition: 0.3s;
}
.tl-content-month-wrap.active {
  z-index: 2;
}
.tl-content-month-wrap.active:before {
  background-color: var(--accent-color-330);
  border-color: var(--accent-color-1);
  z-index: 3;
  height: calc(100% + 30px);
  /*  width: calc(100% + 14px);*/
}
.tl-content-month-dot {
  margin-right: -2px;
  background-color: var(--white);
  border-radius: 8px;
  font-size: var(--fz14);
  color: var(--black-60);
  padding: 5px 20px;
  position: relative;
  z-index: 1;
}
.tl-content-month-wrap.active .tl-content-month-dot {
  z-index: 4;
}
.tl-content-text {
  padding-top: 80px;
  padding-left: 32px;
  padding-bottom: 45px;
  position: relative;
  border-left: 2px solid var(--accent-color-1);
  border-bottom-left-radius: var(--borrad20);
  display: none;
  /*  transition: transform 0.4s ease;*/
  /*  will-change: transform;*/
}
.tl-content-text:has(.active) {
  display: block;
  width: 1350px;
  max-width: 100%;
}
.tl-content-text:after {
  content: "";
  position: absolute;
  left: -1.5px;
  bottom: -1.5px;
  width: 78px;
  height: 21px;
  border-bottom-left-radius: 20px;
  border-left: 2px solid var(--accent-color-1);
  border-bottom: 2px solid var(--accent-color-1);
  display: block;
}
.tl-event {
  display: none;
  max-width: 837px;
}
.tl-event.active {
  display: block;
}
.tl_keys {
  position: relative;
}
.tl_keys:before {
  content: "";
  width: 63px;
  height: 30px;
  position: absolute;
  left: 50%;
  bottom: 60px;
  transform: translate(-50%, 0%);
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='66' height='30' viewBox='0 0 66 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.31641 18.5L1.31641 15L4.31641 11.5' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M12.8164 15H1.81641' stroke='%23F7C713' stroke-width='2'/%3e%3crect x='23.8164' y='1' width='18' height='28' rx='9' fill='%23F7C713' fill-opacity='0.1' stroke='%23F7C713' stroke-width='2'/%3e%3crect x='31.8164' y='9' width='2' height='3' rx='1' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M61.3164 18.5L64.3164 15L61.3164 11.5' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M52.8164 15H63.8164' stroke='%23F7C713' stroke-width='2'/%3e%3c/svg%3e ");
}
.start_keys__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap);
}
.start_keys {
  border-radius: var(--borrad30);
  background-color: var(--white);
  padding: 30px;
  position: relative;
}
.start_keys h3:has(+ small) {
  margin-bottom: 10px;
  height: 66px;
}
.start_keys small,
.start_keys strong {
  display: block;
}
.start_keys small {
  font-size: 16px;
  color: var(--black-60);
  margin-bottom: 3px;
}
.start_keys strong {
  font-size: var(--fz24);
  color: var(--accent-color-1);
}
.start_keys strong:first-of-type {
  color: var(--accent-color-2);
  margin-bottom: 12px;
}
.sk-bars-wrap,
.sk-circle-wrap {
  position: absolute;
  width: 190px;
  top: 30px;
  right: 30px;
}
.sk-bars-wrap {
  display: flex;
  gap: 30px;
  align-items: flex-end;
  height: 190px;
}
.sk-bar-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  height: 100%;
  justify-content: flex-end;
}
.sk-bar-label {
  font-size: 24px;
  text-align: center;
  color: var(--white);
  white-space: nowrap;
  width: 100%;
  display: block;
  font-weight: 700;
  padding-top: 4px;
}
.sk-bar-track {
  width: 100%;
  background: var(--black-3);
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}
.sk-bar-fill {
  width: 100%;
  border-radius: 8px;
  height: 0;
  transition: height 2s cubic-bezier(0.22, 1, 0.36, 1);
}
.sk-bar-fill.red {
  background: var(--accent-color-2);
}
.sk-bar-fill.yellow {
  background: linear-gradient(180deg, #f7c713 0%, rgba(247, 199, 19, 0) 100%);
}
.sk-bar-fill.red .sk-bar-label {
  transform: translateY(-100%);
  color: var(--accent-color-2);
}
/* Круги */
.sk-circle-wrap {
  height: 190px;
}
.sk-circle-wrap svg {
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}
.sk-circle-bg {
  fill: none;
  stroke: var(--black-3);
  stroke-width: 6;
}
.sk-circle-red {
  fill: none;
  stroke: var(--accent-color-2);
  stroke-width: 6;
  stroke-linecap: round;
  transition: stroke-dashoffset 2s cubic-bezier(0.22, 1, 0.36, 1);
}
.sk-circle-yellow {
  fill: none;
  stroke-width: 6;
  stroke-linecap: round;
  transition: stroke-dashoffset 2s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;
}
.sk-circle-num {
  color: var(--accent-color-2);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  font-weight: 700;
  transition: color 2s cubic-bezier(0.22, 1, 0.36, 1) 0.1s;
}

.works_keys__number {
  margin-bottom: 30px;
  font-weight: 700;
  font-size: var(--fz24);
  color: var(--accent-color-1);
  line-height: 0.9;
  border-radius: 10px;
  border: 2px solid var(--accent-color-1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
}
.works_keys__number:has(> img) {
  border: 0;
}
.works_keys__item .h4 {
  margin-top: 0;
  margin-bottom: 13px;
}
.works_keys__text {
  font-size: var(--fz14);
}
.works_keys__text p:has(+ ul) {
  margin-bottom: 32px;
}
.works_keys__text ul li:not(:last-of-type) {
  margin-bottom: 12px;
}
.itogy_keys h4,
.itogy_keys .h4 {
  margin-bottom: 10px;
}
.itogy_keys p {
  font-size: var(--fz18);
}
.itogy_keys p:not(:last-child) {
  margin-bottom: 23px;
}
table {
  width: 100%;
  overflow: hidden;
  border-radius: var(--borrad20);
  border-collapse: collapse;
}
thead {
  background-color: var(--black-5);
}
table th {
  font-weight: 700;
}
table th,
table td {
  padding: 19px 30px;
  text-align: left;
}
.itogy_keys table th,
.itogy_keys table td {
  flex: 1;
}
.itogy_keys table tr {
  display: flex;
  align-items: center;
}
.itogy_keys table tr:first-child{
  background-color: var(--black-5);
}
.itogy_keys table th:not(:first-of-type),
.itogy_keys table td:not(:first-of-type) {
  text-align: center;
  flex: 0 0 192px;
}
table th small {
  display: block;
  font-weight: 500;
  color: var(--black-60);
  margin-top: 4px;
}
.itogy_keys table th:last-of-type,
.itogy_keys table tr td:last-of-type {
  background: #f7c7130d;
  border: 2px solid #f7c713;
  border-bottom: 0;
  border-radius: var(--borrad20) var(--borrad20) 0 0;
  display: block;
  align-self: stretch;
}
.itogy_keys table tr td:last-of-type {
  border-top: 0;
  border-radius: 0;
}
.itogy_keys table tr:last-child td:last-of-type {
  border-radius: 0 0 var(--borrad20) var(--borrad20);
  border-bottom: 2px solid #f7c713;
}
.u_text .video_keys {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}
.video_keys a {
  display: block;
  position: relative;
  overflow: hidden;
  border-radius: var(--borrad30);
}
.video_keys a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.img_keys {
  border-radius: var(--borrad60);
  overflow: hidden;
}
.img_keys img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.razWork_keys {
  border-radius: var(--borrad30);
  background-color: var(--white);
  display: block;
  overflow: hidden;
}
/*До/после*/
.befaf_label {
  margin-bottom: 27px;
}
.befaf_label .h2 {
  margin: 0;
  line-height: 0.9;
  color: var(--black);
}
.befaf_bcg {
  position: absolute;
}
.befaf_imgs {
  width: 645px;
  height: 564px;
  /*    overflow: hidden;*/
  margin-left: auto;
  margin-right: auto;
  position: relative;
  transform: translateX(7px);
}
.befaf_img {
  position: absolute;
  height: 399px;
  display: inline-block;
  top: 39px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}
.befaf_img.before {
  width: 50%;
  z-index: 2;
}
.befaf_img.after {
  width: 100%;
  z-index: 1;
}
.befaf_img img {
  height: 100%;
  width: 645px;
  z-index: 5;
  position: absolute;
  max-height: initial;
  max-width: initial;
  object-fit: cover;
}
.befaf_slider {
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  background-color: transparent;
  position: absolute;
  margin: 0px;
  z-index: 3;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  transition: 0.25s allease-in-out;
  -moz-transition: 0.25s all ease-in-out;
  -webkit-transition: 0.25s allease-in-out;
  z-index: 4;
  opacity: 0;
}
.befaf_button {
  width: 73px;
  height: 100%;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-90%);
  cursor: pointer;
  z-index: 3;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='79' height='530' viewBox='0 0 79 530' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='70' y='9' width='4' height='511' fill='%23F7C713'/%3e%3crect x='65' y='520' width='14' height='4' rx='2' fill='%23F7C713'/%3e%3crect x='65' y='5' width='14' height='4' rx='2' fill='%23F7C713'/%3e%3cg opacity='0.2' filter='url(%23filter0_f_2057_5138)'%3e%3crect x='6' y='6' width='66' height='518' fill='url(%23paint0_linear_2057_5138)'/%3e%3c/g%3e%3cdefs%3e%3cfilter id='filter0_f_2057_5138' x='0' y='0' width='78' height='530' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e%3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e%3cfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3e%3cfeGaussianBlur stdDeviation='3' result='effect1_foregroundBlur_2057_5138'/%3e%3c/filter%3e%3clinearGradient id='paint0_linear_2057_5138' x1='72' y1='265' x2='6' y2='265' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23F7C713'/%3e%3cstop offset='1' stop-color='%23F7C713' stop-opacity='0'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}
.befaf_button:after {
  content: "";
  display: block;
  width: 71px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='74' height='32' viewBox='0 0 74 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.31641 19.5L1.31641 16L4.31641 12.5' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M12.8164 16H1.81641' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M25.012 22.7737L31.6334 29.753C32.3887 30.5492 33.4379 31 34.5353 31H44.0628C45.9124 31 47.5207 29.732 47.9524 27.9335L49.9169 19.7479C50.419 17.6559 49.1764 15.5415 47.1044 14.9622L42.1394 13.574C40.4113 13.0908 39.2164 11.516 39.2164 9.72171V4.4C39.2164 2.52223 37.6942 1 35.8164 1C33.9386 1 32.4164 2.52223 32.4164 4.4V18.2845C32.4164 19.139 31.414 19.5998 30.7654 19.0436L29.5504 18.0016C28.2358 16.8742 26.2732 16.956 25.0569 18.1887C23.8077 19.4547 23.7878 21.4834 25.012 22.7737Z' fill='%23F7C713' fill-opacity='0.1' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M69.3164 19.5L72.3164 16L69.3164 12.5' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M60.8164 16H71.8164' stroke='%23F7C713' stroke-width='2'/%3e%3c/svg%3e ");
  position: absolute;
  bottom: 0px;
  transform: translate(40%, 40px);
}
.usl_list_number__item {
  /* flex:1 0 calc((100%/4) - var(--gap) + var(--gap)/4); */
  flex: 1;
}
.usl_list_number__item .h6 {
  margin-top: 0;
}
.usl_cardSite .usl_card__item {
  flex: 0 0 calc((100% / 4) - var(--gap) + var(--gap) / 4);
}
.usl_cardSite .usl_card__item p {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 2em;
}
.usl_cardSite .usl_card__item p span {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  padding: 10px;
  border-radius: 12px;
  color: var(--black);
  background-color: var(--accent-color-330);
}
.usl_cardSite .usl_card__item:nth-child(3n + 2) p span,
.usl_cardSite .usl_card__item:nth-child(3n) p span {
  background-color: var(--accent-color-180);
}
.usl_cardSite .usl_card__item:nth-child(4n) p span {
  background-color: var(--black-20);
}
.usl_cardSite .usl_card__item .h4 {
  font-size: 1.5em;
  margin-bottom: 20px;
}
.usl_cardSite .usl_card__btn {
  gap: 16px;
}
.usl_cardSite .usl_card__item:nth-child(3n) .usl_card__title,
.usl_cardSite .usl_card__item:nth-child(3n) ._text ul li,
.usl_cardSite .usl_card__item:nth-child(3n) .usl_card__price,
.usl_cardSite .usl_card__item:nth-child(3n) p {
  color: var(--black);
}
.usl_cardSite .usl_card__item:nth-child(3n) {
  background-color: var(--accent-color-330);
}
.usl_card__item:nth-child(4n) {
  background-color: var(--black);
}
.usl_cardSite .usl_card__item:nth-child(4n) .usl_card__title {
  color: var(--accent-color-1);
}
.usl_cardSite .usl_card__item:nth-child(4n) ._text ul li,
.usl_cardSite .usl_card__item:nth-child(4n) .usl_card__price,
.usl_cardSite .usl_card__item:nth-child(4n) p,
.usl_cardSite .usl_card__item:nth-child(3n + 2) .usl_card__title {
  color: var(--white);
}
.usl_razr__list {
  gap: var(--gap);
}
.usl_cardSite .usl_card__item:nth-child(3n + 2) .usl_card__ontitle,
.usl_cardSite .usl_card__item:nth-child(3n) .usl_card__ontitle {
  color: var(--black-80);
}
.usl_cardSite .usl_card__item:nth-child(4n) .usl_card__ontitle {
  color: var(--black-20);
}
.usl_razr__item {
  flex: 0 0 calc((100% / 3) - var(--gap) + var(--gap) / 3);
  position: relative;
}
.usl_razr__item span {
  position: absolute;
  right: var(--pad);
  top: var(--pad);
  display: inline-block;
  padding: 10px;
  border-radius: var(--borrad12);
  line-height: 0.95;
  font-size: var(--fz12);
  font-weight: 500;
  background-color: var(--accent-color-330);
}
.usl_razr__item img {
  margin-bottom: 30px;
}
.usl_razr__text {
  font-size: var(--fz14);
  font-weight: 500;
}
.usl_razr__item .h5 {
  margin-top: 0;
  margin-bottom: 10px;
}
.form_usl__text {
  margin-bottom: 23px;
  font-size: var(--fz18);
  color: var(--black-80);
}
.form_usl__content {
  padding: 0;
  border-radius: 0;
  gap: var(--gap);
}
.form_usl__flex {
  max-width: 645px;
}
.form_usl__flex .field-d {
  margin-bottom: var(--gap);
}
.service_list {
  margin-top: 30px;
  display: grid;
  gap: var(--gap);
  grid-template-areas:
    "a1 a2 a2 a2 a3"
    "a1 a4 a4 a5 a5";
}
.service_list li:nth-of-type(1) {
  grid-area: a1;
  width: 300px;
}
.service_list li:nth-of-type(2) {
  grid-area: a2;
}
.service_list li:nth-of-type(3) {
  grid-area: a3;
  width: 300px;
}
.service_list li:nth-of-type(4) {
  grid-area: a4;
  width: 420px;
}
.service_list li:nth-of-type(5) {
  grid-area: a5;
  width: 532px;
}
.service_list li {
  padding: var(--pad);
  border-radius: var(--borrad20);
  background-color: var(--accent-color-1);
  font-size: var(--fz14);
  color: var(--black-80);
}
.service_list li strong {
  display: block;
  font-weight: 700;
  font-size: var(--fz24);
  margin-bottom: 23px;
}
/* Барабан */
#baraban {
  position: relative;
  width: min(100%, 1318px);
  min-height: 511px;
  padding: var(--pad);
  overflow: hidden;
  border-radius: 40px;
  background: var(--accent-color-1);
  box-shadow:
    0 19px 43px rgba(0, 0, 0, 0.1),
    0 78px 78px rgba(0, 0, 0, 0.09),
    0 174px 105px rgba(0, 0, 0, 0.05),
    0 310px 124px rgba(0, 0, 0, 0.01);
  isolation: isolate;
  max-width: none;
}

.wheel-modal::before {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(15px);
  pointer-events: none;
}

.wheel-modal__content {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 399px minmax(0, 1fr);
  column-gap: 48px;
  min-height: 451px;
}
.wheel-modal__left {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.wheel-modal__text {
  max-width: 399px;
}
.wheel-modal__text h2 {
  color: var(--black);
  font-size: var(--fz40);
  margin-bottom: 12px;
}
.wheel-modal__subtitle {
  margin: 0;
  font-size: 18px;
  margin-bottom: 30px;
  font-weight: 500;
}
.wheel-modal__form-area {
  width: 100%;
}
.wheel-modal__right {
  position: relative;
  min-height: 451px;
}
#baraban .btn {
  background-color: var(--black);
  color: var(--accent-color-1);
  padding: 22px 20px;
}
#baraban .btn:hover {
  background-color: var(--black-80);
  color: var(--accent-color-1);
}
.wheel-finish {
  font-size: 0;
}
.wheel-modal--result .wheel-finish {
  font-size: 14px;
}
.wheel-modal--result .wheel-start {
  font-size: 0px;
}
.wheel-modal__person {
  position: absolute;
  left: 0px;
  transform: translateX(-18%);
  bottom: -30px;
}
.wheel {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 405px;
  height: 405px;
}
.wheel__disc {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-image: url(/custom/my/img/wheel.svg);
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 5.8s cubic-bezier(0.12, 0.78, 0.14, 1);
  background-size: cover;
}
.wheel__disc.is-spinning {
  pointer-events: none;
}
.wheel__labels {
  position: absolute;
  inset: 0;
}
.wheel__label {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 112px;
  text-align: left;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500;
  transform-origin: center center;
  white-space: normal;
}
.wheel__label--dark {
  color: #fff;
}
.wheel__label--light {
  color: #000;
}
.wheel__pointer {
  position: absolute;
  left: -35px;
  top: 189px;
  width: 62px;
  height: 40px;
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/custom/my/img/baraban_arrow.svg);
}
#baraban form + .error_message div {
  text-align: left;
}
.banCardSlider_block {
  padding-bottom: 0;
}
.text_keys__style p {
  margin-bottom: 1em;
}
.text_keys__style ul,
.text_keys__style ol {
  list-style-type: disc;
  padding-left: 1em;
  list-style-position: outside;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0.5em;
}
.text_keys__style ol {
  list-style-type: decimal;
}
.text_keys__style li:not(:last-of-type) {
  margin-bottom: 12px;
}
.text_keys__style li::marker {
  color: var(--accent-color-1);
}
.id_keyses__img {
  text-align: center;
}
.id_keyses__img img {
  border-radius: var(--borrad60);
  overflow: hidden;
}
.img_keys_slider .slider_nav {
  justify-content: center;
  position: initial;
  transform: none;
  padding: 20px 0 20px;
}
.img_keys_slider img {
  max-height: 710px;
}
.usl_list_number__item .h6 p {
  font-weight: 500;
}
.usl_list_number__item .h6 h4 {
  min-height: clamp(39px, 2.117rem + 1.6vw, 55px);
}
.usl_razr-2c .usl_razr__item{
  flex: 0 0 calc((100% / 2) - var(--gap)/2);
}
.usl_list-4c .usl_list__item{
  flex: 1 0 calc((100% / 4) - var(--gap) + var(--gap) / 4);
}
.usl_list-4c .usl_list__item p{
  font-weight: 500;
  hyphens: none;
}
.usl_list-4c .h4{
  margin-bottom: 10px;
  line-height: 1;
}
.usl_list-4c a.usl_list__item{
  position: relative;
  width: 20px;
}
.usl_list-4c a.usl_list__item:before{
  position: absolute;
  right: var(--pad);
  top: var(--pad);
  width: 12px;
  height: 12px;
  margin-top: 4px;
  background-size: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.82812 9.89979L9.19209 3.53583' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M9.90234 8.48524L9.90234 2.82839L4.24549 2.82839' stroke='%23F7C713' stroke-width='2' stroke-linecap='square'/%3e%3c/svg%3e ");
}
.usl_list-yellow .usl_list__item{
  background-color: var(--accent-color-1);
}
.usl_list-yellow .usl_list__item:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10 3C12.0905 3 13.9659 3.91529 15.25 5.37012C16.3397 6.60471 17 8.22403 17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3Z' stroke='%23F7F7F7' stroke-width='2'/%3e%3cpath d='M7 9L9.92681 11.9268C9.96682 11.9668 10.032 11.9657 10.0706 11.9243L17 4.5' stroke='black' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e ");
}
.itogy_keys.ai_table table th:not(:first-of-type), .itogy_keys.ai_table table td:not(:first-of-type) {
  text-align: left;
  flex: 1;
}
._upper-show .upper-d:hover{
  background-color: var(--accent-color-330);
}
._upper-show .upper-d:active, ._upper-show .upper-d:focus{
  background-color: var(--black);
}
.robo_ban{
  position: relative;
  width: 100%;
  background-color: var(--accent-color-1);
  padding: 60px 0;
  border-radius: var(--borrad60);
  margin-top: 80px;
  min-height: 454px;
}
.robo_ban__img{
  position: absolute;
  left: 55px;
  top: 0%;
  transform: translateY(-25%);
}
.robo_ban__text{
  margin-left: auto;
  max-width: 645px;
}
.robo_ban__text h2{
  color:var(--white);
  margin-bottom: 20px;
}
.robo_ban__text div{
  font-size: var(--fz24);
  margin-bottom: 40px;
  font-weight: 500;
}
.ai_table  table{
  border: 1px solid var(--black-10);
  background-color: var(--white);
  border-radius: var(--borrad20);
  overflow: hidden;
  display: block;
}
.ai_table table th, .ai_table table td{
  padding: 30px 40px;
  border: 0;
}
.ai_table table td{
  font-size: var(--fz18);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.ai_table table th{
  font-size: var(--fz24);
  position: relative;
}
.ai_table  table tr{
  border: 0;
  align-items: stretch;
}
.ai_table  table tr:not(:last-child){
  border-bottom: 1px solid var(--black-10);
  background-color: var(--white);
}
.ai_table table th:last-of-type, .ai_table table tr td:last-of-type{
  border: 0!important;
  border-radius: 0;
}
.ai_table table th:first-of-type,
.ai_table table tr td:first-of-type{
  flex: 0 0 24%;

}
.ai_table table tr td:first-of-type{
  background-color: var(--black-3);
}
.ai_table table th small{
    font-size: var(--fz16);
}
.ai_table table td small{
    font-size: var(--fz14);
    display: block;
    width: 100%;
}
.ai_table table th span{
  padding: 15px 20px;
  background: var(--accent-color-1);
  border-radius: 600px;
  font-weight: 700;
  font-size: var(--fz16);
  position: absolute;
  right: 40px;
  top: 30px;
}
.ai_table .check, .ai_table .none, .ai_table .warn{
  position: relative;
  padding-left: 88px;
}
.ai_table .check:before, .ai_table .none:before, .ai_table .warn:before{
  content: "";
  width: 25px;
  height: 25px;
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
}
.ai_table .check:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.5 3C16.6358 3 19.4496 4.37335 21.375 6.55469C23.0092 8.40627 24 10.8364 24 13.5C24 19.299 19.299 24 13.5 24C7.70101 24 3 19.299 3 13.5C3 7.70101 7.70101 3 13.5 3Z' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M9 12.6L13.1251 16.9216C13.1655 16.9638 13.2333 16.9627 13.2721 16.919L23 6' stroke='black' stroke-width='2' stroke-linecap='round'/%3e%3c/svg%3e ");
}
.ai_table .none:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 1C16.2853 1 19.2329 2.43929 21.25 4.72461C22.962 6.66432 24 9.20962 24 12C24 18.0751 19.0751 23 13 23C6.92487 23 2 18.0751 2 12C2 5.92487 6.92487 1 13 1Z' stroke='%23CCCCCC' stroke-width='2'/%3e%3cpath d='M8 7L18 17M18 7L8 17' stroke='%23CCCCCC' stroke-width='2'/%3e%3c/svg%3e ");
}
.ai_table .warn:before{
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_3068_14953)'%3e%3cpath d='M12.5 1C15.9345 1 19.0163 2.5045 21.125 4.89355C22.9148 6.92142 24 9.58278 24 12.5C24 18.8513 18.8513 24 12.5 24C6.14873 24 1 18.8513 1 12.5C1 6.14873 6.14873 1 12.5 1Z' stroke='%23F7C713' stroke-width='2'/%3e%3cpath d='M12.3984 6V14' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3e%3ccircle cx='12.4' cy='17.4' r='1.4' fill='black'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_3068_14953'%3e%3crect width='25' height='25' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
}
.ai_table__mess{
  margin-top: 40px;
  position: relative;
  padding-left: 33px;
  font-weight: 700;
  font-size: var(--fz24);
  height: 55px;
  display: flex;
  align-items: center;
}
.ai_table__mess:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 5px;
  border-radius: 5px;
  line-height: 1.2;
  background-color: var(--accent-color-2);
}
.usl_card-3c .usl_card__item {
  flex: 0 0 calc((100% / 3) - var(--gap) + var(--gap) / 3);
  position: relative;
}
.usl_card-3c .usl_card__rec{
  position: absolute;
  right: 30px;
  top: 0;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  background-color: var(--black);
  padding: 15px 20px;
  border-radius: 100px;
  border: 2px solid var(--black-3);
  color: var(--black-3);
}
.usl_card-3c .h3:has(+ .usl_card__ontitle){
  margin-bottom: 12px;
}
.usl_card-3c .usl_card__ontitle{
  margin-bottom: 45px;
}
.usl_cardSite.usl_card-3c .usl_card__item:nth-child(3n) {
  background-color: var(--black);
}
.usl_cardSite.usl_card-3c .usl_card__item:nth-child(3n) .usl_card__title, .usl_cardSite.usl_card-3c .usl_card__item:nth-child(3n) ._text ul li, .usl_cardSite.usl_card-3c .usl_card__item:nth-child(3n) .usl_card__price, .usl_cardSite.usl_card-3c .usl_card__item:nth-child(3n) p {

  color: var(--white);
}
.usl_cardSite.usl_card-3c .usl_card__item:nth-child(3n) .usl_card__ontitle{
  color: var(--black-20);
}
.u_text .usl_list__list.flex .btn{
  min-width: 195px;
  text-decoration: none!important;
}
.support-comparison {
  padding: 50px;
  background: var(--white);
  border-radius: var(--borrad30);
}
.support-comparison__timeline {
  display: grid;
  grid-template-columns: 225px minmax(0, 1fr);
  gap: 29px;
}
.support-comparison__labels {
  padding-top: 31px;
  display: grid;
  grid-template-rows: 119px 40px 119px;
}
.support-comparison__label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 15px;
}
.support-comparison__label:first-child {
  grid-row: 1;
}
.support-comparison__label:last-child {
  grid-row: 3;
}
.support-comparison__label-title {
  font-size: var(--fz24);
  line-height: 1.2;
  font-weight: 700;
  color: var(--black);
}
.support-comparison__label-text {
  font-size: var(--fz16);
  line-height: 1.1;
  font-weight: 500;
  color: #666;
}
.support-comparison__label--muted .support-comparison__label-title {
  color: #808080;
}
.support-comparison__label--muted .support-comparison__label-text {
  color: #999;
}
.support-comparison__table {
  min-width: 0;
}
.support-comparison__dates,
.support-comparison__row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 220px));
  justify-content: space-between;
  gap: 30px;
}
.support-comparison__dates {
  margin-bottom: 11px;
}
.support-comparison__date {
  font-size: var(--fz16);
  line-height: 1.1;
  font-weight: 500;
  text-align: center;
  color: #666;
}
.support-comparison__row {
  margin-bottom: 19px;
}
.support-comparison__row--yellow {
  margin-bottom: 0;
}
.support-card {
  width: 100%;
  height: 119px;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 20px;
  text-align: center;
}
.support-card--gray {
  background: #f7f7f7;
  color: #666;
}
.support-card--yellow {
  background: var(--accent-color-1);
  color: var(--black);
}
.support-card__icon {
  display: block;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  object-fit: contain;
}
.support-card__text {
  font-size: var(--fz16);
  line-height: 1.1;
  font-weight: 500;
}

.support-comparison__accent {
  display: flex;
  align-items: center;
  gap: 21px;
  margin-top: 40px;
}
.support-comparison__accent-line {
  flex: 0 0 5px;
  width: 5px;
  height: 55px;
  border-radius: 5px;
  background: #ff0004;
}
.support-comparison__accent-text {
  font-size: var(--fz24);
  line-height: 1.2;
  font-weight: 700;
  color: var(--black);
}
.support-comparison__benefits {
  position: relative;
  display: grid;
  grid-template-columns: 506px 506px;
  justify-content: space-between;
  gap: 40px;
  margin-top: 39px;
  padding-top: 30px;
  border-top: 1px solid #f2f2f2;
}
.support-benefits__title {
  margin-bottom: 30px;
  font-size: var(--fz24);
  line-height: 1.2;
  font-weight: 500;
  color: var(--black);
}
.support-benefits__list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.support-benefits__item {
  position: relative;
  padding-left: 20px;
  font-size: var(--fz16);
  line-height: 1.1;
  font-weight: 500;
  color: #666;
}
.support-benefits__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 10px;
  height: 10px;
  transform: translateY(-50%);
  border-radius: 2px;
}
.support-benefits__item--yellow::before {
  background: var(--accent-color-1);
}
.support-benefits__item--gray::before {
  background: #ccc;
}