@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Onest&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Onest&display=swap");

body {
  font-family: "Onest", sans-serif;
  color: #464B55;
  margin: 0;
  height: 100%;
  overflow-x: hidden;
  line-height: 150% !important;
}

.container {
  max-width: 1140px;
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1140px !important;
  }
}

.bi {
  border-radius: 0.5px;
}

.text-black {
  color: #464B55;
}

.breadcrumb-item.active {
  color: #464B55 !important;
  color: var(--dark-dark-100, #464B55);
  /* Body/Body-16-Regular */
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

a {
  color: white;
  text-decoration: none !important;
}

p {
  margin: 0;
  margin-bottom: 0;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin: 0;
  font-family: "Onest";
}

.title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  color: #464B55;
}

.rotate-180 {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.dropdown-arrow {
  font-size: 1.3rem;
  /* Увеличиваем размер стрелки */
  font-weight: bold;
  /* Устанавливаем жирный стиль */
  transition: transform 0.3s ease;
  /* Плавный поворот */
}

.dropdown-toggle::after {
  display: none !important;
  /* Используем !important для переопределения */
}

img {
  max-width: 100%;
}

.blue-text {
  color: #296EFF;
  font-weight: 600;
  font-family: "Onest";
}

.blue-text:hover {
  color: rgba(41, 110, 255, 0.6);
}

.blue-title {
  color: #296EFF;
  font-weight: 600;
  font-family: "Onest";
}

.bg-custom {
  background: #464B55;
}

.btn {
  /* button */
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 10px;
  width: 261px;
  height: 64px;
  /* blue/blue-100 */
  border-radius: 12px;
}

.btn:hover {
  background: rgba(41, 110, 255, 0.6) !important;
}

.welcome__text .btn:hover {
  background: rgba(41, 110, 255, 0.6) !important;
}

.btn-primary:hover {
  --bs-btn-hover-border-color: transparent;
  /* Полное отключение */
  /* ИЛИ */
}

.btn-outline-primary:hover {
  --bs-btn-hover-border-color: transparent;
  /* Полное отключение */
  /* ИЛИ */
  background: rgba(54, 103, 255, 0.1) !important;
  color: #296EFF !important;
}

.btn-small {
  transition: opacity 0.3s;
  color: #ffffff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 10px;
  width: 264px;
  height: 48px;
  box-shadow: none;
  /* Убирает тень */
  border: none;
  /* Убирает бордер, если он есть */
  /* blue/blue-100 */
  background: #296EFF;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Onest";
  font-style: normal;
  margin-top: 40px;
}

.dropdown-item {
  padding: 12px !important;
  /* Отступы внутри пунктов */
  color: #333;
  /* Цвет текста */
  text-decoration: none;
  /* Убираем подчёркивание */
  transition: background-color 0.3s ease, color 0.3s ease;
  /* Плавный переход */
}

.dropdown-menu.show {
  padding: 8px;
}

.header__title {
  color: var(--white-white-100, #FFF);
  /* Body/Body-14-Regular */
  font-family: "Onest";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.dropdown-item:hover {
  background-color: rgba(54, 103, 255, 0.1) !important;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
}

.dropdown-arrow {
  font-weight: bold !important;
  /* Или используйте text-stroke для более заметного эффекта */
  -webkit-text-stroke: 0.5px;
  text-stroke: 0.5px;
}

.dropdown-menu {
  border-radius: 16px !important;
  border: 1px solid var(--dark-dark-20, #DADBDD) !important;
  background: var(--white-white-100, #FFF);
  box-shadow: 0px 4px 12px 0px rgba(126, 127, 136, 0.4) !important;
  --bs-dropdown-padding-y: 0 !important;
}

.btn-small:hover {
  background: rgba(41, 110, 255, 0.6) !important;
}

.bg-dark {
  background-color: #464B55;
}

.nav__menu {
  display: flex;
}

.nav-item-phone {
  /* padding: 12px 0 0 49px; */
}

.nav-item-phone img {
  padding: 0 4px 0 0;
}

.nav-item-phone a:hover {
  color: rgba(41, 110, 255, 0.6) !important;
}

.nav-item img {
  padding: 0 4px 3px 0;
}

.navbar-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.nav-item {
  display: inline-block;
  width: auto;
  /* или просто убери width вовсе */
  box-sizing: border-box;
  color: #464B55;
  font-family: "Onest";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.nav-item a:hover {
  color: rgba(41, 110, 255, 0.6) !important;
}

.nav-item-icon {
  /* padding: 12px 0px 0 72px; */
  display: flex;
  align-items: center;
}

.nav-item-icons {
  /* padding: 12px 0px 0 8px; */
  display: flex;
  align-items: center;
}

.footer__list-item-icon .nav-item-icon {
  padding: 0 0 0 0;
}

.nav-item-icon:hover {
  opacity: 0.5;
}

.nav-item-icons:hover {
  opacity: 0.5;
}

.footer__list-item-icon .nav-item-icon:hover {
  opacity: 0.5;
}

.nav-link {
  /* Body/Body-16-Regular */
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  /* or 19px */
  /* dark/dark-100 */
  color: #464B55;
  padding: 10px 0 12px 0 !important;
}

.nav-link:hover {
  color: rgb(181, 183, 187) !important;
}

.nav-link.dropdown-toggle:hover {
  color: rgb(181, 183, 187) !important;
}

.nav-link.dropdown-toggle:hover i {
  color: rgba(41, 110, 255, 0.6) !important;
}

.dropdown-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px;
  gap: 10px;
  /* white/white-100 */
  background: #FFFFFF;
  border-radius: 12px;
  color: #464B55;
  /* Body/Body-16-Regular */
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.welcome {
  display: flex;
  flex-direction: row;
  padding: 0px;
  gap: 20px;
  flex: none;
  order: 1;
  flex-grow: 0;
  position: relative;
  height: 500px;
}

.welcome .container {
  height: 500px;
}

.welcome .welcome-med__img {
  top: 20%;
  left: 49%;
  width: 110%;
  height: 67%;
}

.welcome-chel {
  /* Auto layout */
  display: flex;
  flex-direction: row;
  padding: 0px;
  gap: 20px;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  position: relative;
  height: 567px;
}

.welcome-chel .container {
  height: 500px;
}

.welcome-cti {
  display: flex;
  flex-direction: row;
  padding: 0px;
  gap: 20px;
  flex: none;
  order: 1;
  flex-grow: 0;
  position: relative;
  height: 573px;
}

.welcome-cti .container {
  height: 500px;
}

.welcome-ekb {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  flex: none;
  order: 1;
  flex-grow: 0;
  position: relative;
}

.welcome-coop {
  display: flex;
  flex-direction: row;
  padding: 0px;
  gap: 20px;
  height: 500px;
  flex: none;
  order: 1;
  flex-grow: 0;
  position: relative;
  height: 567px;
}

.welcome-coop .container {
  height: 500px;
}

.welcome-agents {
  display: flex;
  flex-direction: row;
  padding: 0px;
  gap: 20px;
  height: 500px;
  flex: none;
  order: 1;
  flex-grow: 0;
  position: relative;
  height: 567px;
}

.welcome-agents .container {
  height: 500px;
}

.welcome-rent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  flex: none;
  order: 1;
  flex-grow: 0;
  position: relative;
}

.welcome-station {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  flex: none;
  order: 1;
  flex-grow: 0;
  position: relative;
}

.welcome-station .container {
  height: 585px;
  padding-bottom: 60px;
  margin-top: -10px;
}

.welcome-dns {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  flex: none;
  order: 1;
  flex-grow: 0;
  position: relative;
}

.welcome-dns .container {
  height: 548px;
  padding-bottom: 60px;
}

.welcome-chel__img {
  top: -76%;
  left: 52%;
  width: 139%;
  height: 121%;
  background-image: url(../img/ochnoe/welcome-chel.webp);
  transform: translate(-50%, -50%) scale(2.4);
  background-repeat: no-repeat;
  background-size: 31%;
  background-position: center bottom -50px;
  position: relative;
  z-index: -1;
}

.welcome-cti__img {
  top: -45%;
  left: 52%;
  width: 139%;
  height: 121%;
  background-image: url(../img/hti/волна-хти.webp);
  transform: translate(-50%, -50%) scale(2.4);
  background-repeat: no-repeat;
  background-size: 25%;
  background-position: center bottom 0;
  position: relative;
  z-index: -1;
}

.welcome-med__img {
  top: -31%;
  left: 47%;
  width: 109%;
  height: 124%;
  background-image: url(../img/волна.webp);
  transform: translate(-50%, -50%) scale(2.4);
  background-repeat: no-repeat;
  background-size: 34%;
  background-position: center bottom 0;
  position: relative;
  z-index: -1;
}

.welcome__text .btn {
  margin-top: 24px;
  background: #296EFF !important;
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: var(--white-white-100, #FFF);
  border-radius: 12px;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  display: flex;
  height: 48px;
  width: auto;
}

.welcome-grid {
  display: flex;
  gap: 20px;
}

.welcome-img-rigth {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 50%;
  align-content: flex-end;
  margin-top: -13px;
}

.welcome-text-leht {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 50%;
}

.welcome__block {
  /* Frame 2152 */
  width: 270.42px;
  height: 180px;
  /* dark/dark-100 */
  background: #464B55;
  border-radius: 36px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 1;
  background-image: url("../img/Group 14.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-top: 78px;
}

.welcome-tn .welcome__block {
  margin-top: 51px;
  width: auto;
  height: 100px;
  flex-grow: 0;
}

.welcome-tn .welcome__subtittle {
  margin-top: 113px;
}

.welcome-tn .welcome__img {
  margin-left: 0;
  margin-top: -592px;
}


.welcome-invest .welcome__block {
  margin-top: 51px;
  width: auto;
  height: 160px;
  flex-grow: 0;
}

.welcome-invest .welcome__subtittle {
  margin-top: 59px;
}

.welcome-invest .welcome__img {
  margin-left: 0;
  margin-top: -592px;
}

.welcome-invest .welcome__block .welcome__block-text-remont {
  font-size: 32px !important;
  padding: 32px 0 0 0 !important;
}

.welcome-invest .welcome__block {
  background-image: none;
  position: relative;
  overflow: hidden;
}

.work-medicina {
  padding: 60px 0;
}

.welcome-invest .welcome-block__img {
  top: 60%;
  left: 24%;
  width: 76%;
  height: 165%;
}

.text-dogovor {
  font-family: "Onest";
  font-weight: 500;
  font-size: 16px;
  color: white;
}

.welcome-chel .welcome__block {
  width: 280px;
  height: 200px;
  background-image: url("../img/Group 14.webp");
}

.welcome-coop .welcome__block {
  width: 559px;
  height: 160px;
  background-image: none;
  position: relative;
  overflow: hidden;
}

.welcome-agents .welcome__block {
  width: 556px;
  height: 200px;
  background-image: none;
  position: relative;
  overflow: hidden;
}

.welcome-rent .welcome__block {
  width: 556px;
  height: 120px;
  background-image: none;
  position: relative;
  overflow: hidden;
  margin-top: 49px;
}

.welcome-tn .welcome__block {

  background-image: none;
  position: relative;
  overflow: hidden;

}

.welcome-station .welcome__block {
  width: 556px;
  height: 160px;
  background-image: none;
  position: relative;
  overflow: hidden;
}

.welcome-dns .welcome__block {
  width: 1010px;
  height: 255px;
  background-image: none;
  position: relative;
  overflow: hidden;
  margin-top: -353px;
  margin-left: 48px;
  padding: 20px;
  background: var(--white-white-50, rgba(255, 255, 255, 0.5));
}

.welcome-block__img {
  position: absolute;
  top: 58%;
  left: 20%;
  width: 59%;
  height: 125%;
  background: url("../img/Group 14.webp") center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.8);
  background-position: center;
}

.welcome-tn .welcome-block__img {
  top: 88%;
  left: 24%;
  width: 59%;
  height: 165%;
}

.welcome-tn .welcome-cti__img {
  top: -47%;
  left: 45%;
}

.welcome-ekb .welcome__block {
  width: 280px;
  height: 200px;
  background-image: url("../img/Group 14.webp");
}

.welcome-cti .welcome__text {
  margin-top: 148px;
}

.welcome__block--text {
  background: #6D7179;
  color: white;
  padding: 12px;
  border-radius: 20px;
  text-align: center;
  display: inline-block;
  font-family: "Onest";
  font-style: normal;
  font-size: 16px;
  margin-top: 70px;
  margin-left: 12px;
}

.welcome-chel .welcome__block--text {
  text-align: left;
  width: 117px;
  height: 81px;
  margin-top: 56px;
}

.welcome-ekb .welcome__block--text {
  text-align: left;
  width: 117px;
  height: 81px;
  margin-top: 56px;
}

.welcome__block--desc {
  background: #6D7179;
  color: white;
  padding: 12px;
  border-radius: 20px;
  text-align: center;
  display: inline-block;
  font-family: "Onest";
  font-style: normal;
  font-size: 16px;
  margin-left: 12px;
}

.welcome-chel .welcome__block--desc {
  height: 43px;
  margin-left: 15px;
}

.welcome-ekb .welcome__block--desc {
  height: 43px;
}

.welcome__block--title {
  background: #6D7179;
  color: white;
  padding: 12px;
  border-radius: 20px;
  text-align: center;
  display: inline-block;
  font-family: "Onest";
  font-style: normal;
  font-size: 16px;
  margin-left: 4px;
}

.welcome-chel .welcome__block--title {
  border-radius: 20px;
  text-align: left;
  font-size: 16px;
  margin-top: 57px;
  margin-left: 8px;
  position: absolute;
  width: 135px;
  height: 81px;
}

.welcome-ekb .welcome__block--title {
  border-radius: 20px;
  text-align: left;
  font-size: 16px;
  margin-top: 57px;
  margin-left: 8px;
  position: absolute;
  width: 135px;
  height: 81px;
}

.welcome__block--light {
  /* Frame 2154 */
  width: 270px;
  height: 180px;
  border-width: 1px;
  background: #ffffff;
  border-radius: 36px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border: 10px solid #EDEDEE;
  /* Frame 2154 */
  margin-left: 281px;
  margin-top: -180px;
}

.welcome-chel .welcome__block--light {
  width: 270px;
  height: 200px;
  margin-top: -200px;
  margin-left: 295px;
}

.welcome-ekb .welcome__block--light {
  width: 270px;
  height: 200px;
  margin-top: -200px;
  margin-left: 295px;
}

.welcome__block--light ul {
  padding: 0;
  margin: 0;
}

.welcome__block--light li {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  padding-left: 25px;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
}

.welcome__block--light li::before {
  content: "•";
  color: #333;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: -1px;
}

.welcome-chel .welcome__block--light li::before {
  top: -2px;
}

.welcome-ekb .welcome__block--light li::before {
  top: -2px;
}

.check-icon {
  margin-left: 191px;
  margin-top: -17px;
}

.welcome__subtittle {
  margin-top: 50px;
  color: rgb(70, 75, 85);
  font-family: "Onest";
  font-weight: 600;
  font-size: 32px;
}

.welcome-coop .welcome__block .welcome__block-text {
  font-family: "Onest";
  font-size: 20px;
  color: #FFF;
  font-weight: 500;
  font-style: normal;
  margin-left: 22px;
  padding: 70px 0px 0px 0px;
}

.welcome-rent .welcome__block .welcome__block-text-remont {
  font-family: "Onest";
  font-size: 20px;
  color: #FFF;
  font-weight: 500;
  font-style: normal;
  margin-left: 22px;
  padding: 36px 0px 0px 0px;
}

.welcome .welcome__block .welcome__block-text-remont {
  font-family: "Onest";
  font-size: 20px;
  color: #FFF;
  font-weight: 500;
  font-style: normal;
  margin-left: 22px;
  padding: 36px 0px 0px 0px;
}


.welcome-tn .welcome__block .welcome__block-text-remont {
  padding: 14px 0 0px 34px;
  font-size: 16px;
  margin-left: 0;

}

.welcome-tn .welcome__block .welcome__block-text-remont span {
  font-size: 26px;

}



.welcome-agents .welcome__block .welcome__block-text {
  font-family: "Onest";
  font-size: 32px;
  color: #FFF;
  font-weight: 500;
  font-style: normal;
  margin-left: 22px;
  padding: 26px 0px 0px 0px;
}

.welcome-rent .welcome__block .welcome__block-text {
  font-family: "Onest";
  font-size: 26px;
  color: #FFF;
  font-weight: 500;
  font-style: normal;
  margin-left: 22px;
  padding: 26px 0px 0px 0px;
}

.welcome-station .welcome__block .welcome__block-text {
  font-family: "Onest";
  font-size: 20px;
  color: #FFF;
  font-weight: 500;
  font-style: normal;
  margin-left: 22px;
  padding: 30px 0px 0px 0px;
}

.welcome-dns .welcome__block .welcome__block-text {
  color: var(--blue-blue-60, rgba(41, 110, 255, 0.6));
  font-family: "Onest";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  margin-left: 340px;
}

.welcome__block-desc {
  font-family: "Onest";
  font-size: 16px;
  color: #FFF;
  font-weight: 400;
  font-style: normal;
  margin-left: 22px;
}

.welcome-dns .welcome__block-desc {
  color: var(--blue-blue-100, #296EFF);
  line-height: 140%;
  font-size: 31px;
  font-weight: 600;
  margin-left: 340px;
}

.welcome-rent .welcome__block .welcome__block--desc {
  position: absolute;
  margin-left: 373px;
  margin-top: -68px;
  border-radius: 12px;
}

.welcome__img {
  /* Frame 72 */
  margin-left: 559px;
  margin-top: -502px;
  display: flex;
  flex-direction: row-reverse;
  height: 500px;
  width: 560px;
}

.welcome__icon {
  margin-left: 235px;
  margin-top: -136px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  filter: brightness(1.1);
}

.welcome-chel .welcome__icon {
  margin-left: 630px;
  margin-top: -675px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  width: 160px;
  height: 160px;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 36px;
}

.welcome-ekb .welcome__icon {
  margin-left: 656px;
  margin-top: -732px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  width: 160px;
  height: 160px;
  position: absolute;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 36px;
}

.welcome-chel .welcome__icon img {
  width: 95px;
  height: 120px;
  margin-top: 22px;
}

.welcome-ekb .welcome__icon img {
  width: 120px;
  height: 100px;
  margin-top: 32px;
}

.welcome-card {
  width: 482px;
  height: 560px;
  position: relative;
  border-radius: 36px;
  background: #F8F9FB;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  left: 639px;
  flex-direction: column;
  top: -561px;
}

.welcome__dns-card {
  width: 1118px;
  height: 480px;
  position: relative;
  border-radius: 24px;
  background: #F8F9FB;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  flex-direction: column;
}

.welcome-chel .welcome-card {
  width: 500px;
  height: 500px;
  top: -501px;
  left: 616px;
}

.welcome-ekb .welcome-card {
  width: 477px;
}

.welcome-cti .welcome-card {
  width: 500px;
  height: 500px;
  left: 614px;
  top: -371px;
}

.welcome-coop .welcome-card {
  width: 500px;
  height: 500px;
  left: 615px;
  top: -499px;
  padding-top: 0;
}

.welcome-agents .welcome-card {
  width: 500px;
  height: 500px;
  left: 615px;
  top: -499px;
  padding-top: 0;
}

.opros__bonus .no-hover:hover {
  background: none !important;
  cursor: default !important;
  /* отключи другие стили ховера, если есть */
  box-shadow: none !important;
  color: inherit !important;
}

.welcome-rent .welcome-card {
  width: 500px;
  height: 500px;
  left: 616px;
  top: -500px;
}

.welcome-station .welcome-card {
  width: 500px;
  height: 500px;
  left: 615px;
  top: -499px;
}

.welcome-dns .welcome-card {
  width: 320px;
  height: 215px;
  left: 67px;
  top: -235px;
  border-radius: 36px;
  background: #fdfdfd;
}

.welcome__dns-card-img {
  position: absolute;
  top: 65%;
  left: 61%;
  width: 191%;
  height: 188%;
  background: url(../img/cases/подложка1-min.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) rotate(0deg) scale(0.7);
  background-position: center;
}

.welcome-card__img {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 113%;
  height: 101%;
  background: url(../img/ochnoe/очные\ челябинск-min.webp) center/cover no-repeat;
}

.welcome-card__img-msk {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 113%;
  height: 101%;
  background: url(../img/ochnoe/очные\ мск-min.webp) center/cover no-repeat;
}

.welcome-card__img-ekb {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 113%;
  height: 101%;
  background: url(../img/ochnoe/очные\ екат-min.webp) center/cover no-repeat;
}

.welcome-cti .welcome-card__img {
  position: absolute;
  top: 37%;
  left: 57%;
  width: 142%;
  height: 169%;
  background: url(../img/hti/colb.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.8);
  background-position: center;
  filter: brightness(1.2) contrast(1.1) saturate(1.1);
}

.welcome-cti .welcome-card__img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(76, 152, 252, 0.233);
  background-blend-mode: overlay;
  /* Светло-голубой цвет */
  mix-blend-mode: lighten;
  /* Эффект смешивания */
  pointer-events: none;
}

.welcome-agents .welcome-cti__img {
  top: -49%;
  left: 49%;
}

.welcome-rent .welcome-cti__img {
  top: 15%;
  left: 49%;
  height: 67%;
}

.welcome-station .welcome-cti__img {
  top: 20%;
  left: 49%;
  width: 110%;
  height: 67%;
}

.welcome-dns .welcome-cti__img {
  top: -41%;
  left: 46%;
  width: 110%;
  height: 124%;
}

.welcome-coop .welcome-card__img {
  position: relative;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: url(../img/cooperation/медкомпания-min.webp) center/cover no-repeat;
}

.welcome-agents .container {
  height: 552px;
}

.welcome-rent .container {
  height: 500px;
}

.welcome-agents .welcome-card__img {
  position: relative;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: url(../img/cooperation/агенты-min.webp) center/cover no-repeat;
}

.welcome-rent .welcome-card__img {
  position: absolute;
  top: 0%;
  left: -1%;
  width: 111%;
  height: 100%;
  background: url(../img/arenda/аренда\ оборудования-min.webp) center/cover no-repeat;
}

.welcome-rent .welcome-card .catalog {
  margin-top: 319px;
  margin-left: -258px;
}

.welcome-station .welcome-card__img {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background: url(../img/cooperation/техосмотры-min.webp) center/cover no-repeat;
}

.welcome-dns .welcome-card__img {
  position: absolute;
  top: 48%;
  left: 49%;
  width: 348%;
  height: 266%;
  background: url(../img/cases/dns.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.3);
  background-position: center;
}

.welcome-dns .welcome-card__img-uvel {
  position: absolute;
  top: 48%;
  left: 49%;
  width: 348%;
  height: 332%;
  background: url(../img/cases/uvelka.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.3);
  background-position: center;
}

.welcome-dns .welcome-card__img-slk {
  position: absolute;
  top: 48%;
  left: 49%;
  width: 223%;
  height: 332%;
  background: url(../img/cases/slk.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.3);
  background-position: center;
}

.equipment {
  display: flex;
  justify-content: center;
  padding: 60px 0;
}

.equipment .container {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.equipment__card {
  position: relative;
  width: 403px;
  height: auto;
  border-radius: 36px;
  background: #F8F9FB;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 20px;
}

.equiment__imge {
  position: absolute;
  top: -29%;
  width: 142%;
  height: 130%;
  background: url("../img/оборудование-min.webp") center/cover no-repeat;
}

.equipment__title {
  position: relative;
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  color: #464B55;
  z-index: 2;
  margin-left: -77px;
  margin-top: 26px;
}

.equipment__info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
}

.equipment__dist .equipment__benefits .btn-outline-primary:hover {
  --bs-btn-hover-border-color: transparent;
  /* Полное отключение */
  /* ИЛИ */
  background: var(--blue-blue-20, rgba(41, 110, 255, 0.2)) !important;
  border: 2px solid var(--blue-blue-100, #296EFF);
  color: #296EFF !important;
}

.equipment__dist .equipment__benefits .btn-outline-primary:disabled {
  --bs-btn-hover-border-color: transparent;
  /* Полное отключение */
  /* ИЛИ */
  background: var(--blue-blue-5, rgba(54, 103, 255, 0.05)) !important;
  color: var(--blue-blue-20, rgba(41, 110, 255, 0.2)) !important;
}

.info__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 36px;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  width: 694px;
  height: auto;
  background: #FBFBFC;
  border: 1px solid #EDEDEE;
  border-radius: 36px;
}

.info__card-little {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 36px;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  width: 694px;
  height: auto;
  background: #FBFBFC;
  border: 1px solid #EDEDEE;
  border-radius: 36px;
}

.info__desc {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  color: var(--dark-dark-100, #464B55);
  line-height: 160%;
}

.info__title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  color: var(--dark-dark-100, #464B55);
}

.icon-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 20px;
}

.icon-link:hover {
  opacity: 0.5;
}

.icon__link-tab {
  margin-left: auto;
}

.reference {
  display: flex;
  justify-content: center;
  padding: 0 0 60px;
}

.reference .container {
  display: flex;
  gap: 20px;
  align-items: stretch;
}

.reference__info {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.reference__info--card {
  background: #FBFBFC;
  border: 1px solid #EDEDEE;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 36px;
  width: 319px;
  height: 182px;
  border-radius: 36px;
}

.reference__info--card-long {
  background: #FBFBFC;
  border: 1px solid #EDEDEE;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 36px;
  width: 100%;
  height: 213px;
  border-radius: 36px;
}

.card--wide {
  grid-column: span 2;
  width: 658px;
}

.reference__card {
  position: relative;
  width: 462px;
  height: auto;
  border-radius: 36px;
  background: #F8F9FB;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 20px;
}

.reference__imge {
  position: absolute;
  top: -29%;
  width: 108%;
  height: 133%;
  background: url("../img/медосмотры-min.webp") center/cover no-repeat;
}

.reference__title {
  position: relative;
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  color: #464B55;
  z-index: 2;
  margin-left: -120px;
  margin-top: 26px;
}

.icon__link-ref {
  margin-left: auto;
}

.icon__link-wide {
  margin-left: auto;
}

.vacancy {
  display: flex;
  justify-content: center;
  padding: 0 0 60px;
}

.vacancy-img-tn {
  width: 100%;
  border-radius: 36px;
  height: 100%;
}

.vacancy-tn .container {
  margin: 0;
  padding: 0;
}

.vacancy-tn .vacancy__grid {
  width: 100%;
  height: 100%;
  gap: 22px;
}

.vacancy-tn .vacancy-content {
  width: 70%;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vacancy-tn .btn-small {
  width: 176px;
}

.vacancy-tn .vacancy__desc {
  margin-bottom: 0 !important;
}

.necessary.necessary-tn-two {
  padding: 60px 0;
}


.vacancy-remont {
  display: flex;
  justify-content: center;
  padding: 0 0 60px 0px;
}

.vacancy .container {
  display: flex;
  align-items: center;
  width: 1113px;
  height: 294px;
  background: #464B55;
  border-radius: 36px;
  overflow: hidden;
}

.vacancy-remont .container {
  display: flex;
  align-items: center;
  width: 1113px;
  height: 294px;
  background: #464B55;
  border-radius: 36px;
  overflow: hidden;
}

.vacancy-card {
  background: #464B55;
  gap: 20px;
}

.vacancy__card-img {
  position: relative;
  width: 580px;
  height: 294px;
  border-radius: 28px;
  background: #F8F9FB;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 20px;
  margin-left: -12px;
}

.vacancy-image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  background: url("../img/doctor.webp") center/cover no-repeat;
  transform: translate(-50%, -50%) scale(1.5);
  background-position: center -5px;
}

.vacancy-remont .vacancy-image {
  position: absolute;
  top: 44%;
  left: 55%;
  width: 74%;
  height: 75%;
  background: url(../img/dist/ремонт.png) center/cover no-repeat;
  background-position: center -5px;
}

.vacancy-content {
  width: 107%;
  padding: 20px 30px;
  color: #fff;
  margin-top: 20px;
}

.vacancy__tittle {
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-size: 32px;
}

.vacancy__desc {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
}

.vacancy-remont .btn-small {
  width: 204px;
  height: 48px;
  border-radius: 12px;
  padding: 0;
}

.cooperation {
  display: flex;
  justify-content: center;
  padding: 0 0 60px;
}

.cooperation .container {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.responsibility-items-tn {
  display: flex;
  gap: 60px;
}

.responsibility-item-tn {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.responsibility-item-tn-nore {
  display: flex;
  gap: 12px;
}

.cooperation__card {
  position: relative;
  width: 402px;
  height: auto;
  border-radius: 36px;
  background: #F8F9FB;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 20px;
}

.cooperation__title {
  position: relative;
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  color: #464B55;
  z-index: 2;
  margin-left: -21px;
  margin-top: 24px;
}

.cooperation__imge {
  position: absolute;
  width: 100%;
  height: 104%;
  top: 0;
  background: url("../img/сотрудниество-min.webp") center/cover no-repeat;
}

.cooperation__info {
  display: flex;
  flex-direction: column;
  gap: 15px;
  flex: 1;
}

.cooperation__info .info__card {
  height: auto;
}

.footer {
  padding: 60px 0 30px;
}

.footer .container {
  margin: 0 auto;
  /* footer */
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 20px;
  width: 1120px;
  height: 550.68px;
  /* dark/dark-10 */
  background: #EDEDEE;
  border-radius: 36px;
  line-height: 140%;
}

.footer__nav {
  width: 100%;
}

.footer__nav .d-flex a {
  text-decoration: underline !important;
}

.footer__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 20px;
}

.footer__list-title {
  flex: 1;
  text-align: left;
}

.footer__inner-list {
  padding: 0 0 0 0;
  list-style: none;
  text-align: left;
}

.footer__list-item {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #464B55 !important;
  padding: 12px 0px 0px 0px;
}

.footer__list-item span {
  display: block;
  /* Чтобы работало margin */
  margin-top: 8px;
}

.footer__list-items {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #464B55;
  padding: 12px 0px 0px 0px;
}

.footer__list-title h2 {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  /* dark/dark-100 */
  color: #464B55;
}

.footer__list-item a {
  padding-bottom: 20px;
}

.footer__list-item a:hover {
  color: rgba(41, 110, 255, 0.6) !important;
}

.footer__list-items a:hover {
  color: #B5B7BB !important;
}

.footer-ul {
  padding: 15px 0 0 0;
}

.footer__list-item-icon {
  display: flex;
  gap: 8px;
  align-items: center;
}

.request .input:focus {
  color: #000;
  background: #fff;
  outline: none;
}

.text-muted {
  /* Body/Body-16-Regular */
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  /* or 19px */
  /* dark/dark-60 */
  --bs-text-opacity: 1 !important;
  --bs-secondary-color: rgba(144, 147, 153, 1) !important;
}

.desc {
  /* Имеются противопоказания. Необходима консультация специалиста.
Не является публичной офертой. */
  width: 1097px;
  height: 144px;
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  /* or 48px */
  text-align: center;
  text-transform: uppercase;
  /* dark/dark-60 */
  color: #909399;
  line-height: 140%;
  padding: 28px 0 0 0;
}

/* Общие стили */
.work-steps {
  padding: 60px 0;
  background-color: #f9f9f9;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.equipment__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 150px;
}

.vacancy__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 100px;
}

.vacancy-remont .vacancy__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(250px, 1fr));
  gap: 40px;
}

.cooperation__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 150px;
}

.breadcrumb {
  margin-top: 12px;
  --bs-breadcrumb-margin-bottom: 2rem !important;
}

.breadcrumb-item a {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  /* or 19px */
  /* dark/dark-60 */
  color: #909399 !important;
  text-decoration: none;
}

.work {
  display: flex;
  justify-content: center;
  padding: 60px 0;
  margin-top: 67px;
  position: relative;
}

.work-chel {
  display: flex;
  justify-content: center;
  padding: 60px 0;
  margin-top: 0;
  position: relative;
}

.work-coop {
  display: flex;
  justify-content: center;
  padding: 60px 0;
  margin-top: 0;
  position: relative;
}

.work-rent-two {
  display: flex;
  justify-content: center;
  padding: 60px 0;
}

.work-rent {
  display: flex;
  justify-content: center;
  padding: 60px 0;
  margin-top: 74px;
  position: relative;
}

.work__cti {
  display: flex;
  justify-content: center;
  padding: 62px 0;
  margin-top: 0;
  position: relative;
}

.work__agents {
  display: flex;
  justify-content: center;
  padding: 60px 0;
  margin-top: 0;
  position: relative;
}

.work__dns {
  display: flex;
  justify-content: center;
  padding: 60px 0 0;
  margin-top: 0 !important;
  position: relative;
}

.work .container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 20px;
  isolation: isolate;
  width: 1115px;
  height: auto;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.work-chel .container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 20px;
  isolation: isolate;
  height: 495px;
  width: 1118px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.work-coop .work__step {
  gap: 12px;
}


.work-coop .container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 20px;
  isolation: isolate;
  height: auto;
  width: 1118px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.work-rent-two .container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 20px;
  isolation: isolate;
  height: auto;
  width: 1118px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.work-rent-two .work__step {
  gap: 12px;
}

.work-rent .container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 12px;
  isolation: isolate;
  height: auto;
  width: auto;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.work__cti .container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 20px;
  isolation: isolate;
  height: 607px;
  width: 1125px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.work__agents .container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 20px;
  isolation: isolate;
  height: 548px;
  width: 1125px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.work__dns .container {
  display: flex;
  gap: 20px;
  align-items: stretch;
}

.work__dns .title {
  margin-top: 20px;
}

.work__dns .work-steps__des {
  color: #464B55;
}

.dns__info {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  height: 300px;
  max-width: 760px;
  gap: 24px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  position: relative;
  overflow: hidden;
  padding: 36px;
}

.work-image {
  position: absolute;
  top: 46%;
  left: 73%;
  width: 138%;
  height: 100%;
  background: url("../img/dist/волна-дист.webp") center/cover no-repeat;
  transform: translate(-50%, -50%) rotate(0deg) scale(0.4);
  background-position: center;
  margin-top: -190px;
}

.work-chel .work-image {
  top: 60%;
  left: 78%;
  height: 113%;
}

.work-coop .work-image {
  top: 58%;
  left: 78%;
  height: 113%;
}

.work-rent .work-image {
  top: 70%;
  left: 83%;
  height: 138%;
}

.work-rent-two .work-image {
  top: 70%;
  left: 83%;
  height: 138%;
}

.work__cti .work-image {
  top: 52%;
  left: 76%;
}

.work__agents .work-image {
  top: 46%;
  left: 81%;
}

.work__dns .work-image {
  top: 107%;
  left: 72%;
  width: 146%;
  height: 217%;
  background: url("../img/cases/волна-кейсы.webp") center/cover no-repeat;
}

.work-tn .work-image {

  position: absolute;
  top: 44%;
  left: 85%;
  width: 155%;
  height: 100%;
  background: url(../img/dist/волна-дист.webp) center / cover no-repeat;
  transform: translate(-50%, -50%) rotate(0deg) scale(0.3);
  background-position: center;
  margin-top: -184px;
}

.work-image img {
  width: 400;
  height: auto;
}

.work-steps__title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 40px;
  color: #464B55;
}

.work-rent .work-step__number {
  font-size: 14px;
  font-weight: 600;
}

.work-rent-two .work-step__number {
  font-size: 14px;
  font-weight: 600;
}

.work__agents .work-step__title {
  font-weight: 500;
}

.work__dns .work-step__title {
  font-weight: 500;
}

.work-steps__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
}

.work__step {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  position: relative;
  height: 498px;
}

.work-tn .work__step {
  grid-template-columns: repeat(4, 1fr);

}

.work-tn .work-step {
  width: 245px;
}

.work-tn .work__step-long {

  margin-top: 250px;
  margin-left: -272px;
}

.work-chel .work__step {
  gap: 12px;
}

.work__agents .work__step {
  grid-template-columns: repeat(4, 1fr);
}

.work__dns .work__step {
  grid-template-columns: repeat(4, 1fr);
}

.work-chel .work-steps__grid .work__step {
  grid-template-columns: repeat(4, 1fr);
}

.work-coop .work-steps__grid .work__step {
  grid-template-columns: repeat(4, 1fr);
  height: 300px;
}

.work-rent .work-steps__grid .work__step {
  grid-template-columns: repeat(4, 1fr);
}

.work-rent-two .work-steps__grid .work__step {
  grid-template-columns: repeat(4, 1fr);
}

.work__step-long {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 271px;
  margin-left: -149px;
  position: relative;
}

.work__cti .work__step-long {
  margin-top: 194px;
  margin-left: -82px;
}

.work__agents .work__step-long {
  margin-top: 194px;
  margin-left: -400px;
}

.work__dns .work__step-long {
  margin-top: 194px;
  margin-left: -400px;
}

.work-step {
  text-align: left;
  width: 200px;
  height: 212px;
  position: relative;
}

.work__cti .work-step {
  width: 260px;
  height: 70px;
}

.work__agents .work-step {
  width: 220px;
  height: 70px;
}

.work__dns .work-step {
  width: 220px;
  height: 70px;
}

.work-chel .work-steps__grid .work__step .work-step {
  width: 260px;
  height: 194px;
}

.work-coop .work-steps__grid .work__step .work-step {
  width: 260px;
  height: 194px;
}

.work-rent .work-steps__grid .work__step .work-step {
  width: 244px;
  height: 194px;
}

.work-rent-two .work-steps__grid .work__step .work-step {
  width: 260px;
  height: 194px;
}

.work-step__number {
  width: 40px;
  height: 40px;
  background: #296EFF;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 14px;
  font-family: "Onest";
}

.work-step__title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #464B55;
  padding: 16px 0 0 0;
}

.dashed-line {
  position: absolute;
  top: 18px;
  left: 45px;
  width: calc(100% - 30px);
  height: 1px;
  border-top: 2px dashed #2d74ff;
  z-index: -1;
}

.dashed__line-four {
  position: absolute;
  top: 19px;
  left: 44px;
  width: calc(100% - 30px);
  height: 1px;
  border-top: 2px dashed #2d74ff;
  z-index: -1;
}

.dashed__line-five {
  position: absolute;
  top: 19px;
  left: 44px;
  width: calc(100% - 30px);
  height: 1px;
  border-top: 2px dashed #2d74ff;
  z-index: -1;
}

.dashed__line-fix {
  position: absolute;
  top: 19px;
  left: 44px;
  width: calc(100% - 30px);
  height: 1px;
  border-top: 2px dashed #2d74ff;
  z-index: -1;
}

.dashed__line {
  position: absolute;
  top: 18px;
  left: 45px;
  width: 170px;
  height: 1px;
  border-top: 2px dashed #2d74ff;
  z-index: -1;
}

.dashed__curve {
  position: absolute;
  width: 200px;
  /* Радиус закругления */
  height: 208px;
  border: 2px dashed #2d74ff;
  border-radius: 7%;
  background: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  margin-top: -2px;
  margin-left: -95px;
  transform: rotate(180deg);
}

.work__cti .dashed__curve {
  height: 147px;
  width: 223px;
}

.work__agents .dashed__curve {
  height: 147px;
}

.work__dns .dashed__curve {
  height: 147px;
}

.dashed__curve-vertical {
  position: absolute;
  width: 90px;
  /* Радиус закругления */
  height: 203px;
  border: 2px dashed #2d74ff;
  border-radius: 3%;
  background: transparent;
  border-top-color: transparent;
  border-right-color: transparent;
  margin-top: 145px;
  margin-left: -265px;
  transform: rotate(90deg);
}

.work__cti .dashed__curve-vertical {
  width: 62px;
  height: 164px;
  margin-top: 88px;
  margin-left: -170px;
}

.work__agents .dashed__curve-vertical {
  width: 62px;
  height: 164px;
  margin-top: 88px;
  margin-left: -685px;
}

.work__dns .dashed__curve-vertical {
  width: 62px;
  height: 164px;
  margin-top: 88px;
  margin-left: -685px;
}

.dashed-line-vertical {
  position: absolute;
  top: 220px;
  left: 1px;
  width: 220px;
  height: 1px;
  border-top: 2px dashed #2d74ff;
  z-index: -1;
}

.work-tn .dashed-line-vertical {
  top: 220px;
  left: -353px;
  width: 578px;
}

.work-tn .dashed__curve {
  width: 200px;
  height: 208px;
}

.work-tn .dashed__curve-vertical {
  width: 31px;
}

.work__cti .dashed-line-vertical {
  top: 157px;
  left: 63px;
  width: 179px;
}

.work__agents .dashed-line-vertical {
  top: 157px;
  left: -212px;
  width: 672px;
}

.work__dns .dashed-line-vertical {
  top: 157px;
  left: -212px;
  width: 672px;
}

.work-steps__des {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  /* dark/dark-60 */
  color: #909399;
  margin-top: -21px;
}

.work-coop .work-steps__des {
  margin-top: -12px;
}

.work-rent .work-steps__des {
  margin-top: -12px;
}

.work-rent-two .work-steps__des {
  margin-top: -12px;
}

.work-steps__desc {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #464B55;
  margin-bottom: 0;
}

.inspection {
  display: flex;
  justify-content: center;
}

.inspection-chel {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.inspection .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.inspection-chel .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.inspection__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.inspection__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 24px;
  gap: 20px;
  background: #FFFFFF;
  /* blue/blue-100 */
  border: 1px solid #296EFF;
  border-radius: 36px;
  height: auto;
}

.inspection__card-img {
  position: relative;
  width: 312px;
  height: 474px;
  border-radius: 24px;
  background: #F8F9FB;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  left: -2px;
}

.inspection__imge {
  position: absolute;
  top: 50%;
  left: 64%;
  width: 144%;
  height: 119%;
  background: url("../img/dist/дист.webp") center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.9);
  background-position: center;
}

.inspection__title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #464B55;
}

.inspection__card .btn {
  border-radius: 60px;
  width: 235px;
  height: 78px;
  margin-left: 74px;
  border: 2px solid var(--blue-blue-100, #296EFF) !important;
  padding: 12px 8px 12px 20px;
}

.btn-outline-primary:hover {
  background: rgba(54, 103, 255, 0.1019607843);
  color: #296EFF;
}

.inspection__card .btn:hover {
  background: rgba(54, 103, 255, 0.1019607843);
  color: #296EFF;
}

.button__text {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  margin-left: -48px;
  margin-top: 14px;
  margin-bottom: 0;
}

.play {
  width: 54px;
  height: 54px;
  margin-top: -48px;
  margin-left: 150px;
}

.inspection__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

.inspection-chel .inspection__info {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex: 1;
}

.inspection-chel .inspection__info .info__card {
  width: 270px;
  height: auto;
  padding: 24px;
  justify-content: flex-start;
}

.inspection__info .info__card {
  width: 736px;
  height: 165px;
  padding: 24px;
  gap: 0;
}

.inspection__info .info__card .inspection__number {
  margin-left: 0;
}

.inspection__info .info__card img {
  width: 48px;
  height: 48px;
  margin-left: -8px;
}

.inspection-chel .inspection__info .info__card img {
  width: 48px;
  height: 48px;
  margin-left: -8px;
}

.info__text {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-left: 48px;
  margin-top: -59px;
}

.inspection-chel .inspection__info .info__text {
  margin-left: -3px;
  margin-top: 6px;
}

.inspection-chel .inspection__info .info__text-two {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-left: -3px;
  margin-top: 9px;
}

.inspection__content {
  margin-left: 10px;
}

.inspection__number {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #464B55;
  margin-left: -11px;
  padding: 0 0 11px 0;
}

.inspection-chel .inspection__info .inspection__number {
  margin-left: 0;
}

.inspection__info .info__card .info__title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #296EFF;
}

.inspection__info .info__card .info__desc {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #464B55;
  margin-bottom: 0;
}

.equipment__dist {
  display: flex;
  justify-content: center;
  padding: 60px 20px;
}

.equipment__dist .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  height: 459px;
}

.equipment__benefits {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 30px;
  margin-bottom: 40px;
}

.equipment__benefits .btn {
  /* button */
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  gap: 4px;
  width: 248px;
  height: 48px;
  /* white/white-100 */
  background: #FFFFFF;
  /* blue/blue-100 */
  border: 2px solid #296EFF;
  border-radius: 12px;
}

.btn-text {
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0;
}

.benefit {
  display: flex;
  align-items: flex-start;
}

.benefit img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.benefit__title {
  margin-right: 20px;
  /* отступ от заголовка до текста */
}

.benefit__title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #464B55;
}

.benefit__desc {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #464B55;
  text-align: justify;
  margin-top: -5px;
  /* Убираем верхний отступ у текста */
  margin-bottom: 0;
}

.carousel-item .no-li::before {
  list-style: none;
  visibility: hidden;
}

.benefit__descs {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #464B55;
  text-align: justify;
  padding: 0 0 0 30px;
  margin-top: -5px;
}

.benefit__descsa {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #464B55;
  text-align: justify;
  padding: 0 0 0 18px;
}

.benefit__descsap {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #464B55;
  text-align: justify;
  padding: 0 0 0 5px;
}

.catalog__info {
  width: 556px;
  height: 459px;
  position: relative;
  border-radius: 36px;
  background: #F8F9FB;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  left: 558px;
  flex-direction: column;
  top: -610px;
}

.catalog__img {
  position: absolute;
  top: 51%;
  left: 50%;
  width: 147%;
  height: 144%;
  background: url("../img/dist/дист-пк.webp") center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.7);
  background-position: center;
}

.catalog__img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(54, 103, 255, 0.1);
  background-blend-mode: overlay;
  /* Светло-голубой цвет */
  mix-blend-mode: lighten;
  /* Эффект смешивания */
  pointer-events: none;
}

.catalog__item {
  background: rgba(54, 103, 255, 0.1019607843);
  color: #296EFF;
  padding: 8px 15px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  display: inline-block;
  width: 225px;
  height: 41px;
  font-family: "Onest";
  font-style: normal;
  margin: 0px;
}

.catalog {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-left: -310px;
  margin-top: -13px;
  width: 219px;
  height: 134px;
  gap: 8px;
}

.catalog__icon {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  margin-left: 390px;
  margin-top: -139px;
  gap: 4px;
}

.icon {
  width: 50px;
  /* Размер кружка */
  height: 50px;
  background-color: #fff;
  /* Светлый фон */
  border-radius: 50%;
  /* Делаем элемент кругом */
  display: flex;
  align-items: center;
  justify-content: center;
}

.opros {
  display: flex;
  justify-content: center;
  padding: 60px 20px;
  margin-top: 79px;
}

.opros-title {
  color: #464B55;
  /* Head/Head-32-SemiBold */
  font-family: "Onest";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
}

.opros-ochnoe {
  display: flex;
  justify-content: center;
}

.opros-agents {
  display: flex;
  justify-content: center;
  padding: 0 0 60px;
}

.opros-coop {
  display: flex;
  justify-content: center;
  padding: 60px 20px;
}

.opros .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  height: 559px;
  width: 1116px;
  background: #FFFFFF;
  border: 1px solid #296EFF;
  border-radius: 36px;
  padding: 36px;
}

.qwiz .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  height: 559px;
  width: 1116px;
  background: #FFFFFF;
  border: 1px solid #296EFF;
  border-radius: 36px;
  padding: 36px;
}

.opros-ochnoe .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  height: 559px;
  width: 1114px;
  background: #FFFFFF;
  border: 1px solid #296EFF;
  border-radius: 36px;
  padding: 36px;
}

.opros-agents .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  height: 559px;
  width: 1126px;
  background: #FFFFFF;
  border: 1px solid #296EFF;
  border-radius: 36px;
  padding: 36px;
}

.opros-coop .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  height: 559px;
  width: 1114px;
  background: #FFFFFF;
  /* blue/blue-100 */
  border: 1px solid #296EFF;
  border-radius: 36px;
  padding: 36px;
}

.opros__title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #464B55;
}

.opros-ochnoe .opros-title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  width: 48%;
  color: #464B55;
}

.opros-agents .opros-title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  width: 46%;
  color: #464B55;
}

.opros-coop .opros-title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 32px;
  width: 46%;
  color: #464B55;
}

.opros__bonus {
  padding: 0;
}

.opros-ochnoe .opros__bonus {
  padding: 0 0px 0px 0px;
}

.opros-agents .opros__bonus {
  padding: 0;
}

.opros__bonus .form-check {
  margin-bottom: 1rem;
  padding-left: 2rem;
  /* chip */
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  width: 584px;
  height: 48px;
  /* dark/dark-5 */
  background: #F5F6F6;
  border-radius: 12px;
  border: 2px solid #F5F6F6;
  color: #464B55;
  /* Body/Body-16-Regular */
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.form-check-input:checked~label::before {
  border: 2px solid var(--blue-blue-100, #296EFF);
}

.opros__bonus input[type=radio]:checked~label::before,
.opros__bonus input[type=radio]:checked+label::before {
  background-color: #1a73e8;
  border-color: #1a73e8;
}

.opros__bonus input[type=radio]:checked+label+.opros__bonus,
.opros__bonus input[type=radio]:checked~.opros__bonus {
  border-color: #1a73e8;
  background-color: #ffffff;
  box-shadow: 0 0 0 2px rgba(26, 115, 232, 0.2);
}

/* Рамка при выборе */
.form-check-input:checked~.form-check-label {
  position: relative;
}

.form-check-input:checked {
  position: relative;
}

.bonus-selected {
  border: 2px solid var(--blue-blue-100, #296EFF) !important;
  background: #FFF !important;
}

.opros__bonus .form-check:hover {
  background: var(--blue-blue-5, rgba(54, 103, 255, 0.05)) !important;
}

.form-check-input[type=radio]:hover {
  background-color: rgba(41, 110, 255, 0.2) !important;
  --bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="-4 -4 8 8"%3e%3ccircle r="2" fill="%23fff"/%3e%3c/svg%3e);
}

.opros__btn {
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  /* or 31px */
  display: flex;
  align-items: center;
  justify-content: center;
  /* white/white-100 */
  color: #FFFFFF;
  margin-top: 15px;
}

.opros-ochnoe .opros__bonus .btn .opros__btn {
  margin: 0;
  line-height: 1.2;
}

.form-check-input[type=radio] {
  width: 21px;
  height: 21px;
  margin-top: 0px;
}

.opros__bonus .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 10px;
  width: 227px;
  height: 48px !important;
  /* blue/blue-100 */
  background: #296EFF !important;
  border-radius: 12px;
  margin-top: 48px;
}

.opros-ochnoe .opros__bonus .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 10px;
  width: 227px;
  height: 48px !important;
  /* blue/blue-100 */
  background: #296EFF !important;
  border-radius: 12px;
  text-decoration: none;
  line-height: 1;
}

.opros-agents .opros__bonus .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 10px;
  width: 227px;
  height: 48px !important;
  /* blue/blue-100 */
  background: #296EFF !important;
  border-radius: 12px;
}

.opros-coop .opros__bonus .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 10px;
  width: 227px;
  height: 48px !important;
  /* blue/blue-100 */
  background: #296EFF !important;
  border-radius: 12px;
}

.opros__bonus .btn:hover {
  background: rgba(41, 110, 255, 0.6) !important;
}

.opr-card {
  width: 427px;
  height: 480px;
  position: relative;
  border-radius: 24px;
  background: #F8F9FB;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  left: 0;
  top: 0;
  flex-direction: column;
  margin: 0;
}

.opros-ochnoe .opr-card {
  top: 0;
  left: 0;
}

.opros-agents .opr-card {
  top: 0;
  left: 0;
  width: 382px;
}

.oprs-card__img {
  position: absolute;
  top: 103%;
  left: 52%;
  width: 142%;
  height: 100%;
  background: url(../img/dist/blue.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) rotate(29deg) scaleX(-1) scale(2.6);
  background-position: center;
  filter: brightness(1.2);
}

.opros-agents .oprs-card__img {
  position: absolute;
  top: 50%;
  left: 48%;
  width: 207%;
  height: 200%;
  background: url(../img/cooperation/квиз.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.5);
  background-position: center;
  filter: none !important;
}

.comparison {
  padding: 86px 0 0;
}

.comparison-title {
  text-align: center;
  margin-bottom: 30px;
  font-size: 28px;
  color: #464B55;
}

.comparison-grid {
  display: grid;
  font-family: "Onest";
  font-style: normal;
  color: #464B55;
}

.comparison-item,
.comparison-criteria {
  padding: 0;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 8px;
}

.comparison-item img {
  margin-top: -3px;
}

.comparison-header {
  background: #EDEDEE;
  border-bottom: #EDEDEE;
  padding: 16px 0;
  width: 100%;
  border-radius: 16px;
}

.comparison-header h3 {
  margin: 0;
  font-size: 16px;
  text-align: left;
  color: #464B55;
  font-weight: 600;
}

.comparison-item p {
  margin-top: -5px;
  margin-bottom: 0;
}

.comparison-criteria {
  display: flex;
  align-items: flex-start;
  padding: 20px 0 16px;
  width: 100%;
  border-bottom: 1px solid #D1D5DB;
  height: auto;
  gap: 20px;
}

.comparison-text {
  display: flex;
  flex-direction: row;
  border-radius: 16px;
  gap: 32px;
  background: #EDEDEE;
  flex-wrap: nowrap;
  padding: 0px 0px 0px 140px;
}

.criteria-title {
  font-weight: 600;
  color: #464B55;
  font-size: 16px;
  width: 112px !important;
  padding: 0px 49px 0px 0px;
}

.comparison-item {
  padding: 0;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  color: #464B55;
  /* Body/Body-16-Regular */
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.comparison .title {
  margin-left: -32px;
  position: absolute;
  margin-top: -110px;
}

.icon {
  font-size: 20px;
  margin-bottom: 10px;
}

.comparison .container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  height: auto;
  width: 1115px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
}

.compration-item-text {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 270px;
  align-items: flex-start;
}

.compration-item-text img {
  height: auto;
  object-fit: contain;
}

.responsibility {
  padding: 60px 0 60px;
}

.responsibility-station {
  padding: 60px 0 0;
}

.responsibility__tittle {
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-size: 26px;
  /* or 31px */
  text-align: center;
}

.responsibility .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 36px;
  gap: 24px;
  width: 1116px;
  height: auto;
  /* blue/blue-100 */
  background: #296EFF;
  border-radius: 36px;
  color: #ffffff;
}

.responsibility-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.responsibility-station .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 36px;
  gap: 24px;
  width: 1120px;
  height: 151px;
  /* blue/blue-100 */
  background: #296EFF;
  border-radius: 36px;
  color: #ffffff;
}

.responsibility-text {
  margin-left: 8px;

  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;

  color: #FBFBFC;

}

.responsibility-items {
  margin: 0;
  gap: 40px;
}

.responsibility-footer {
  margin-top: 0;
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  /* identical to box height, or 24px */
  text-align: center;
}

.faq {
  display: flex;
  justify-content: center;
  padding: 0 0 48px;
}

.faq .container {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.faq-content {
  /* Frame 123 */
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 24px;
  width: 922px;
  height: auto;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
}

.faq__card {
  position: relative;
  width: 367px;
  height: auto;
  border-radius: 36px;
  background: #F8F9FB;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  flex-direction: column;
}

.faq-card__img {
  position: absolute;
  top: -6%;
  left: -27%;
  width: 141%;
  height: 106%;
  background: url(../img/dist/faq.webp) center/cover no-repeat;
}

summary {
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  /* identical to box height, or 24px */
  /* dark/dark-100 */
  color: #464B55;
}

details p {
  margin-top: 5px;
}

.faq-item {
  background: white;
  border-radius: 8px;
  border: 1px solid var(--dark-dark-20, #DADBDD);
  overflow: hidden;
}

.faq-question {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-weight: 600;
  list-style: none;
  /* Убираем маркер у summary */
  transition: background 0.2s;
  /* FAQ */
  box-sizing: border-box;
  width: 714px;
  height: 72px;
  /* white/white-100 */
  background: #FFFFFF;
  /* dark/dark-20 */
  border-radius: 12px;
}

.faq-question:hover {
  background: rgba(54, 104, 255, 0.062745098);
}

.faq-question::-webkit-details-marker {
  display: none;
  /* Скрываем стандартный маркер */
}

.faq-answer {
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: height 0.3s ease, padding 0.3s ease;
}

.faq-item[open] .faq-answer {
  padding: 0 20px 20px;
  height: auto;
  transition: height 0.3s ease, padding 0.3s ease;
}

.faq-answer p,
.faq-answer li {
  margin: 10px 0;
  line-height: 1.6;
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  /* or 19px */
  color: #464B55;
}

.faq-answer li {
  margin-bottom: 5px;
}

.faq-content {
  transition: height 0.3s ease;
  will-change: height;
  /* Оптимизация для анимации */
  overflow: hidden;
  /* Скрываем содержимое при изменении высоты */
}

.details-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease-out, padding 0.4s ease-out;
  padding: 0 20px;
}

.plus-icon,
.minus-icon {
  transition: opacity 0.3s ease;
}

.minus-icon {
  display: none;
}

.faq-item.active .plus-icon {
  display: none;
}

.faq-item.active .minus-icon {
  display: inline;
}

.detali {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

/*отзывы */
.reviews {
  padding: 0;
}

.reviews .container {
  margin: 0 auto;
  padding: 0 10px;
}

.reviews__title {
  font-size: 32px;
  text-align: center;
  margin-bottom: 40px;
  color: #333;
}

.reviews__slider {
  display: flex;
  gap: 20px;
  overflow-x: hidden;
  /* Скрываем стандартную прокрутку */
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding-bottom: 20px;
  position: relative;
}

.reviews__slider-wrapper {
  position: relative;
}

.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: white;
  border: none;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  z-index: 10;
  font-size: 18px;
}

/* Стили для каждого отзыва */
.review {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 0px;
  width: 350.67px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  min-width: calc(33.33% - 14px);
  scroll-snap-align: start;
  flex-shrink: 0;
}

.review__img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  /* Делаем круглым */
  overflow: hidden;
  object-fit: cover;
}

.review__header {
  margin-bottom: 20px;
}

.review__author {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #464B55;
  margin-left: 57px;
  margin-top: -44px;
}

.review__source {
  margin-left: 57px;
  margin-top: -5px;
}

.review__date {
  margin-left: 89px;
  margin-top: -18px;
}

.review__source,
.review__date {
  font-size: 14px;
  color: #666;
  margin-bottom: 5px;
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #909399;
}

.review__text {
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #464B55;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* Ограничение на 3 строки */
  -webkit-box-orient: vertical;
}

.review__content p {
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #464B55;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  /* Ограничение на 3 строки */
  -webkit-box-orient: vertical;
}

.review__toggle {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  /* identical to box height, or 17px */
  text-decoration-line: underline;
  color: #296EFF;
}

.toggle-description {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  padding: 0;
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  /* identical to box height, or 17px */
  text-decoration-line: underline;
  color: #296EFF;
}

.features-list li {
  display: none;
}

.features-list li:first-child {
  display: list-item;
}

.mobile-features.expanded .features-list li {
  display: list-item;
}

.swiper {
  width: 100%;
  overflow: hidden;
}

.review__toggle:hover {
  text-decoration: underline;
  color: rgba(41, 110, 255, 0.6) !important;
}

/* Стили для раскрытого текста */
.review__text.expanded {
  -webkit-line-clamp: unset;
  display: block;
}

/* Стили для слайдера */
.reviews__slider {
  display: flex;
  overflow-x: auto;
  gap: 20px;
  padding-bottom: 20px;
  scrollbar-width: thin;
  /* Для Firefox */
  scrollbar-color: #007bff #f1f1f1;
  /* Для Firefox */
}

.slider-wrapper {
  position: relative;
  margin-top: 24px;
}

/* Стилизация полосы прокрутки для WebKit (Chrome, Safari) */
.reviews__slider::-webkit-scrollbar {
  height: 8px;
  /* Высота полосы прокрутки */
}

.reviews__slider::-webkit-scrollbar-track {
  background: #f1f1f1;
  /* Цвет фона трека */
  border-radius: 4px;
}

.reviews__slider::-webkit-scrollbar-thumb {
  background: #007bff;
  /* Цвет ползунка */
  border-radius: 4px;
}

.reviews__slider::-webkit-scrollbar-thumb:hover {
  background: #0056b3;
  /* Цвет ползунка при наведении */
}

.reviews-slider {
  position: relative;
  overflow: hidden;
}

.reviews-track {
  display: flex;
  gap: 20px;
  padding: 10px 0;
  align-items: flex-start;
  flex-direction: row;
  justify-content: space-between;
}

.reviews-card {
  padding: 36px;
  width: auto;
  height: auto;
  background: #FBFBFC;
  border: 1px solid #EDEDEE;
  border-radius: 36px;
}

.scroll-track {
  width: 100%;
  height: 16px;
  background: #f0f0f0;
  border-radius: 3px;
  margin: 20px auto;
  position: relative;
  cursor: pointer;
}

.scroll-thumb {
  height: 16px;
  width: 478px;
  background: #909399;
  border-radius: 20px;
  position: absolute;
  left: 0;
  transition: transform 0.2s ease-out;
}

.scroll-container {
  width: 100%;
  margin-top: 20px;
  padding: 10px 0;
}

.slider-button:hover {
  background-color: #0056b3;
}

.slider-button--prev {
  left: -20px;
}

.slider-button--next {
  right: -20px;
}

.reviews-carousel {
  display: flex;
  transition: transform 0.5s ease;
  height: 100%;
  flex-direction: column;
}

.request {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 60px 0;
}

.request .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  height: 660px;
  width: 1118px;
  background: #FFFFFF;
  /* blue/blue-100 */
  border: 1px solid #296EFF;
  border-radius: 36px;
  padding: 36px;
}

.request .container .row {
  padding: 0;
  width: 102%;
}

.request .container .col-lg-8 .row {
  margin-top: 0;
}

.request-invest .container .col-lg-8 .row {
  margin-top: 0;
}

.request__tittle {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  /* or 48px */
  /* dark/dark-100 */
  color: #464B55;
  padding: 0;
  width: 53%;
}

.col-12 .btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 10px;
  width: 100%;
  max-width: 640px;
  height: 48px;
  /* blue/blue-100 */
  background: #296EFF;
  border-radius: 12px;
}

.row .request__card {
  width: 410px;
  height: 580px !important;
  position: relative;
  border-radius: 24px;
  background: #F8F9FB;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  left: 0;
  top: 0;
  flex: 0 0 410px;
  flex-direction: column;
  align-self: flex-start;
  margin: 0;
}

.request__img {
  position: absolute;
  top: 68%;
  left: 74%;
  width: 194%;
  height: 117%;
  background: url("../img/dist/blue-2.webp") center/cover no-repeat;
  transform: translate(-50%, -50%) rotate(45deg) scale(1.2);
  background-position: center;
  filter: brightness(1.2);
}

.col-md-4 .form-control {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  height: 48px;
  /* dark/dark-5 */
  background: #F5F6F6;
  border-radius: 12px;
  gap: 10px;
  margin-left: 0;
}

.form-control:focus {
  border-color: #ced4da !important;
  /* стандартный цвет бордера Bootstrap */
  box-shadow: none !important;
  background: #F5F6F6;
}

.col-md-3 .form-control {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  height: 48px;
  /* dark/dark-5 */
  background: #F5F6F6;
  border-radius: 12px;
  gap: 10px;
  margin-left: 0;
}

.col-md-3 .form-label {
  margin-left: 0;
}

.form-label {
  font-family: "Onest";
  color: #464B55;
}

/* Стиль для состояния hover */
#phoneInput:hover::placeholder {
  color: #666;
}

/* Стиль для состояния focus */
#phoneInput:focus::placeholder {
  color: transparent;
}

/* Стиль для активного состояния (когда поле активно и вводится текст) */
#phoneInput:active::placeholder {
  color: transparent;
}

#phoneInput::placeholder {
  color: #999 !important;
  opacity: 1;
  /* Firefox по умолчанию делает placeholder полупрозрачным */
}

#phoneInput {
  /* Цвет курсора */
  caret-color: #296EFF;
  color: #464B55;
}

/* Стиль для заполненного поля */
#phoneInput:not(:placeholder-shown) {
  background-color: #EDEDEE;
  color: #464B55;
  /* Полупрозрачный текст */
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

#nameInput {
  /* Цвет курсора */
  caret-color: #296EFF;
  color: #464B55;
  font-family: "Onest";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

#nameInput:focus {
  background-color: #EDEDEE;
}

#emailInput {
  /* Цвет курсора */
  caret-color: #296EFF;
  color: #464B55;
  font-family: "Onest";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

#emailInput:focus {
  background-color: #EDEDEE;
}

#innInput {
  /* Цвет курсора */
  caret-color: #296EFF;
  color: #464B55;
  font-family: "Onest";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

#innInput:focus {
  background-color: #EDEDEE;
}

#companyInput {
  /* Цвет курсора */
  caret-color: #296EFF;
  color: #464B55;
  font-family: "Onest";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

#companyInput:focus {
  background-color: #EDEDEE;
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: #464B55 !important;
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #0d6efd !important;
}

.form-group .form-input {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;
  width: 298px;
  height: 56px;
  /* dark/dark-5 */
  background: #F5F6F6;
  border-radius: 12px;
}

.col-12 .form-control {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  height: 48px;
  /* dark/dark-5 */
  background: #F5F6F6;
  border-radius: 12px;
}

.col-md-6 .form-control {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  height: 48px;
  background: #F5F6F6;
  border-radius: 12px;
  margin-left: 0;
}

.col-12 .form-check-label {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  /* or 17px */
  /* dark/dark-100 */
  color: #464B55;
}

.col-12 .opros__btn {
  margin-top: 2px;
}

.col-md-3 .invalid-feedback {
  margin-left: 0;
}

.invalid-feedback {
  color: rgb(243, 41, 129) !important;
  position: absolute;
}

/* Hover состояние */
.form-control:hover {
  background: rgb(237, 237, 238) !important;
}

.form-control {
  border: rgb(245, 246, 246) !important;
}

/* Error состояние */
.was-validated .form-control:invalid {
  background: rgba(243, 41, 129, 0.1) !important;
}

.was-validated .form-control:valid {
  background-image: none !important;
}

@media (min-width: 992px) {
  .col-lg-8 {
    flex: 0 0 auto;
    width: auto !important;
  }
}

.cooperation-options {
  padding: 60px 0;
  color: #333;
}

.cooperation-station {
  padding: 60px 0 0;
  margin-top: -42px;
  color: #333;
}

.cooperation-options .container {
  margin: 0 auto;
  padding: 0 20px;
}

.cooperation-station .container {
  margin: 0 auto;
  padding: 0 20px;
}

.option {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.section-title {
  font-size: 32px;
  font-weight: 700;
  color: #2c3e50;
  margin-bottom: 40px;
  text-align: center;
}

/* Карточки вариантов */
.option-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 36px;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 544px;
  height: auto;
  background: #FBFBFC;
  border: 1px solid #EDEDEE;
  border-radius: 36px;
}

.cooperation-station .option-card {
  margin-top: 24px;
}

.option-card-long {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 36px;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  width: 1108px;
  height: 376px;
  background: #FBFBFC;
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  margin-top: 20px;
}

.option-title {
  /* Frame 2244 */
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  gap: 10px;
  width: 471px;
  height: 68px;
  /* blue/blue-10 */
  background: rgba(54, 103, 255, 0.1);
  border-radius: 12px;
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #296EFF;
  margin-top: -56px;
}

.cooperation-station .option-title {
  margin-top: -95px;
}

.option-title-one {
  /* Frame 2244 */
  /* Auto layout */
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  gap: 10px;
  width: 471px;
  height: 68px;
  /* blue/blue-10 */
  background: rgba(54, 103, 255, 0.1);
  border-radius: 12px;
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #296EFF;
  margin-top: 2px;
}

.option-title-three {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 12px;
  gap: 10px;
  width: 1035px;
  height: 68px;
  /* blue/blue-10 */
  background: rgba(54, 103, 255, 0.1);
  border-radius: 12px;
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #296EFF;
  margin-top: 11px;
}

.option-number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 10px;
  width: 44px;
  height: 44px;
  /* white/white-100 */
  background: #FFFFFF;
  border-radius: 8px;
  color: rgb(70, 75, 85);
}

.option-description {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #464B55;
  margin-bottom: 0;
}

/* Список преимуществ */
.advantages {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #464B55;
}

.advantages-title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #464B55;
}

.advantages-list {
  padding-left: 10px;
}

.advantage-item {
  font-size: 16px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 25px;
}

.advantage-item:before {
  content: "•";
  color: #464B55;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: -3px;
}

/* Выделенный текст */
.highlighted-text {
  width: 1068px;
  height: 24px;
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  /* identical to box height, or 24px */
  /* dark/dark-100 */
  color: #464B55;
}

.problem-chel {
  display: flex;
  justify-content: center;
}

.problem-chel .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.problem__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.problem__info {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex: 1;
}

.problem__info-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 28px;
  width: 358.67px;
  height: 167px;
  /* dark/dark-5 */
  background: #F5F6F6;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
}

.problem__info-text {
  /* Организуем прозрачный документооборот. Также работаем с “СБИС” и “ДИАДОК”. */
  width: 318.67px;
  height: 34px;
  /* Head/Head-14-SemiBold */
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  /* or 17px */
  /* dark/dark-100 */
  color: #464B55;
}

.tell {
  display: flex;
  justify-content: center;
  padding: 60px 0;
}

.tell .container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 20px;
  isolation: isolate;
  height: 830px;
  width: 1116px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.tell-image {
  position: absolute;
  top: 14%;
  left: 76%;
  width: 161%;
  height: 108%;
  background: url("../img/ochnoe/problem.webp") center/cover no-repeat;
  transform: translate(-50%, -50%) rotate(0deg) scale(0.3);
  background-position: center;
}

.tell__step {
  text-align: left;
  width: 200px;
  height: 212px;
  position: relative;
}

.tell-card {
  /* Frame 2238 */
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 1068px;
  height: 158px;
}

.tell-card-three {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 1068px;
  height: 158px;
  margin-top: -24px;
  position: relative;
}

.tell-title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  /* identical to box height, or 24px */
  /* dark/dark-100 */
  color: #464B55;
  margin-top: 5px;
  margin-left: 48px;
}

.tell-title-four {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  /* identical to box height, or 24px */
  /* dark/dark-100 */
  color: #464B55;
  margin-top: 31px;
  margin-left: 48px;
}

.tell .tell-comment {
  margin-top: -10px;
  margin-left: 48px;
  color: #464B55;
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
}

.tell .tell-comment p {
  margin-bottom: 0;
}

.tell .tell-comment-four p {
  margin-bottom: 0;
  font-family: "Onest";
  color: #464B55;
}

.tell-comment-four {
  margin-top: -10px;
  margin-left: 48px;
  color: #464B55;
  font-family: "Onest";
}

.tell .work-step__number {
  width: 36px;
  height: 36px;
}

.tell .work-step__number-four {
  width: 36px;
  height: 36px;
}

.tell-card-three .work-step__number {
  position: absolute;
}

.tell-card .work-step__number {
  position: absolute;
}

.work-step__number-four {
  width: 40px;
  height: 40px;
  background: #296EFF;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  margin-top: 23px;
  position: absolute;
}

.comment-title {
  display: flex;
  gap: 8px;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #464B55 !important;
}

.problem-comment {
  /* В действительности нужно 1-4 специальных помещения по требованиям СЭС (для проведения осмотров, забора анализов, комната отдыха и туалет) и не менее 3 медиков (руководитель и два медика). Оснащение мед.пункта обойдется минимум в 600 т.р. */
  width: 1068px;
  height: 38px;
  /* Body/Body-16-Regular */
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  /* or 19px */
  /* dark/dark-100 */
  color: #464B55;
  /* Inside auto layout */
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}

.need {
  font-family: "Arial", sans-serif;
  line-height: 1.6;
  color: #333;
}

.tell-need-tn {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tell-need-tn p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;

  color: #464B55;

}

.need-tn .tell-card {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  align-items: flex-start;
  width: auto !important;
  height: auto !important;
  gap: 12px !important;
}

.need-tn .tell-title {
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}

.need-tn .tell__step {
  gap: 24px !important;
  height: auto !important;
}

.tell-need-tn p {
  margin-bottom: 0 !important;
}

.need .container {
  margin: 0 auto;
  padding: 0 10px;
}

.need .tell__step {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 40px;
  width: 1120px;
  height: 427px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  margin-top: 24px;
}

.need .tell-card {
  height: 78px;
  gap: 26px;
}

.need .tell-title {
  margin-top: -76px;
  margin-left: 58px;
  color: #296EFF;
  font-weight: 600;
}

.need .tell-comment {
  margin-top: -63px;
  margin-left: 58px;
  font-family: "Onest";
  font-size: 16px;
  font-weight: 400;
}

.prepare {
  display: flex;
  justify-content: center;
  padding: 60px 0;
}

.prepare .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.prepare .inspection__info {
  flex-direction: row;
}

.prepare .inspection__info .info__card {
  width: 283px;
  height: auto;
  justify-content: flex-start;
  padding: 24px;
}

.prepare .inspection__info .info__card .inspection__number {
  margin-left: 0;
}

.prepare .inspection__info .info__text {
  margin-left: 0;
  margin-top: 6px;
}

.prepare .inspection__info .inspection__card .info__title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  color: #296EFF;
}

.prepare .inspection__info .inspection__card .info__desc {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  color: #464B55;
}

.necessary {
  display: flex;
  justify-content: center;
}

.necessary .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 10px 60px;
}

.necessary .problem__info-card {
  display: flex;
  padding: var(--Paddig-M, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--radius-main, 36px);
  border: 1px solid var(--dark-dark-20, #DADBDD);
  background: white;
  height: 283px;
}

.necessary .problem__info-text {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  /* or 17px */
  /* dark/dark-100 */
  color: #464B55;
}

.necessary-tn .problem__info-text {
  font-size: 16px;
  width: auto !important;
}

.necessary-tn-two .problem__grid {
  width: 100%;
}

.necessary-tn-two .problem__info-text {
  width: 100%;
  height: auto;
}

.necessary-tn-two .problem__info-card {
  height: auto;
}

.necessary-tn-two .container {
  padding: 0 10px 0;
}

.differences {
  display: flex;
  justify-content: center;
}

.differences-tn {
  padding-top: 120px;
}

.differences-tn-two {
  padding-top: 60px;
}


.tell-faq {
  padding-left: 53px;
}

.vacancy-tn .vacancy__desc {
  font-size: 26px;
}

.tell-faq p {
  margin-bottom: 0;
}

.differences-tn .hide {
  font-weight: 600 !important;
}

.responsibility.responsibility-tn {
  padding: 0;
}

.reviews-tn {
  padding: 60px 0 0 0;
}

.differences-tn .tell__step {
  height: 100%;
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 0 !important;
}

.differences-tn .tell-card {
  height: auto !important;
  gap: 0;
}

.differences-tn .container {
  height: auto !important;
}

.differences-tn .tell-statement {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}

.differences-tn .tell-title {
  margin-left: 0;
}

.differences-tn .tell-card .work-step__number {
  position: relative;
}

.differences-tn p.work-steps__des {
  margin-bottom: 0;
}

.tell-tn-text-contant {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.differences .container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 20px;
  isolation: isolate;
  height: 601px;
  width: 1118px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.differences .tell-card {
  height: 88px;
  justify-content: space-around;
}

.differences .tell__step {
  margin-top: -17px;
}

.differences .tell-title {
  font-weight: 400;
}

.differences .tell-card .work-step__number {
  font-weight: 600;
  font-size: 14px;
}

.differences .tell-image {
  position: absolute;
  top: 19%;
  left: 81%;
  width: 138%;
  height: 100%;
  background: url("../img/dist/волна-дист.webp") center/cover no-repeat;
  transform: translate(-50%, -50%) rotate(0deg) scale(0.4);
  background-position: center;
}

.vaccination {
  display: flex;
  justify-content: center;
  padding: 60px;
}

.vaccination .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.vaccination .problem__info-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 40px;
  width: 264px;
  height: 155px;
  /* dark/dark-5 */
  background: white;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
}

.automation {
  display: flex;
  justify-content: center;
}

.automation .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.automation .problem__info-card {
  display: flex;
  padding: var(--Paddig-M, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--radius-main, 36px);
  border: 1px solid var(--dark-dark-20, #DADBDD);
  background: white;
  height: 236px;
  width: 359px;
}

.automation .problem__info-text {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #464B55;
  margin-top: 20px;
}

.automation .problem__info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.automation .problem__grid {
  max-width: 1200px;
  margin: 0 auto;
}

.difference {
  display: flex;
  justify-content: center;
}

.difference-rent {
  display: flex;
  justify-content: center;
}

.difference .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0px 60px 11px;
}

.difference-rent .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  width: 1120px;
  padding: 60px 0px 0 0;
}

.difference .problem__info-card {
  width: 265px;
  height: 214px;
  gap: 24px;
}

.difference .problem__info-card-long {
  width: 361px;
}

.difference-rent .problem__info-card {
  width: 359px;
  height: 186px;
  gap: 40px;
}

.difference-rent .problem__info-card-long {
  width: 563px;
  gap: 40px;
  height: 186px;
}

.difference-rent .problem__card-wide {
  margin-left: -567px;
  margin-top: 206px;
}

.difference .problem__info-text {
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  color: #464B55;
}

.difference-rent .problem__info-text {
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  width: 480.67px;
  color: #464B55;
}

.problem__card-wide {
  display: flex;
  gap: 20px;
  margin-top: 235px;
  margin-left: -573px;
}

.problem__info-card-long {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;
  width: 355px;
  height: 193px;
  /* dark/dark-5 */
  background: #F5F6F6;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
}

.receive {
  display: flex;
  justify-content: center;
  padding: 0 0 60px;
}

.receive-rent {
  display: flex;
  justify-content: center;
  padding: 0 0 60px;
}

.receive .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.receive-rent .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.receive .problem__info-card {
  display: flex;
  padding: var(--Paddig-M, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--radius-main, 36px);
  border: 1px solid var(--dark-dark-20, #DADBDD);
  background: white;
  height: 177px;
  width: 360px;
}

.receive-rent .problem__info-card {
  display: flex;
  padding: var(--Paddig-M, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--radius-main, 36px);
  border: 1px solid var(--dark-dark-20, #DADBDD);
  background: white;
  height: 183px;
  width: 359px;
}

.receive .problem__info-text {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #464B55;
  margin-top: 0;
}

.receive-rent .problem__info-texts {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #464B55;
  margin-top: -26px;
}

.receive-rent .problem__info-text {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: #464B55;
}

.receive .problem__info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.receive-rent .problem__info {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.receive .problem__grid {
  max-width: 1200px;
  margin: 0 auto;
}

.receive-rent .problem__grid {
  max-width: 1200px;
  margin: 0 auto;
}

.equipment-rent {
  display: flex;
  justify-content: center;
}

.equipment-rent .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.equipment-rent .carousel-inner {
  width: 1115px;
  height: 641px;
  background: #FFFFFF;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  padding: 36px;
}

.slide-title {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  color: #464B55;
  margin-left: 48px;
  margin-top: -33px;
  padding-bottom: 12px;
}

.availability {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 10px;
  width: 197px;
  height: 33px;
  /* blue/blue-10 */
  background: rgba(54, 103, 255, 0.1);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #464B55;
  margin-bottom: 15px;
  font-family: "Onest";
}

.price-note {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #464B55;
}

.price {
  width: 401px;
  height: 80px;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid #296EFF;
}

.equipment-rent ul {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  /* or 19px */
  /* dark/dark-100 */
  color: #464B55;
}

.equipment-rent .container {
  padding: 0 10px 0;
}

.equipment-rent li {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  padding-left: 25px;
  margin-top: 7px;
}

.equipment-rent li::before {
  content: "•";
  color: #333;
  font-size: 16px;
  margin-left: -44px;
}

.equipment-rent .work-step__number {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0px;
  gap: 10px;
  width: 32px;
  height: 32px;
  /* dark/dark-5 */
  background: #F5F6F6;
  border-radius: 20px;
  color: #464B55;
  font-size: 14px;
  font-weight: 400;
}

.equipment-rent .problem__info-card {
  display: flex;
  padding: var(--Paddig-M, 24px);
  flex-direction: column;
  align-items: flex-start;
  gap: 28px;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--radius-main, 36px);
  border: 1px solid var(--dark-dark-20, #DADBDD);
  background: white;
  height: 226px;
}

.equipment-rent .problem__info-text {
  font-family: "Onest";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  /* or 17px */
  /* dark/dark-100 */
  color: #464B55;
}

.equipment-rent .btn {
  margin-top: 6px;
  font-family: "Onest";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: var(--white-white-100, #FFF);
}

.equipment-rent .btn-small {
  width: 204px;
  height: 48px;
  border-radius: 12px;
}

.slider__card {
  width: 497px;
  height: 567px;
  position: relative;
  border-radius: 36px;
  background: #F8F9FB;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  left: 545px;
  flex-direction: column;
  top: -542px;
}

.slider__img {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 101%;
  height: 100%;
  background: url(../img/arenda/оборудование_1-min.webp) center/cover no-repeat;
}

.slider__img-komp {
  position: absolute;
  top: 50%;
  left: 51%;
  width: 174%;
  height: 165%;
  background: url(../img/arenda/оборудование_2-min.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.6);
  background-position: center;
}

.slider__img-mob {
  position: absolute;
  top: 50%;
  left: 56%;
  width: 187%;
  height: 174%;
  background: url(../img/arenda/Frame\ 2254.webp) center / cover no-repeat;
  transform: translate(-50%, -50%) scale(0.6);
  background-position: center;
}

.slider__card-two {
  width: 497px;
  height: 567px;
  position: relative;
  border-radius: 36px;
  background: #F8F9FB;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  left: 545px;
  flex-direction: column;
  top: -542px;
}

.slider__img-two {
  position: absolute;
  top: 51%;
  left: 51%;
  width: 174%;
  height: 177%;
  background: url(../img/arenda/оборудование_2-min.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.6);
  background-position: center;
}

.slider__card-three {
  width: 497px;
  height: 567px;
  position: relative;
  border-radius: 36px;
  background: #F8F9FB;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  left: 545px;
  flex-direction: column;
  top: -572px;
}

.slider__img-three {
  position: absolute;
  top: 51%;
  left: 51%;
  width: 174%;
  height: 169%;
  background: url(../img/arenda/оборудование_3-min.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.6);
  background-position: center;
}

.carousel-control-next-icon {
  background-image: url(../img/arenda/icon/next.svg) !important;
  width: 38px !important;
  height: 38px !important;
}

.carousel-control-next-icon:hover {
  background-image: url(../img/arenda/icon/hover-next.svg) !important;
}

.carousel-control-prev-icon:hover {
  background-image: url(../img/arenda/icon/hover-pev.svg) !important;
}

.carousel-control-prev-icon {
  background-image: url(../img/arenda/icon/pev.svg) !important;
  width: 38px !important;
  height: 38px !important;
}

.carousel-control-next,
.carousel-control-prev {
  top: 0 !important;
  opacity: 12.5 !important;
  z-index: 1;
  /* ниже, чем содержимое слайдов */
  pointer-events: none;
  /* не перехватывают клики */
}

.carousel-item .slide {
  position: relative;
  z-index: 10;
}

.carousel-control-prev span,
.carousel-control-next span {
  pointer-events: auto;
  /* иконки остаются кликабельными */
}

.carousel-control-prev {
  left: 972px;
}

.carousel-control-next {
  left: 0 !important;
}

.legal {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding: 0 0 109px 0px;
}

.legal .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
}

.legal .inspection__info {
  display: flex;
  flex-direction: row;
  gap: 20px;
  flex: 1;
}

.legal .inspection__info .info__card {
  padding: 36px;
  gap: 20px;
  isolation: isolate;
  width: 1117px;
  height: auto;
  border-radius: 36px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  position: absolute;
}

.legal-title {
  color: #464B55;
  /* Head/Head-16-SemiBold */
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.legal .inspection__info .info__card img {
  width: 48px;
  height: 48px;
}

.legal .inspection__info .info__text {
  margin-left: -3px;
  margin-top: 6px;
}

.legal .inspection__info .info__text-two {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-left: -3px;
  margin-top: 9px;
}

.legal .advantage-item:before {
  content: " ";
  color: #464B55;
  font-size: 14px;
}

.legal .advantage-item {
  padding-left: 0;
  font-size: 14px;
}

.legal .advantages-list {
  padding-left: 0px;
}

.legal__card {
  width: 298px;
  height: 414px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.623);
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  left: 672px;
  flex-direction: column;
  top: 30px;
  z-index: 1;
}

.legal__img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 118%;
  height: 126%;
  background: url("../img/arenda/list.webp") center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.8);
  background-position: center;
  border-radius: 44px;
}

.legal__card-two {
  width: 358px;
  height: 379px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  left: 410px;
  flex-direction: column;
  top: 52px;
}

.legal__img-two {
  position: absolute;
  top: 50%;
  left: 64%;
  width: 92%;
  height: 120%;
  background: url("../img/arenda/list2.webp") center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.8);
  background-position: center;
  border-radius: 44px;
}

.result {
  display: flex;
  justify-content: center;
}

.result .container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 10px 60px;
}

.result .inspection__info {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  justify-content: center;
}

.result .advantages {
  margin-left: 270px;
}

.result .advantages-list {
  padding-left: 25px;
}

.result .advantage-item:before {
  content: " ";
}

.result .advantage-item {
  display: flex;
  gap: 4px;
}

.result .inspection__info .info__card {
  width: 1118px;
  height: 439px;
  padding: 33px;
  gap: 15px;
}

.result .inspection__info .info__card .icon__link-tab {
  margin-left: auto;
  align-self: flex-end;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.icon-link .blue-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.icon-link .blue-text img,
.icon-link img {
  flex-shrink: 0;
  width: 16px;
  height: 14px;
  max-width: none;
  margin: 0;
  vertical-align: middle;
}

.result .inspection__info .info__card p {
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  color: #464B55;
}

.result .inspection__info .info__card .availability {
  width: 255px;
  border-radius: 12px;
  margin-left: 321px;
}

.result__card {
  width: 296px;
  height: 371px;
  position: absolute;
  border-radius: 36px;
  border: 1px solid var(--dark-dark-20, #DADBDD);
  background: #FFF;
  overflow: hidden;
  display: flex;
  margin-left: 33px;
  margin-top: 36px;
  align-items: center;
  justify-content: flex-start;
  object-fit: contain;
  flex-direction: column;
}

.result__card-slk {
  width: 296px;
  height: 371px;
  position: absolute;
  border-radius: 36px;
  border: 1px solid var(--dark-dark-20, #DADBDD);
  background: #FFF;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  object-fit: contain;
  flex-direction: column;
}

.result__card-uvel {
  width: 296px;
  height: 371px;
  position: absolute;
  border-radius: 36px;
  border: 1px solid var(--dark-dark-20, #DADBDD);
  background: #FFF;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  object-fit: contain;
  flex-direction: column;
}

.result__imge {
  position: absolute;
  top: 51%;
  left: 51%;
  width: 193%;
  height: 169%;
  background: url(../img/cases/dns.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.4);
  background-position: center;
}

.result__imge-uvel {
  position: absolute;
  top: 51%;
  left: 51%;
  width: 174%;
  height: 169%;
  background: url(../img/cases/uvelka.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.4);
  background-position: center;
}

.result__imge-slk {
  position: absolute;
  top: 51%;
  left: 51%;
  width: 174%;
  height: 169%;
  background: url(../img/cases/slk.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.4);
  background-position: center;
}

.result .info__card .legal-title {
  color: #464B55;
  font-family: "Onest";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  margin-left: 321px;
}

.result .info__card .legal-text {
  color: #464B55;
  font-family: "Onest";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
  margin-left: 321px;
  margin-top: -67px;
}

.card__row {
  display: flex;
  gap: 30px;
  justify-content: flex-end;
  flex-direction: row-reverse;
}

.results-section {
  padding: 60px 0;
}

.more .results-section {
  padding: 60px 0;
}

.results-grid {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin-top: 24px;
}

.results-column {
  flex: 1;
}

.more .results-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  justify-content: center;
  margin-top: 24px;
  align-items: stretch;
}

.more .results-column {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: none;
  min-height: 415px;
  height: auto;
  border-radius: 36px;
  border: 1px solid var(--dark-dark-20, #DADBDD);
  background: var(--dark-dark-2, #FBFBFC);
  padding: 24px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.more .more__title,
.more .results-column h1,
.more .results-column h2 {
  color: #464B55;
  font-family: "Onest";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.35;
  width: 100%;
  max-width: none;
  margin: 0;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
}

.more .more__link,
.more .icon__link-tab,
.more .icon__link-tabs,
.more .icon__link-tabst,
.more .icon__link-tabslk {
  margin: 16px 0 0 auto;
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 1;
  float: none;
  align-self: flex-end;
  text-decoration: none;
}

.more__card,
.more__cards {
  width: 100%;
  max-width: none;
  height: 220px;
  flex: 0 0 220px;
  position: relative;
  border-radius: 24px;
  border: 1px solid var(--dark-dark-20, #DADBDD);
  background: #FFF;
  overflow: hidden;
  display: block;
  margin: 0 0 16px;
}

.more__img,
.more__imge,
.more__imgs {
  position: absolute;
  inset: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: none;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.more__img {
  background-image: url(../img/cases/uvelka.webp);
}

.more__imge {
  background-image: url(../img/cases/dns.webp);
}

.more__imgs {
  background-image: url(../img/cases/slk.webp);
}

.column-title {
  color: var(--feedback-error-100, #F32981);
  /* Head/Head-20-SemiBold */
  font-family: "Onest";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

.results-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.result-item {
  margin-bottom: 15px;
  padding: 24px;
  position: relative;
  height: 112px;
  display: flex;
  border-radius: 16px;
  background: var(--feedback-error-5, rgba(243, 41, 129, 0.05));
}

.result-item img {
  width: 24px;
  height: 24px;
}

.green {
  background: var(--feedback-success-5, rgba(25, 206, 32, 0.05));
}

.gre {
  color: var(--feedback-success-100, #19CE20);
}

@media (max-width: 768px) {
  .results-grid {
    flex-direction: column;
  }

  .results-column {
    max-width: 100%;
  }
}

.cards {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.card-dns {
  background: #2979ff !important;
  color: white !important;
  padding: 24px;
  border-radius: 36px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  width: auto;
  height: 144px;
}

.result-item {
  color: var(--dark-dark-100, #464B55);
  /* Body/Body-16-Regular */
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.small {
  width: 170px;
}

.small-two {
  width: 162px;
  margin-top: -153px;
  margin-left: 181px;
}

.compani {
  display: flex;
  justify-content: center;
  padding: 0 0 60px;
}

.compani .container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 20px;
  isolation: isolate;
  height: auto;
  width: 1116px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.compani .tell__step {
  text-align: left;
  width: 200px;
  height: auto;
  position: relative;
}

.compani .tell-card {
  /* Frame 2238 */
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 15px;
  width: 1068px;
  height: auto;
}

.compani .tell-card-tw {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 1068px;
  height: 219px;
}

.compani .comment-titles {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #464B55 !important;
  margin-left: 48px;
  font-family: "Onest";
  margin-top: 0;
}

.compani .tell-card-three {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 1068px;
  height: auto;
  margin-top: 0;
  position: relative;
}

.compani .com-desc {
  margin-top: 0;
  margin-left: 48px;
}

.compani .tell__step .tell-card .dashed-line {
  position: absolute;
  top: 109px;
  left: -58px;
  width: 154px;
  height: 1px;
  border-top: 2px dashed #2d74ff;
  z-index: -1;
  transform: rotate(90deg);
}

.compani .tell__step .tell-card-tw .dashed-line-two {
  position: absolute;
  top: 370px;
  left: -124px;
  width: 290px;
  height: 1px;
  border-top: 2px dashed #2d74ff;
  z-index: -1;
  transform: rotate(90deg);
}

.compani .tell__step .tell-card .dashed-line-two {
  position: absolute;
  top: 346px;
  left: -125px;
  width: 290px;
  height: 1px;
  border-top: 2px dashed #2d74ff;
  z-index: -1;
  transform: rotate(90deg);
}

.vacancy__comp {
  display: flex;
  justify-content: center;
}

.vacancy__comp .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 10px 60px !important;
}

.vacancy__comp .vacancy__info {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.vacancy__comp .vacancy__info-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 20px;
  width: 1120px;
  height: 373px;
  background: white;
  border: 1px solid var(--dark-dark-20, #DADBDD);
  border-radius: 36px;
}

.vacancy__comp .mt {
  margin-top: 9px !important;
}

.vacancy__info-card h2 {
  color: #464B55;
  font-family: "Onest";
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
}

.vacancy__comp .problem__info-text {
  color: #464B55;
  /* Body/Body-16-Regular */
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  width: 624px;
  height: 240px;
}

.vacancy__comp .btn {
  padding: 12px 24px 12px 24px;
  border-radius: 12px;
  width: 158px;
  height: 48px;
  margin-top: 0;
}

.vacancy__comp .btn-text {
  display: flex;
  justify-content: center;
  font-size: 16px;
}

.vacansy__comp__card {
  width: 402px;
  height: 294px;
  position: absolute;
  border-radius: 36px;
  background: #FFF;
  overflow: hidden;
  display: flex;
  margin-left: 645px;
  margin-top: 0;
  align-items: center;
  justify-content: flex-start;
  object-fit: contain;
  flex-direction: column;
}

.vacansy__comp__card-w {
  width: 402px;
  height: 298px;
  position: absolute;
  border-radius: 36px;
  background: #FFF;
  overflow: hidden;
  display: flex;
  margin-left: 644px;
  margin-top: 0;
  align-items: center;
  justify-content: flex-start;
  object-fit: contain;
  flex-direction: column;
}

.vacansy__comp__card-meh {
  width: 402px;
  height: 298px;
  position: absolute;
  border-radius: 36px;
  background: #FFF;
  overflow: hidden;
  display: flex;
  margin-left: 644px;
  margin-top: 0;
  align-items: center;
  justify-content: flex-start;
  object-fit: contain;
  flex-direction: column;
}

.vacansy__comp__img {
  position: absolute;
  top: 39%;
  left: 51%;
  width: 193%;
  height: 169%;
  background: url(../img/vacancy/doctor.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.8);
  background-position: center;
}

.vacansy__comp__img-w {
  position: absolute;
  top: 18%;
  left: 83%;
  width: 207%;
  height: 207%;
  background: url(../img/vacancy/vakan.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.8);
  background-position: center;
}

.vacansy__comp__img-meh {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 207%;
  height: 207%;
  background: url(../img/vacancy/mehanik.webp) center/cover no-repeat;
  transform: translate(-50%, -50%) scale(0.5);
  background-position: center;
}

.modal-header {
  border-bottom: none !important;
  padding: 0 !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
}

.modal-header .btn-close {
  margin: 0 !important;
}

.modal-content {
  border-radius: var(--radius-main, 36px) !important;
  border: 1px solid var(--dark-dark-20, #DADBDD) !important;
  background: #FFF;
  /* pop up shadow */
  box-shadow: 0px 0px 20px 0px rgba(70, 75, 85, 0.2);
  padding: 36px !important;
  width: 100% !important;
}

.modal-body {
  padding: 16px 0 0 0 !important;
  color: #464B55;
  /* Body/Body-16-Regular */
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
}

.modal-title {
  color: #464B55;
  font-family: "Onest";
  font-style: normal;
  display: flex;
  font-size: 26px;
  font-style: normal;
  font-weight: 600;
}

.modal-title span {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #464B55;
  font-size: 14px;
  font-weight: 400;
}

.modal .modal-body .slide li::before {
  content: "•";
  color: #333;
  font-size: 16px;
  margin-left: -44px;
}

.modal .modal-body .slide li {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  padding-left: 25px;
  margin-top: 7px;
}

.modal .modal-body .slide .slider__card {
  width: 320px;
  height: 288px;
  position: absolute;
  top: 7px;
  left: 437px;
}

.modal .modal-body .slide .slider__card-two {
  width: 320px;
  height: 288px;
  position: absolute;
  top: 7px;
  left: 437px;
}

.modal .modal-body .slide .slider__card-three {
  width: 320px;
  height: 288px;
  position: absolute;
  top: 7px;
  left: 437px;
}

.modal .carousel-control-prev {
  left: 0 !important;
}

.modal .carousel-control-next {
  left: 0 !important;
}

.carousel-control-next,
.carousel-control-prev {
  position: relative !important;
  width: 6% !important;
}

.custom-close-btn {
  background-color: rgb(245, 246, 246) !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.btn-close {
  --bs-btn-close-focus-shadow: white !important;
}

.numder {
  display: flex;
  justify-content: center;
}

.numder .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 10px 60px;
}

.numder .container .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.display-4 {
  color: #296EFF;
  /* Head/Head-40-SemiBold */
  font-family: "Onest";
  font-size: 40px;
  font-style: normal;
  font-weight: 600;
}

.fs-6 {
  color: #464B55;
  /* Body/Body-16-Regular */
  font-family: "Onest";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
}

.docum {
  display: flex;
  justify-content: center;
  padding: 60px 0;
  position: relative;
}

.docum .container {
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 20px;
  isolation: isolate;
  height: 619px;
  width: 1125px;
  /* dark/dark-2 */
  background: #FBFBFC;
  /* dark/dark-10 */
  border: 1px solid #EDEDEE;
  border-radius: 36px;
  position: relative;
  overflow: hidden;
}

.docum .work-image {
  top: 44%;
  left: 65%;
  background: url("../img/about/line.webp") center/cover no-repeat;
  width: 366%;
  height: 150%;
  transform: translate(-50%, -50%) rotate(0deg) scale(0.2);
}

.docum .legal__card {
  left: 0;
  width: 247px;
  height: 357px;
  border: 1px solid var(--dark-dark-20, #DADBDD);
}

.docum .legal__card .legal__img {
  left: 51%;
  top: 50%;
  width: 145%;
  height: 140%;
  transform: translate(-50%, -50%) scale(0.7);
}

.docum .legal__card-two {
  left: 0;
  width: 247px;
  height: 357px;
  border: 1px solid var(--dark-dark-20, #DADBDD);
  top: 30px;
}

.docum .legal__card-two .legal__img {
  background: url("../img/about/doc-2.webp") center/cover no-repeat;
  left: 51%;
  top: 50%;
  width: 145%;
  height: 140%;
  transform: translate(-50%, -50%) scale(0.7);
}

.legal__card-three {
  width: 247px;
  height: 357px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.623);
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  flex-direction: column;
  top: 30px;
  border: 1px solid var(--dark-dark-20, #DADBDD);
}

.legal__card-three .legal__img {
  background: url("../img/about/doc-3.webp") center/cover no-repeat;
  left: 51%;
  top: 50%;
  width: 145%;
  height: 140%;
  transform: translate(-50%, -50%) scale(0.7);
}

.legal__card-four {
  width: 247px;
  height: 357px;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  /* Обрежет все, что выходит за границы */
  display: flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.623);
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  flex-direction: column;
  top: 30px;
  border: 1px solid var(--dark-dark-20, #DADBDD);
}

.legal__card-four .legal__img {
  background: url("../img/about/doc-4.webp") center/cover no-repeat;
  left: 51%;
  top: 50%;
  width: 145%;
  height: 140%;
  transform: translate(-50%, -50%) scale(0.7);
}

.docum__grd {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: -20px;
}

.docum__desc {
  color: #464B55;
  text-align: center;
  /* Head/Head-16-SemiBold */
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  margin-left: 68px;
  margin-bottom: 0;
}

.partner {
  display: flex;
  justify-content: center;
}

.partner .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 10px 60px;
}

.partner .container .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

.partner-item img {
  filter: grayscale(100%) brightness(1.4);
  opacity: 0.4;
}

@media (max-width: 500px) {
  .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }

  .bg-custom {
    display: none !important;
  }

  .bs-light-bg-subtle .container {
    display: none !important;
  }

  .navbar-nav .nav-item {
    display: none !important;
  }

  .navbar-nav .nav-item-phone img {
    display: none !important;
  }

  .navbar-nav .nav-item-phone {
    padding: 0;
  }

  .navbar-nav .nav-item-icon {
    display: none !important;
  }

  .navbar-nav .nav-item-icons {
    display: none !important;
  }

  .nav-link:focus {
    color: #296EFF !important;
    font-size: 16px;
  }

  .welcome {
    background-image: none;
    height: auto;
  }

  .welcome .container .welcome__text {
    display: none !important;
  }

  .work-medicina .work-medicina-img {
    display: none;
  }

  .work-medicina .d-block .work-medicina-img {
    display: inline-block;
    max-width: 100%;
    /* чтобы не вылазила из контейнера */
    height: auto;
  }

  .work-medicina .container {
    width: 336px;
  }

  .work-medicina {
    padding: 0 0 40px 0;
  }

  .customer .customer-img {
    display: none;
  }

  .customer .d-block .customer-img {
    display: inline-block;
    max-width: 100%;
    /* чтобы не вылазила из контейнера */
    height: auto;
  }

  .customer-desc {
    font-size: 14px !important;
  }

  .customer-grid {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .customer .container {
    width: 336px;
    gap: 12px !important;
    padding: 0 !important;
  }

  .management .container {
    width: 336px;
    gap: 12px !important;
    padding: 0 !important;
  }

  .management-grid {
    flex-direction: column !important;
  }

  .management-title h2 {
    font-size: 16px !important;
  }

  .customer {
    padding: 0 0 40px 0 !important;
  }

  .customer-info-card {
    border-radius: 24px !important;
    padding: 16px !important;
    gap: 16px !important;
  }



  .welcome .container .welcome__img {
    display: none !important;
  }

  .welcome .container .welcome__icon {
    display: none !important;
  }

  .welcome .container .d-block .welcome__icon {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    margin-left: 243px;
    margin-top: -513px;
    position: absolute;
    z-index: 10;
  }

  .welcome .container .d-block .welcome__icon img {
    width: 80px;
    height: 80px;
  }

  .welcome .container .d-block .welcome__card {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    height: 521px;
    width: 336px;
    position: relative;
    border-radius: 24px;
    background: #F8F9FB;
    overflow: hidden;
    padding-top: 0;
    object-fit: contain;
    flex-direction: column;
    z-index: 1;
  }

  .welcome .container .d-block .welcome__img {
    display: block !important;
    position: absolute;
    inset: 0;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background: url(../img/главная-моб.webp) center center / cover no-repeat;
    transform: none !important;
    background-position: center center;
    z-index: 0;
  }

  .welcome-tn .container .d-block .welcome__img {
    background: url(../img/car-mob.png) center center / cover no-repeat;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
  }

  .welcome-tn .container .d-block .welcome__subtittle .blue-text {
    font-size: 26px;
  }

  .welcome-tn .container .d-block .welcome__subtittle {
    margin-top: 0 !important;
  }

  .welcome-tn .container .d-block .welcome__block li {
    color: white;
  }

  .welcome-tn .container .d-block .welcome__block {
    height: auto !important;
    padding: 16px !important;
  }

  .welcome-tn .d-block .welcome__block .welcome__block-text-remont {
    margin-left: 0;
    padding: 0;
    font-size: 16px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }


  .welcome-invest .d-block .welcome__card .welcome__img {
    background: url(../img/mobil-ruki.png) center center / cover no-repeat;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin-top: 0 !important;
    transform: none !important;
  }

  .welcome-invest .d-block .welcome__subtittle {
    margin-top: 0 !important;
  }

  .welcome-invest .welcome__block .welcome__block-text-remont {
    font-size: 16px !important;
    padding: 8px 0 0 8px !important;
    margin-left: 0 !important;
  }

  .welcome-invest .d-block .welcome__block {
    height: auto !important;
    margin-top: 16px !important;
    position: relative !important;
    z-index: 1;
  }

  .text-dogovor {
    font-size: 14px !important;
  }

  .welcome .container .d-block .welcome__text {
    display: block !important;
    position: absolute;
    left: 8px;
    right: 8px;
    bottom: 16px;
    top: auto;
    z-index: 2;
    padding: 0;
    margin: 0;
  }

  .welcome .container .d-block .welcome__subtittle {
    margin-top: 0 !important;
    margin-bottom: 12px;
    font-size: 20px;
  }

  .welcome .container .d-block .welcome__subtittle img {
    width: 100px;
  }

  .d-block .welcome__text .btn-primary {
    display: flex;
    margin-top: 0;
    height: 48px;
    width: 100%;
    max-width: 321px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-atom, 12px);
    background: var(--blue-blue-100, #296EFF);
    --bs-btn-border-color: #296EFF;
    --bs-btn-active-border-color: #296EFF;
  }

  .d-block .welcome__text .btn {
    font-size: 16px;
  }

  .d-block .welcome__text .btn-primary:hover {
    background: rgba(41, 110, 255, 0.6) !important;
  }

  .welcome .container .d-block .welcome__block {
    width: 336px;
    background-image: none !important;
    border-radius: var(--radius-mobile, 24px);
    padding: 8px;
    display: block !important;
    margin-top: 12px;
    height: 106px;
  }

  .welcome .container .d-block .welcome__card-text {
    background: #6D7179;
    border-radius: 20px;
    display: flex;
    padding: 12px;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 200px;
    height: 41px;
    position: absolute;
  }

  .welcome .container .d-block .welcome__card-title {
    background: #6D7179;
    border-radius: 20px;
    display: flex;
    padding: 12px;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 109px;
    height: 41px;
    position: relative;
    left: 210px;
  }

  .welcome .container .d-block .welcome__card-desc {
    background: #6D7179;
    border-radius: 20px;
    display: flex;
    padding: 12px;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    width: 320px;
    height: 41px;
    margin-top: 8px;
  }

  .welcome .welcome__block {
    display: none !important;
  }

  .welcome .welcome__block--light {
    display: none !important;
  }

  .welcome .container .d-block .welcome__block--text {
    background: none !important;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
  }

  .welcome .container .d-block .welcome__block--title {
    background: none !important;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
  }

  .welcome .container .d-block .welcome__block--desc {
    background: none !important;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
  }

  .welcome .container .d-block .welcome__block--light {
    width: 336px;
    margin-top: 12px;
    height: auto;
    margin-left: 0;
    border-radius: var(--radius-mobile, 24px);
    display: block !important;
    padding: 12px;
  }

  .welcome .container .d-block .welcome__block--light ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .welcome .container .d-block .welcome__block--light li {
    padding-left: 15px;
  }

  .welcome .container .d-block .welcome__block--light img {
    display: none !important;
  }

  .welcome .container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    height: auto;
    width: 336px;
    padding: 0;
  }

  .welcome-chel .container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 336px;
    padding: 0;
    height: auto;
  }

  .welcome-chel {
    height: auto;
  }

  .welcome-chel .container .welcome__text {
    display: none !important;
  }

  .welcome-chel .container .welcome__img {
    display: none !important;
  }

  .welcome-chel .container .welcome__icon {
    display: none !important;
  }

  .welcome-chel .container .d-block .welcome__icon {
    display: flex !important;
    align-items: center;
    margin-left: 18px;
    margin-top: -551px;
    position: absolute;
    z-index: 10;
    width: 60px;
    height: 60px;
    border-radius: 12px;
  }

  .welcome-chel .container .d-block .welcome__icon img {
    width: 40px;
    height: 40px;
    margin-top: 0;
  }

  .reviews__header {
    width: 100%;
    align-items: start;
  }

  .welcome-chel .container .d-block .welcome__card {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    height: 560px;
    width: 336px;
    position: relative;
    border-radius: 24px;
    background: #F8F9FB;
    overflow: hidden;
    /* Обрежет все, что выходит за границы */
    padding-top: 30px;
    object-fit: contain;
    flex-direction: column;
    z-index: -1;
  }

  .welcome-chel .container .d-block .welcome__img {
    display: block !important;
    position: absolute;
    top: 105%;
    left: -77%;
    width: 216%;
    height: 201%;
    background: url(../img/ochnoe/people.webp) center/cover no-repeat;
    transform: translate(-50%, -50%) scale(0.9);
    background-position: center;
  }

  #videoDist {
    display: none;
  }

  .welcome-chel .container .d-block .welcome__text {
    display: block !important;
    position: absolute;
    padding: 0px 0px 0px 7px;
    width: 360px;
  }

  .welcome-chel .container .d-block .welcome__subtittle {
    margin-top: 325px;
    font-size: 20px;
    line-height: 150%;
  }

  .welcome-chel .container .d-block .welcome__subtittle img {
    width: 100px;
  }

  .welcome-chel .d-block .welcome__text .btn-primary {
    display: flex;
    margin-top: 20px;
    height: 48px;
    width: 315px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-atom, 12px);
    background: var(--blue-blue-100, #296EFF);
    --bs-btn-border-color: #296EFF;
    --bs-btn-active-border-color: #296EFF;
  }

  .welcome-chel .d-block .welcome__text .btn {
    font-size: 16px;
  }

  .welcome-chel .d-block .welcome__text .btn-primary:hover {
    background: rgba(41, 110, 255, 0.6) !important;
  }

  .welcome-chel .container .d-block .welcome__block {
    width: auto;
    margin-top: 19px;
    height: 127px;
    background-image: none !important;
    border-radius: var(--radius-mobile, 24px);
    padding: 8px;
    display: block !important;
  }

  .cooperation {
    padding: 0 0 40px;
  }

  .welcome-chel .container .d-block .welcome__card-text {
    background: #6D7179;
    padding: 12px;
    border-radius: 20px;
    width: 156px;
    height: 62px;
    position: relative;
  }

  .welcome-chel .container .d-block .welcome__card-title {
    background: #6D7179;
    padding: 12px;
    border-radius: 20px;
    width: 159px;
    height: 63px;
    position: relative;
    left: 161px;
    margin-top: -61px;
  }

  .welcomes__desc {
    display: flex;
    gap: 12px;
    align-items: center;
  }

  .welcome-chel .container .d-block .welcome__card-desc {
    background: #6D7179;
    padding: 8px 15px;
    border-radius: 20px;
    width: 318px;
    height: 41px;
    position: relative;
    margin-top: 5px;
  }

  .responsibility-items .responsibility-item {
    align-items: flex-start !important;
  }

  .welcome-chel .welcome__block {
    display: none !important;
  }

  .welcome-chel .welcome__block--light {
    display: none !important;
  }

  .welcome-chel .container .d-block .welcome__block--text {
    background: none !important;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    margin-left: 0;
    width: 117px;
    height: 41px;
  }

  .welcome-chel .container .d-block .welcome__block--title {
    background: none !important;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    margin-left: -68px;
    width: 148px;
    height: 21px;
  }

  .welcome-chel .container .d-block .welcome__block--desc {
    background: none !important;
    padding: 0;
    border-radius: 0;
    margin-top: -12px;
    margin-left: 0;
  }

  .welcome-chel .container .d-block .welcome__block--light {
    width: auto;
    margin-top: 20px;
    height: auto;
    margin-left: 0;
    border-radius: var(--radius-mobile, 24px);
    display: block !important;
    padding: 12px;
  }

  .welcome-chel .container .d-block .welcome__block--light ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .welcome-chel .container .d-block .welcome__block--light li {
    padding-left: 15px;
  }

  .welcome-chel .container .d-block .welcome__block--light img {
    display: none !important;
  }

  .header .container {
    width: 100%;
    padding: 0;
  }

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

  .navbar-nav .dropdown-divider {
    width: 100%;
    max-width: 100%;
  }

  .legal_entities_card {
    gap: 0;
  }

  .equipment {
    margin-top: 0;
    padding: 40px 0;
  }

  .equipment .container {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 336px;
    padding: 0;
  }

  .equipment__card {
    width: 336px;
    height: 160px;
    border-radius: 24px;
  }

  .equiment__imge {
    background: url(../img/оборудование-моб.webp) center/cover no-repeat;
    width: 113%;
    filter: none !important;
  }

  .equipment__title {
    border-radius: var(--radius-atom, 12px);
    background: var(--white-white-50, rgba(255, 255, 255, 0.5));
    width: auto;
    height: 64px;
    padding: 16px;
    margin-left: 5px;
    font-size: 26px;
  }

  .equipment__card h1 {
    font-size: 26px;
  }

  .equipment__grid {
    gap: 12px;
  }

  .info__card {
    width: 336px !important;
    padding: 16px !important;
    height: auto;
    border-radius: 24px;
    gap: 12px;
  }

  .icon-link {
    font-size: 16px;
  }

  .info__title {
    font-size: 20px;
  }

  .info__desc {
    font-size: 14px;
  }

  .icon__link-tab {
    margin-left: auto;
  }

  .info__card-little {
    width: 336px;
    padding: 16px;
    height: auto;
    border-radius: 24px;
    gap: 12px;
  }

  .reference .container {
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .reference__card {
    width: 336px;
    height: 160px;
    margin-left: 0;
    margin-top: 0;
    border-radius: 24px;
  }

  .reference__info {
    display: none !important;
  }

  .reference .container .d-block .reference__info {
    margin-top: 0;
    display: flex !important;
    flex-direction: column;
    gap: 12px;
  }

  .reference__imge {
    background: url(../img/медосмотры-моб.webp) center/cover no-repeat;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.9);
    width: 113%;
    filter: none !important;
    top: 46%;
    left: 49%;
  }

  .reference__card {
    display: none;
  }

  .reference .d-block .reference__card {
    display: block !important;
  }

  .reference__title {
    border-radius: var(--radius-atom, 12px);
    background: var(--white-white-50, rgba(255, 255, 255, 0.5));
    width: 279px;
    height: 91px;
    padding: 16px;
    margin-left: 30px;
    font-size: 26px;
    text-align: center;
    margin-top: 17px;
  }

  .reference {
    padding: 0 0 40px;
  }

  .reference__card h1 {
    font-size: 26px;
    text-align: center;
  }

  .reference .d-block .reference__info .reference__info--card {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 16px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    width: 336px;
    height: auto;
    background: #FBFBFC;
    border: 1px solid #EDEDEE;
    border-radius: 24px;
    margin-top: -4px;
  }

  .reference .d-block .reference__info .reference__info--card-long {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 16px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    width: 336px;
    height: auto;
    background: #FBFBFC;
    border: 1px solid #EDEDEE;
    border-radius: 24px;
    margin-top: -4px;
  }

  .reference .d-block .reference__info .card--wide {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 16px;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    width: 336px;
    height: auto;
    background: #FBFBFC;
    border: 1px solid #EDEDEE;
    border-radius: 24px;
    margin-top: -4px;
  }

  .main {
    padding: 0 12px 0;
  }

  .reference .reference__info {
    display: none !important;
  }

  .reference .container .d-block .reference__info .reference__info--card .info__title {
    font-size: 19px;
  }

  .icon__link-ref {
    margin-left: auto;
    margin-top: 20px;
  }

  .vacancy {
    padding: 0 0 40px;
    margin-top: 0;
  }

  .vacancy .container {
    width: 336px;
    height: 407px;
    border-radius: 24px;
    padding: 16px;
  }

  .vacancy-image {
    transform: translate(-50%, -50%) scale(1.3);
  }

  .vacancy__card-img {
    width: 336px;
    height: 220px;
    margin-top: -40px;
    margin-left: -16px;
  }

  .vacancy__grid {
    gap: 0;
    width: 100%;
    max-width: 100%;
    display: block;
  }

  .vacancy-content {
    padding: 0;
    width: 100%;
  }

  .vacancy__tittle {
    font-size: 26px;
  }

  .vacancy__desc {
    font-size: 14px;
  }

  .vacancy .btn-small {
    margin-top: 16px;
    width: 302px;
  }

  .vacancy-tn .btn-small {
    margin-top: 0;
  }

  .cooperation .container {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 336px;
    padding: 0;
  }

  .cooperation__card {
    width: 336px;
    height: 160px;
    border-radius: 24px;
  }

  .cooperation__imge {
    background: url(../img/сотруднечество-моб.webp) center/cover no-repeat;
    width: 113%;
    height: 109%;
    filter: none !important;
  }

  .cooperation__title {
    border-radius: var(--radius-atom, 12px);
    background: var(--white-white-50, rgba(255, 255, 255, 0.5));
    width: auto;
    height: 64px;
    padding: 16px;
    margin-left: 5px;
    font-size: 26px;
  }

  .mobil_text {
    font-size: 26px !important;
  }

  .cooperation__card h1 {
    font-size: 26px;
  }

  .cooperation__grid {
    gap: 12px;
  }

  .cooperation__info {
    gap: 12px;
  }

  .cooperation__info .info__card {
    height: auto;
  }

  .cooperation__info .age {
    height: auto;
  }

  .cooperation__info .med {
    height: auto;
  }

  .footer .container {
    width: 336px;
    height: 1011.68px;
    padding: 16px;
    border-radius: 24px;
  }

  .footer .wide {
    height: auto;
  }

  .footer__grid {
    display: flex;
  }

  .footer .footer__inner-list .inn {
    display: none !important;
  }

  .footer .d-block .footer__grid .footer__list-item {
    padding: 12px 54px 0px 0px;
  }

  .footer .d-block .hide {
    display: block !important;
  }

  .footer .hide {
    display: none;
  }

  .footer .d-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 0 !important;
  }

  .footer .desc {
    display: none;
  }

  .footer .d-block .desc {
    width: auto;
    font-size: 20px;
    padding: 28px 0;
    margin-left: -38px;
    font-family: "Onest";
    display: block;
    height: auto;
    text-align: center;
    margin-left: 10px;
    text-transform: none;
  }

  .work {
    padding: 40px 0;
    margin-top: 0;
  }

  .work .container {
    padding: 16px;
    width: 336px;
    height: 947px;
    border-radius: 24px;
  }

  .work__step-long {
    display: none;
  }

  .work-image {
    background: url(../img/mob.webp) center/cover no-repeat;
    z-index: -1;
    top: 31%;
    left: 46%;
    width: 185%;
    height: 38%;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.6);
  }

  .work .container .work-steps__des {
    display: none !important;
  }

  .work .container .d-block .work-steps__des {
    display: block !important;
  }

  .work .container .d-block .work-steps__des {
    font-size: 13px;
    color: #909399;
  }

  .work .container .title {
    font-size: 20px;
  }

  .work .container .work__step {
    display: none !important;
  }

  .work .container .d-block .work__step {
    display: flex !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    position: relative;
    flex-direction: column;
  }

  .work-tn .container .d-block .work__step {
    height: 100%;
  }

  .work-tn .container {
    height: auto;
  }

  .work-tn .work-image {
    background: url(../img/line.png) center / cover no-repeat;
    top: 27%;
    left: 53%;
    width: 478%;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.2);
  }

  .work .container .d-block .work__step .work-step .work-steps__desc {
    font-size: 14px !important;
    margin-left: 50px;
    margin-bottom: 0;
  }

  .work .container .d-block .work__step .work-step .work-step__title {
    margin-top: -48px;
    margin-left: 50px;
    padding: 6px 0 0 0;
    font-size: 16px;
  }

  .work .container .d-block .work-step {
    height: auto;
    width: 300px;
  }

  .work-chel {
    margin-top: 0;
    padding: 40px 0;
  }

  .work-chel .container {
    padding: 16px;
    width: 336px;
    height: auto;
    border-radius: 24px;
  }

  .work-chel .work-image {
    background: url(../img/mob.webp) center/cover no-repeat;
    z-index: -1;
    top: 39%;
    left: 46%;
    width: 185%;
    height: 42%;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.6);
  }

  .work-chel .container .work-steps__des {
    display: none !important;
  }

  .work-chel .container .d-block .work-steps__des {
    display: block !important;
  }

  .work-chel .container .d-block .work-steps__des {
    font-size: 13px;
    color: #909399;
  }

  .work-chel .container .title {
    font-size: 20px;
  }

  .work-chel .container .work__step {
    display: none !important;
  }

  .work-chel .container .d-block .work__step {
    display: flex !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    position: relative;
    flex-direction: column;
    height: auto;
  }

  .work-chel .container .d-block .work__step .work-step .work-steps__desc {
    font-size: 14px !important;
    margin-left: 50px;
    margin-bottom: 0;
  }

  .work-chel .container .d-block .work__step .work-step .work-step__title {
    margin-top: -48px;
    margin-left: 50px;
    padding: 6px 0 0 0;
    font-size: 16px;
  }

  .work-chel .container .d-block .work-step {
    height: auto;
    width: 306px;
  }

  .text-truncate {
    max-width: 270px;
    /* или любая другая подходящая ширина */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .text-truncate-cases {
    max-width: 200px;
    /* или любая другая подходящая ширина */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .inspection .container {
    align-items: center;
    width: 336px;
    padding: 0;
  }

  .inspection__card {
    display: none !important;
  }

  .title {
    font-size: 20px;
  }

  .inspection__info .info__card {
    width: 336px !important;
    height: auto;
  }

  .inspection__info .info__card .info__title {
    font-size: 16px;
  }

  .inspection__info .info__card .info__desc {
    font-size: 14px;
  }

  .inspection__number {
    padding: 0px 0px 28px 0;
  }

  .info__text {
    margin-left: 54px;
  }

  .inspection__card {
    display: none !important;
  }

  .title {
    font-size: 20px;
  }

  .inspection-chel .inspection__info .info__card {
    width: 336px !important;
    height: auto;
    padding: 16px;
  }

  .inspection-chel .inspection__info .info__card {
    display: none;
  }

  .inspection-chel .inspection__grid .d-block .info__card {
    display: block !important;
  }

  .inspection-chel .inspection__grid .d-block {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
  }

  .none-mob {
    display: none;
  }

  .inspection-chel .container {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 336px;
  }

  .inspection-chel .inspection__info {
    flex-direction: column;
  }

  .inspection-chel .inspection__info .info__card .info__title {
    font-size: 16px;
  }

  .inspection-chel .inspection__info .info__card .info__desc {
    font-size: 14px;
  }

  .inspection-chel .inspection__number {
    padding: 0px 0px 28px 0;
  }

  .inspection-chel .inspection__info .info__text {
    margin-left: 54px;
    margin-top: -59px;
  }

  .equipment__benefits {
    display: none !important;
  }

  .equipment__dist {
    padding: 39px 0;
  }

  .equipment__dist .d-block .equipment__benefits {
    display: flex !important;
    flex-direction: column;
  }

  .equipment__dist .d-block .benefit {
    display: flex !important;
    align-items: flex-start;
    gap: 12px;
    flex-direction: column;
  }

  .equipment__dist .d-block .benefit__content {
    display: flex !important;
    flex-direction: column;
    gap: 8px;
  }

  .equipment__dist .work-steps__des {
    display: none !important;
  }

  .equipment__dist .d-block .work-steps__des {
    font-size: 14px !important;
    color: #909399;
    display: block !important;
  }

  .equipment__dist-catalog {
    display: none !important;
  }

  .equipment__dist .d-block .equipment__dist-catalog {
    display: block !important;
  }

  .equipment__dist .d-block .equipment__dist-catalog .catalog__info {
    width: 336px;
    left: 0;
    border-radius: 24px;
    top: -9px;
    height: 360px;
  }

  .equipment__dist .d-block .equipment__dist-catalog .catalog {
    margin-left: -98px;
    margin-top: 185px;
  }

  .equipment__dist .d-block .equipment__dist-catalog .catalog .catalog__item {
    border-radius: 20px;
    background: var(--white-white-100, #FFF);
  }

  .equipment__dist .d-block .equipment__dist-catalog .catalog p {
    color: #296EFF;
    /* Body/Body-14-Regular */
    font-family: "Onest";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
  }

  .equipment__dist .d-block .equipment__benefits .benefit .benefit__desc {
    text-align: left;
    font-size: 14px;
  }

  .equipment__dist .d-block .equipment__benefits .benefit .benefit__title {
    margin-top: -34px;
    margin-left: 34px;
  }

  .equipment__dist .d-block .equipment__benefits .btn {
    width: 336px;
  }

  .equipment__dist .container {
    width: 336px;
    padding: 0;
  }

  .modal-content {
    padding: 16px !important;
    border-radius: 24px !important;
  }

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

  .modal-body {
    font-size: 14px;
  }

  .modal-body .slide .d-block ul {
    display: flex !important;
    flex-direction: column;
    margin-top: 306px;
  }

  .slide .slider__card {
    display: none;
  }

  .slide ul {
    display: none;
  }

  .modal .modal-body .slide .d-block .slider__card {
    left: 0 !important;
    top: 85px !important;
    display: block !important;
    width: 302px;
  }

  .modal-content {
    width: 336px !important;
  }

  .modal .modal-body .slide .d-block ul {
    display: block !important;
  }

  .modal .carousel-control-prev {
    left: auto !important;
    top: 0 !important;
  }

  .modal .carousel-control-next {
    left: auto !important;
    top: 0 !important;
  }

  .modal.show .modal-dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .modal-body .carousel .row {
    margin-top: 20px;
  }

  .carousel-control-next,
  .carousel-control-prev {
    position: relative !important;
    width: 15% !important;
  }

  .equipment-btn-detail {
    margin-left: -30px;
  }

  .breadcrumb {
    margin-left: 0rem !important;
  }

  .result .breadcrumb {
    margin-bottom: 0 !important;
  }

  .gradient {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.7) 100%);
    position: absolute;
    display: block !important;
    top: 55%;
    left: -12%;
    width: 186%;
    height: 185%;
    filter: blur(70px);
  }

  .toggle-text {
    color: #296EFF;
    /* Head/Head-14-SemiBold */
    font-family: "Onest";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
  }

  .price {
    width: auto;
    height: auto;
  }

  .price p {
    margin-bottom: 0;
  }

  .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
  }

  .accordion-group.open .accordion-content {
    max-height: 1000px;
    /* любое большое значение */
  }

  .accordion-toggle {
    background: none;
    border: none;
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
    color: #000;
  }

  .accordion-toggle i {
    transition: transform 0.3s ease;
  }

  .accordion-group.open .accordion-toggle i {
    transform: rotate(180deg);
  }

  .dropdown-item {
    padding: 0 !important;
    display: block;
    color: #000;
    text-decoration: none;
  }

  .dropdown-item:hover {
    color: #1a73e8;
  }

  .dropdown-item a {
    gap: 20px;
  }

  .opros {
    margin-top: 588px;
    padding: 40px 20px;
  }

  .opros .container {
    width: 336px;
    border-radius: 24px;
    padding: 16px;
    height: auto;
  }

  .opros .container .opros-title {
    display: none !important;
  }

  .opros .container .opros__bonus {
    display: none !important;
  }

  .opros .container .d-block .opros-title {
    display: block !important;
  }

  .opros .container .d-block .opros__bonus {
    display: block !important;
  }

  .opros .container .d-block h2 {
    font-size: 19px;
  }

  .opros .d-block .opros__title {
    font-size: 14px;
  }

  .opros .d-block .opros__bonus {
    padding: 20px 0 0;
  }

  .opros .d-block .opros__bonus .form-check {
    width: auto;
    height: 71px;
  }

  .opros__bonus .no-hover {
    width: auto !important;
  }

  .opros .d-block .opros__bonus .btn {
    width: 304px !important;
    height: 44px !important;
    margin-top: 34px;
    border-radius: 12px;
  }

  .opros .d-block .opros__bonus .no-btn {
    width: 304px !important;
  }

  .opros .d-block .opros__btn {
    font-size: 16px;
  }

  .opros .d-block .opros__bonus .form-check .ms-1 {
    margin-left: 1px !important;
  }

  .responsibility .container {
    width: auto;
    height: auto;
    padding: 16px;
    border-radius: 24px;
  }

  .responsibility__tittle {
    text-align: left !important;
    font-size: 20px;
  }

  .justify-content-center {
    display: none !important;
  }

  .responsibility .d-block .responsibility-footer {
    text-align: left;
    display: block !important;
  }

  .responsibility-footer {
    display: none !important;
  }

  .faq__card {
    display: none !important;
  }

  .faq-content {
    padding: 16px;
    width: 336px;
    border-radius: 24px;
  }

  .faq .container {
    justify-content: center;
    width: 336px;
    padding: 0;
  }

  .faq-question {
    width: auto;
    padding: 16px;
  }

  .faq-item summary {
    font-size: 14px;
  }

  .faq {
    padding: 0 0 40px;
  }

  .comparison .container .comparison-grid {
    display: none !important;
  }

  .comparison .container .title {
    display: none !important;
  }

  .comparison .container .d-block .title {
    display: block !important;
    margin-left: 0;
    margin-top: -85px;
  }

  .comparison .container {
    width: 336px;
    height: auto;
    padding: 16px;
    border-radius: 24px;
  }

  .slide-content .criteria-item .comparison-item {
    padding: 0;
    border-bottom: none !important;
  }

  .slide-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .slide-content .criteria-item .comparison-item p {
    color: #464B55;
    /* Body/Body-14-Regular */
    font-family: "Onest";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
  }

  .slider-dots {
    text-align: center;
    margin-top: 15px;
    margin-top: -50px;
  }

  .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgb(237, 237, 238);
    margin: 0 5px;
    cursor: pointer;
  }

  .dot.active {
    width: 28px;
    height: 12px;
    border-radius: var(--radius-main, 36px);
    background: var(--dark-dark-40, #B5B7BB);
  }

  .comparison {
    padding: 86px 0px 0px 10px;
  }

  comparison-mobile {
    padding: 20px 0;
    font-family: Arial, sans-serif;
  }

  .mobile-comparison-slider {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 26px;
  }

  .comparison-slide {
    display: none;
  }

  .comparison-slide.active {
    display: block;
  }

  .slide-header {
    color: #464B55;
    margin-bottom: 15px;
    text-align: left;
    font-weight: 600;
    background: #EDEDEE;
    padding: 12px;
    border-radius: 16px;
  }

  .slide-header h3 {
    font-family: "Onest";
    font-style: normal;
    font-size: 16px;
    font-weight: 600;
  }

  .comparison-item img {
    margin-top: 0;
  }

  .criteria-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .criteria-item:last-child {
    border-bottom: none;
  }

  .criteria-item h4 {
    color: #464B55;
    /* Head/Head-14-SemiBold */
    font-family: "Onest";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
  }

  .criteria-item p {
    color: #666;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
  }

  .reviews-slider {
    width: 336px;
  }

  .review {
    width: 336px;
    border-radius: 24px;
    padding: 16px;
  }

  .reviews .container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .reviews .d-block .slider-dots {
    margin-top: 0;
  }

  .eka {
    height: 285px !important;
  }

  .request .container {
    height: auto;
    width: 100%;
    max-width: 100%;
    padding: 16px;
    border-radius: 24px;
  }

  .request {
    padding: 40px 0 40px;
  }

  .request .container .row {
    padding: 0 !important;
    width: 100%;
    max-width: 100%;
  }

  .row .request__card {
    display: none !important;
  }

  .request__tittle {
    font-size: 20px;
    padding: 0;
    width: 100%;
  }

  .col-md-3 .form-label {
    margin-left: 0;
  }

  .col-md-3 .form-control {
    margin-left: 0;
  }

  .col-12 .form-control {
    width: 100%;
    max-width: 100%;
  }

  .col-12 .btn {
    width: 100%;
    max-width: 100%;
  }

  .request .d-block .col-12 .form-check {
    display: block !important;
  }

  .request .d-block .col-12 .form-check .form-check-label {
    font-size: 10px;
    line-height: 160%;
  }

  .col-12 .form-check {
    display: none;
  }

  .col-md-3 .invalid-feedback {
    margin-left: 0;
  }

  .three {
    width: 74px !important;
  }

  .option-number {
    width: 56px;
  }

  .cooperation-options .container {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 336px;
  }

  .cooperation-options {
    padding: 40px 0;
  }

  .cooperation-options .advantage-item {
    padding-left: 20px;
  }

  .cooperation-options .title {
    display: none;
  }

  .cooperation-options .d-block .title {
    display: block !important;
    font-size: 18px;
  }

  .cooperation-station .title {
    display: none;
  }

  .cooperation-station .d-block .title {
    display: block !important;
    font-size: 20px;
  }

  .option-card {
    width: 336px;
    padding: 16px;
    height: auto;
    border-radius: 24px;
  }

  .option {
    flex-direction: column;
  }

  .option-title-one {
    font-size: 16px;
    padding: 8px;
    width: 305px;
    height: auto;
  }

  .option-title {
    font-size: 16px;
    padding: 8px;
    width: 305px;
    height: auto;
    margin-top: 0;
  }

  .advantages-list {
    padding-left: 0px;
  }

  .advantages-list .advantage-item {
    display: none;
  }

  .advantages-list .d-block .advantage-item {
    display: flex !important;
  }

  .option-description {
    font-family: "Onest";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #464B55;
  }

  .advantages {
    font-family: "Onest";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #464B55;
  }

  .option-card-long {
    width: 336px;
    padding: 16px;
    height: auto;
    border-radius: 24px;
  }

  .option-title-three {
    padding: 8px;
    width: auto;
    height: auto;
    margin-top: 0;
    font-size: 16px;
  }

  .highlighted-text {
    width: auto;
    height: auto;
    font-size: 16px;
  }

  .opros-ochnoe .container {
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    width: 336px;
    background: #FFFFFF;
    border: 1px solid #296EFF;
    border-radius: 24px;
    padding: 16px;
  }

  .opros__btn {
    font-size: 16px;
  }

  .opros-ochnoe .opros-title {
    font-family: "Onest";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #464B55;
    width: 100%;
  }

  .opros__title {
    font-family: "Onest";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #464B55;
  }

  .opros-ochnoe .opros__bonus .btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    gap: 10px;
    width: 302px !important;
    height: 48px !important;
    background: #296EFF !important;
    border-radius: 12px;
    margin-top: 110px;
  }

  .opros__card {
    display: none !important;
  }

  .responsibility .container {
    width: 336px;
    height: auto;
    padding: 16px;
    border-radius: 24px;
  }

  .responsibility {
    padding: 40px 0 40px;
  }

  .problem-chel .container {
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    width: 336px;
    padding: 0;
  }

  .work-steps__des {
    font-size: 14px;
  }

  .problem__info-card {
    padding: 16px;
    height: auto;
    width: 336px;
    border-radius: 24px;
  }

  .problem__info-text {
    width: 296.67px;
    height: auto;
    margin-bottom: 0;
    font-family: "Onest";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #464B55;
  }

  .problem__info {
    flex-direction: column;
  }

  .tell .container {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    gap: 20px;
    isolation: isolate;
    height: auto;
    width: 336px;
    background: #FBFBFC;
    border: 1px solid #EDEDEE;
    border-radius: 24px;
    position: relative;
    overflow: hidden;
  }

  .tell .work-steps__des {
    display: none;
  }

  .tell .d-block .work-steps__des {
    display: block !important;
  }

  .tell {
    padding: 40px 0;
  }

  .tell__step {
    text-align: left;
    width: 201px;
    height: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  .tell .work-step__number-four {
    margin-top: 0;
  }

  .tell-card {
    display: flex;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
    width: 304px;
    height: auto;
    flex-direction: column;
  }

  .tell-title {
    font-size: 16px;
    margin-top: 48px;
    margin-left: 0;
  }

  .tell-card-three {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 20px;
    width: 304px;
    height: auto;
    margin-top: 0;
    position: relative;
  }

  .tell .tell-comment {
    font-size: 14px;
    margin-left: 0;
  }

  .tell-statement {
    display: none !important;
  }

  .tell__step .d-block .tell-statement {
    display: block !important;
  }

  .comment-title {
    display: flex;
    gap: 8px;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #464B55 !important;
  }

  .tell-title-four {
    font-size: 16px;
    margin-top: 48px;
    margin-left: 0;
  }

  .tell-comment-four {
    font-size: 14px;
    margin-left: 0;
  }

  .tell-image {
    background: url(../img/ochnoe/mob.webp) center/cover no-repeat;
    z-index: -1;
    top: 6%;
    left: 46%;
    width: 219%;
    height: 29%;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.5);
  }

  .welcome-cti .container .welcome__text {
    display: none !important;
  }

  .welcome-cti .container .welcome__img {
    display: none !important;
  }

  .welcome-cti .container .welcome-cti__img {
    display: none !important;
  }

  .welcome-cti .container {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    width: 336px;
    padding: 0;
  }

  .welcome-cti .container .d-block .welcome-card {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    height: 560px;
    width: 336px !important;
    position: relative;
    border-radius: 24px;
    background: #F8F9FB;
    overflow: hidden;
    /* Обрежет все, что выходит за границы */
    padding-top: 30px;
    object-fit: contain;
    flex-direction: column;
    z-index: -1;
    left: 0;
    top: 0;
  }

  .welcome-cti .container .d-block .welcome-card__img {
    display: block !important;
    position: absolute;
    top: 36%;
    left: 59%;
    width: 216%;
    height: 217%;
    background: url(../img/hti/colb.webp) center/cover no-repeat;
    transform: translate(-50%, -50%) scale(0.6);
    background-position: center;
  }

  .welcome-cti .container .d-block .welcome-card .gradient {
    top: 65%;
    height: 38%;
  }

  .welcome-cti .container .welcome__text {
    display: none !important;
  }

  .welcome-cti .container .welcome-card {
    display: none !important;
  }

  .welcome-cti .container .d-block .welcome__text {
    display: block !important;
    position: absolute;
    padding: 0px 0px 0px 7px;
  }

  .welcome-cti .container .d-block .welcome__subtittle {
    margin-top: 230px;
    font-size: 20px;
  }

  .welcome-cti .container .d-block .welcome__subtittle img {
    width: 100px;
  }

  .welcome-cti .d-block .welcome__text .btn-primary {
    display: flex;
    margin-top: 20px;
    height: 48px;
    width: 321px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-atom, 12px);
    background: var(--blue-blue-100, #296EFF);
    --bs-btn-border-color: #296EFF;
    --bs-btn-active-border-color: #296EFF;
  }

  .welcome-cti .d-block .welcome__text .btn {
    font-size: 20px;
  }

  .welcome-cti .d-block .welcome__text .btn-primary:hover {
    background: rgba(41, 110, 255, 0.6) !important;
  }

  .welcome-cti .container .d-block .welcome__block {
    width: auto;
    margin-top: 19px;
    height: 127px;
    background-image: none !important;
    border-radius: var(--radius-mobile, 24px);
    padding: 8px;
    display: block !important;
  }

  .welcome-cti .container .d-block .welcome__card-text {
    background: #6D7179;
    padding: 12px;
    border-radius: 20px;
    width: 140px;
    height: 62px;
    position: absolute;
  }

  .welcome-cti .container .d-block .welcome__card-title {
    background: #6D7179;
    padding: 12px;
    border-radius: 20px;
    width: 159px;
    height: 63px;
    position: absolute;
    left: 167px;
  }

  .welcome-cti .container .d-block .welcome__card-desc {
    background: #6D7179;
    padding: 8px 15px;
    border-radius: 20px;
    width: 305px;
    height: 41px;
    position: absolute;
    margin-top: 72px;
  }

  .work__cti {
    margin-top: 0;
    padding: 40px 0;
  }

  .work__cti .container {
    padding: 16px;
    width: auto;
    height: 692px;
    border-radius: 24px;
  }

  .work__cti .work-image {
    background: url(../img/mob.webp) center/cover no-repeat;
    z-index: -1;
    top: 38%;
    left: 46%;
    width: 185%;
    height: 38%;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.6);
  }

  .work__cti .container .work-steps__des {
    display: none !important;
  }

  .work__cti .container .d-block .work-steps__des {
    display: block !important;
  }

  .work__cti .container .d-block .work-steps__des {
    font-size: 13px;
    color: #909399;
  }

  .work__cti .container .title {
    font-size: 20px;
  }

  .work__cti .container .work__step {
    display: none !important;
  }

  .work__cti .container .d-block .work__step {
    display: flex !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    position: relative;
    flex-direction: column;
  }

  .work__cti .container .d-block .work__step .work-step .work-steps__desc {
    font-size: 14px !important;
    margin-left: 50px;
    margin-bottom: 0;
  }

  .work__cti .container .d-block .work__step .work-step .work-step__title {
    margin-top: -48px;
    margin-left: 50px;
    padding: 6px 0 0 0;
    font-size: 16px;
  }

  .work__cti .container .d-block .work-step {
    height: auto;
    width: 304px;
  }

  .need .tell__step {
    text-align: left;
    width: 336px;
    height: auto;
    position: relative;
    padding: 16px;
    border-radius: 24px;
    gap: 28px;
  }

  .need .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 40px 0;
    width: 336px;
  }

  .need .tell-card {
    display: flex;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 285px;
    height: 252px;
    flex-direction: column;
  }

  .need .long {
    height: 593px;
  }

  .tell-title {
    font-size: 16px;
    margin-top: 48px;
    margin-left: 0;
  }

  .need .tell-statement {
    display: block !important;
    margin-top: 75px;
    margin-left: -57px;
  }

  .need .tell-comment {
    margin-top: 0;
    margin-left: 0;
    font-size: 14px;
  }

  .prepare .inspection__info {
    display: none !important;
  }

  .prepare .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 336px;
    padding: 0;
  }

  .prepare .d-block .inspection__info {
    flex-direction: column;
    display: flex !important;
  }

  .prepare .d-block .inspection__info .info__card {
    padding: 16px;
    border-radius: 24px;
    height: auto;
    width: 336px !important;
  }

  .prepare .d-block .inspection__info .info__text {
    width: 295px;
  }

  .prepare .d-block .inspection__info .info__card .info__desc {
    font-size: 14px;
    width: 304px;
  }

  .prepare .d-block .inspection__number {
    padding: 0px;
  }

  .necessary .problem__grid {
    display: block;
  }

  .necessary .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 336px;
    padding: 0 0 40px;
  }

  .necessary .work-steps__des {
    display: none !important;
  }

  .necessary .d-block .work-steps__des {
    display: block !important;
  }

  .necessary .problem__info {
    flex-direction: column;
    height: 813px;
    width: 321px;
  }

  .necessary .problem__info-card {
    padding: 16px;
    border-radius: 24px;
  }

  .differences {
    padding: 40px 0;
    margin-top: 16px;
  }

  .differences .container {
    border-radius: 24px;
    padding: 16px;
    width: 336px;
    height: auto;
  }

  .differences .tell__step {
    margin-top: -17px;
    display: flex;
    gap: 24px;
    flex-direction: column;
  }

  .differences .work-steps__des {
    display: none !important;
  }

  .differences .d-block .work-steps__des {
    display: block !important;
  }

  .differences-tn .d-block .work-steps__des {
    font-size: 14px !important;
  }

  .differences-tn .container {
    gap: 16px;
  }

  .differences .tell-statement {
    display: block !important;
  }

  .differences-tn .tell-statement {
    display: flex !important;
  }

  .differences .tell-title {
    font-size: 14px;
    margin-top: 0;
    margin-left: 52px;
    width: 260px;
  }

  .differences-tn .tell-title {
    margin-left: 0;
    ;
  }

  .differences-tn {
    margin-top: 0;
    padding: 40px 0 40px 0;
  }

  .differences-tn-two {
    margin-top: 0;
    padding: 40px 0 0 0;
  }

  .differences-tn-three {
    margin-top: 0;
    padding: 40px 0 0 0;
  }

  .reviews-tn {
    padding: 40px 0 0 0;
  }

  .differences-invest .tell-title {
    margin-left: 0 !important;
    width: auto !important;
  }

  .differences-invest .tell-statement {
    display: flex !important;
  }

  .differences-invest .tell-title {
    font-size: 16px !important;
  }

  .differences-invest .work-step__title {
    font-size: 16px !important;
  }

  .differences-tn .work-step__title {
    font-size: 16px !important;
  }


  .differences .tell-card {
    height: auto;
    justify-content: flex-start;
  }

  .line {
    margin-top: -13px;
  }

  .vaccination {
    padding: 0px 0px 40px 0px;
  }

  .vaccination .container {
    width: 336px;
    padding: 0;
  }

  .vaccination .problem__info-card {
    width: auto;
    padding: 16px;
    border-radius: 24px;
    height: auto;
  }

  .differences .tell-image {
    background: url(../img/ochnoe/mob.webp) center/cover no-repeat;
    z-index: -1;
    top: 11%;
    left: 46%;
    width: 185%;
    height: 42%;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.6);
  }

  .welcome-coop .container .welcome__text {
    display: none !important;
  }

  .welcome-coop .container .welcome__img {
    display: none !important;
  }

  .welcome-coop .container .welcome__icon {
    display: none !important;
  }

  .welcome-coop .container .d-block .welcome__icon {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    margin-left: 231px;
    margin-top: -551px;
    position: absolute;
    z-index: 10;
  }

  .welcome-coop .container .d-block .welcome__icon img {
    width: 80px;
    height: 80px;
  }

  .welcome-coop .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 336px;
    padding: 0;
  }

  .welcome-coop .container .d-block .welcome__card {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    height: 560px;
    position: relative;
    width: 336px;
    border-radius: 24px;
    background: #F8F9FB;
    overflow: hidden;
    /* Обрежет все, что выходит за границы */
    padding-top: 30px;
    object-fit: contain;
    flex-direction: column;
    z-index: -1;
  }

  .welcome-coop .container .d-block .welcome__img {
    display: block !important;
    position: absolute;
    top: 139%;
    left: -116%;
    width: 202%;
    height: 200%;
    background: url(../img/cooperation/медкомпания\ мобилка-min.webp) center/cover no-repeat;
    transform: translate(-50%, -50%) scale(0.5);
    background-position: center;
  }

  .welcome-coop .container .d-block .gradient {
    filter: blur(82px);
    top: 49%;
  }

  .welcome-coop .container .d-block .welcome__text {
    display: block !important;
    position: absolute;
    padding: 0px 0px 0px 7px;
  }

  .welcome-coop .container .d-block .welcome__subtittle {
    margin-top: 382px;
    font-size: 20px;
  }

  .welcome-coop .container .d-block .welcome__subtittle img {
    width: 100px;
  }

  .welcome-coop .d-block .welcome__text .btn-primary {
    display: flex;
    height: 48px;
    width: 272px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-atom, 12px);
    background: var(--blue-blue-100, #296EFF);
    --bs-btn-border-color: #296EFF;
    --bs-btn-active-border-color: #296EFF;
  }

  .welcome-coop .d-block .welcome__text .btn {
    font-size: 20px;
    width: 318px;
  }

  .welcome-coop .d-block .welcome__text .btn-primary:hover {
    background: rgba(41, 110, 255, 0.6) !important;
  }

  .welcome-coop .container .d-block .welcome__block {
    width: 336px;
    margin-top: 19px;
    height: auto;
    background-image: none !important;
    border-radius: var(--radius-mobile, 24px);
    padding: 16px;
    display: block !important;
  }

  .welcome-coop .container .d-block .welcome__card-text {
    background: #6D7179;
    padding: 8px 15px;
    border-radius: 20px;
    width: 200px;
    height: 41px;
    position: absolute;
  }

  .welcome-coop .container .d-block .welcome__card-title {
    background: #6D7179;
    padding: 8px 15px;
    border-radius: 20px;
    width: 97px;
    height: 41px;
    position: absolute;
    left: 226px;
  }

  .welcome-coop .container .d-block .welcome__card-desc {
    background: #6D7179;
    padding: 8px 15px;
    border-radius: 20px;
    width: 305px;
    height: 41px;
    position: absolute;
    margin-top: 48px;
  }

  .welcome-coop .welcome__block {
    display: none !important;
  }

  .welcome-coop .welcome__block--light {
    display: none !important;
  }

  .welcome-coop .container .d-block .welcome__block-text {
    margin-left: 0;
    padding: 0;
    font-size: 14px;
    margin-bottom: 0;
  }

  .welcome-coop .container .d-block .welcome__block--title {
    background: none !important;
    padding: 0;
    border-radius: 0;
    margin-top: -12px;
    margin-left: 0;
  }

  .welcome-coop .container .d-block .welcome__block--desc {
    background: none !important;
    padding: 0;
    border-radius: 0;
    margin-top: -12px;
    margin-left: 0;
  }

  .work-coop .container {
    padding: 16px;
    width: 336px;
    height: auto;
    border-radius: 24px;
  }

  .work-coop {
    margin-top: 0;
    padding: 40px 0;
  }

  .work-coop .work-image {
    background: url(../img/mob.webp) center/cover no-repeat;
    z-index: -1;
    top: 38%;
    left: 46%;
    width: 185%;
    height: 38%;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.6);
  }

  .work-coop .container .work-steps__des {
    display: none !important;
  }

  .work-coop .container .d-block .work-steps__des {
    display: block !important;
  }

  .work-coop .container .d-block .work-steps__des {
    font-size: 13px;
    color: #909399;
    margin-bottom: 0;
  }

  .work-coop .container .title {
    font-size: 20px;
  }

  .work-coop .container .work__step {
    display: none !important;
  }

  .work-coop .container .d-block .work__step {
    display: flex !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    position: relative;
    flex-direction: column;
    height: 485px;
  }

  .work-coop .container .d-block .work__step .work-step .work-steps__desc {
    font-size: 14px !important;
    margin-left: 50px;
    margin-bottom: 0;
  }

  .work-coop .container .d-block .work__step .work-step .work-step__title {
    margin-top: -48px;
    margin-left: 50px;
    padding: 6px 0 0 0;
    font-size: 16px;
  }

  .work-coop .container .d-block .work-step {
    height: auto;
    width: 304px;
  }

  .automation .problem__info {
    display: flex;
    height: auto;
  }

  .automation .title {
    display: none;
  }

  .automation .d-block .title {
    display: block !important;
  }

  .automation .problem__info-card {
    display: flex;
    padding: 16px;
    border-radius: 24px;
    width: auto;
    flex: none;
    height: auto;
  }

  .automation .long {
    height: 166px;
    flex: none;
  }

  .automation .med {
    height: 219px;
  }

  .icons-chek {
    width: 60px !important;
  }

  .opros-agents .opros__bonus .no-btn {
    margin-top: 0 !important;
  }

  .equest__tittle {
    font-size: 20px !important;
  }

  .thanks__ikons svg {
    width: 80px !important;
    height: 80px !important;
  }

  .opros-coop .container {
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: flex-start;
    height: auto;
    width: 336px;
    background: #FFFFFF;
    border: 1px solid #296EFF;
    border-radius: 24px;
    padding: 16px;
  }

  .opros-coop {
    padding: 40px 0;
  }

  .opros-coop .d-block .opros-title {
    font-size: 20px;
    padding: 0 !important;
    display: block !important;
    width: 304px;
  }

  .opros__title {
    font-family: "Onest";
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    color: #464B55;
  }

  .opros-coop .d-block .opros__bonus {
    display: block !important;
  }

  .opros-coop .d-block .opros__bonus .btn {
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    gap: 10px;
    width: 304px;
    height: 48px !important;
    background: #296EFF !important;
    border-radius: 12px;
    margin-top: 20px;
  }

  .opros-coop .d-block .opros__bonus .opros__btn {
    font-size: 16px;
  }

  .opros-coop .opros__bonus {
    padding: 0;
  }

  .opros__card {
    display: none !important;
  }

  .opros-coop .opros__bonus .form-check .ms-1 {
    margin-left: 1px !important;
  }

  .opros-coop .opros__bonus .form-check {
    width: auto;
    height: 71px;
  }

  .opros-coop .container .opros-title {
    display: none;
  }

  .opros-coop .container .opros__bonus {
    display: none;
  }

  .difference .problem__info-card {
    width: auto;
    height: 195px;
  }

  .difference .container {
    width: 336px;
    padding: 0 0 40px;
  }

  .problem__card-wide {
    display: flex;
    gap: 20px;
    margin-top: 0;
    margin-left: 0;
    flex-direction: column;
  }

  .difference .problem__info-card-long {
    width: 323px;
    height: 195px;
  }

  .problem__info-card-long {
    padding: 16px;
    border-radius: 24px;
  }

  .welcome-agents .container {
    height: 761px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 336px;
    padding: 0;
  }

  .welcome-agents {
    height: 815px;
  }

  .welcome-agents .container .welcome__text {
    display: none !important;
  }

  .welcome-agents .container .welcome__img {
    display: none !important;
  }

  .welcome-agents .container .d-block .welcome__icon img {
    width: 40px;
    height: 40px;
    margin-top: 0;
  }

  .welcome-agents .container .d-block .welcome__card {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    height: 560px;
    position: relative;
    border-radius: 24px;
    background: #F8F9FB;
    overflow: hidden;
    /* Обрежет все, что выходит за границы */
    padding-top: 30px;
    object-fit: contain;
    flex-direction: column;
    z-index: -1;
  }

  .welcome-agents .container .d-block .welcome__img {
    display: block !important;
    position: absolute;
    top: 140%;
    left: -120%;
    width: 217%;
    height: 201%;
    background: url(../img/cooperation/агенты\ мобилка-min.webp) center/cover no-repeat;
    transform: translate(-50%, -50%) scale(0.5);
    background-position: center;
  }

  .welcome-agents .container .d-block .gradient {
    top: 49%;
    filter: blur(60px);
  }

  .welcome-agents .container .d-block .welcome__text {
    display: block !important;
    position: absolute;
    padding: 0px 0px 0px 7px;
  }

  .welcome-agents .container .d-block .welcome__subtittle {
    margin-top: 407px;
    font-size: 20px;
  }

  .welcome-agents .container .d-block .welcome__subtittle img {
    width: 100px;
  }

  .welcome-agents .d-block .welcome__text .btn-primary {
    display: flex;
    height: 48px;
    width: 320px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-atom, 12px);
    background: var(--blue-blue-100, #296EFF);
    --bs-btn-border-color: #296EFF;
    --bs-btn-active-border-color: #296EFF;
  }

  .welcome-agents .d-block .welcome__text .btn {
    font-size: 16px;
  }

  .welcome-agents .d-block .welcome__text .btn-primary:hover {
    background: rgba(41, 110, 255, 0.6) !important;
  }

  .welcome-agents .container .d-block .welcome__block {
    width: auto;
    margin-top: 19px;
    height: auto;
    background-image: none !important;
    border-radius: var(--radius-mobile, 24px);
    padding: 8px;
    display: block !important;
  }

  .welcome-agents .container .d-block .welcome-block__img {
    display: none;
  }

  .welcome-agents .container .d-block .welcome__card-text {
    background: #6D7179;
    padding: 12px;
    border-radius: 20px;
    width: 140px;
    height: 62px;
    position: absolute;
  }

  .welcome-agents .container .d-block .welcome__card-title {
    background: #6D7179;
    padding: 12px;
    border-radius: 20px;
    width: 159px;
    height: 63px;
    position: absolute;
    left: 167px;
  }

  .welcome-agents .container .d-block .welcome__card-desc {
    background: #6D7179;
    padding: 8px 15px;
    border-radius: 20px;
    width: 305px;
    height: 41px;
    position: absolute;
    margin-top: 72px;
  }

  .welcome-agents .welcome__block {
    display: none !important;
  }

  .welcome-agents .welcome__block--light {
    display: none !important;
  }

  .welcome-agents .container .d-block .welcome__block-text {
    font-size: 20px;
    margin-left: 0;
    padding: 0;
  }

  .welcome-agents .container .d-block .welcome__block--title {
    background: none !important;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    margin-left: -68px;
    width: 148px;
    height: 21px;
  }

  .welcome-agents .container .d-block .welcome__block-desc {
    font-size: 14px;
    margin-left: 0;
    margin-bottom: 0;
  }

  .work__agents {
    margin-top: 0;
    padding: 40px 0;
  }

  .work__agents .container {
    padding: 16px;
    width: 336px;
    height: auto;
    border-radius: 24px;
  }

  .work__agents .work-image {
    background: none;
  }

  .work__agents .container .work-steps__des {
    display: none !important;
  }

  .work__agents .container .d-block .work-steps__des {
    display: block !important;
  }

  .work__agents .container .d-block .work-steps__des {
    font-size: 14px;
    color: #909399;
    width: 304px;
    margin-bottom: 0;
  }

  .work__agents .container .title {
    font-size: 20px;
  }

  .cooperation-station .advantages-title {
    font-size: 14px;
  }

  .work__agents .container .work__step {
    display: none !important;
  }

  .work__agents .container .d-block .work__step {
    display: flex !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    position: relative;
    flex-direction: column;
    height: 470px;
  }

  .work__agents .work__step-long {
    display: none;
  }

  .work__agents .container .d-block .work__step .work-step .work-steps__desc {
    font-size: 13px !important;
    margin-left: 50px;
  }

  .work__agents .container .d-block .work__step .work-step .work-step__title {
    margin-top: -48px;
    margin-left: 50px;
    padding: 6px 0 0 0;
    font-size: 16px;
  }

  .work__agents .container .d-block .work-step {
    height: auto;
    width: 304px;
  }

  .receive .problem__info {
    display: flex;
  }

  .receive .problem__info-card {
    width: auto;
    padding: 16px;
    border-radius: 24px;
    height: auto;
  }

  .opros-agents .container {
    padding: 16px;
    border-radius: 24px;
    width: 336px;
    height: auto;
  }

  .opros-agents .container .opros__card {
    display: none;
  }

  .opros-agents .opros-title {
    font-size: 20px;
    width: 100%;
  }

  .opros-agents .opros__bonus .btn {
    width: 302px !important;
    height: 48px !important;
    margin-top: 114px;
  }

  .faq-items {
    margin-top: -15px;
  }

  .welcome-station .container .welcome__text {
    display: none !important;
  }

  .welcome-station .container .welcome__img {
    display: none !important;
  }

  .welcome-station .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 336px;
    height: auto;
    padding: 0;
  }

  .welcome-station .container .d-block .welcome__icon img {
    width: 40px;
    height: 40px;
    margin-top: 0;
  }

  .welcome-station .container .d-block .welcome__card {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    height: 560px;
    position: relative;
    border-radius: 24px;
    background: #F8F9FB;
    overflow: hidden;
    /* Обрежет все, что выходит за границы */
    padding-top: 30px;
    object-fit: contain;
    flex-direction: column;
    z-index: -1;
  }

  .welcome-station .container .d-block .welcome__img {
    display: block !important;
    position: absolute;
    top: 135%;
    left: -118%;
    width: 339%;
    height: 301%;
    background: url(../img/cooperation/техосмотры\ мобилка-min.webp) center/cover no-repeat;
    transform: translate(-50%, -50%) scale(0.3);
    background-position: center;
  }

  .welcome-station .container .d-block .gradient {
    top: 49%;
    filter: blur(60px);
  }

  .welcome-station .container .d-block .welcome__text {
    display: block !important;
    position: absolute;
    padding: 0px 0px 0px 7px;
  }

  .welcome-station .container .d-block .welcome__subtittle {
    margin-top: 360px;
    font-size: 20px;
  }

  .welcome-station .container .d-block .welcome__subtittle img {
    width: 100px;
  }

  .welcome-station .d-block .welcome__text .btn-primary {
    display: flex;
    margin-top: 20px;
    height: 48px;
    width: 321px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-atom, 12px);
    background: var(--blue-blue-100, #296EFF);
    --bs-btn-border-color: #296EFF;
    --bs-btn-active-border-color: #296EFF;
  }

  .welcome-station .d-block .welcome__text .btn {
    font-size: 16px;
  }

  .welcome-station .d-block .welcome__text .btn-primary:hover {
    background: rgba(41, 110, 255, 0.6) !important;
  }

  .welcome-station .container .d-block .welcome__block {
    width: auto;
    margin-top: 19px;
    height: auto;
    background-image: none !important;
    border-radius: var(--radius-mobile, 24px);
    padding: 12px;
    display: block !important;
  }

  .welcome-station .container .d-block .welcome-block__img {
    display: none;
  }

  .welcome-station .container .d-block .welcome__card-text {
    background: #6D7179;
    padding: 12px;
    border-radius: 20px;
    width: 140px;
    height: 62px;
    position: absolute;
  }

  .welcome-station .container .d-block .welcome__card-title {
    background: #6D7179;
    padding: 12px;
    border-radius: 20px;
    width: 159px;
    height: 63px;
    position: absolute;
    left: 167px;
  }

  .welcome-station .container .d-block .welcome__card-desc {
    background: #6D7179;
    padding: 8px 15px;
    border-radius: 20px;
    width: 305px;
    height: 41px;
    position: absolute;
    margin-top: 72px;
  }

  .welcome-station .welcome__block {
    display: none !important;
  }

  .welcome-station .welcome__block--light {
    display: none !important;
  }

  .welcome-station .container .d-block .welcome__block-text {
    font-size: 20px;
    margin-left: 0;
    padding: 0;
  }

  .welcome-station .container .d-block .welcome__block--title {
    background: none !important;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    margin-left: -68px;
    width: 148px;
    height: 21px;
  }

  .welcome-station .container .d-block .welcome__block-desc {
    font-size: 14px;
    margin-left: 0;
    margin-bottom: 0;
  }

  .cooperation-station .container {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 336px;
    padding: 0;
  }

  .cooperation-station {
    padding: 40px 0 0;
    margin-top: 0;
  }

  .cooperation-station .option-title {
    margin-top: 0;
  }

  .cooperation-station .option-card {
    width: 336px;
  }

  .responsibility-station .d-block .responsibility-footer {
    display: block !important;
    text-align: left;
  }

  .responsibility-station .container {
    padding: 16px;
    width: 336px;
    height: auto;
    border-radius: 24px;
  }

  .responsibility-station {
    padding: 40px 0 0;
  }

  .result .inspection__info .info__card {
    width: auto;
    height: auto;
    padding: 16px;
    border-radius: 24px;
  }

  .result .info__card .legal-title {
    margin-left: 0;
    margin: 20px 0;
  }

  .result .inspection__info .info__card .availability {
    margin-left: 0;
    width: auto;
  }

  .result .advantages {
    margin-left: 0;
  }

  .result {
    padding: 0;
  }

  .result .container {
    width: 336px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 40px;
  }

  .result .result__card {
    display: none;
  }

  .result .info__card .result__card-uvel {
    display: none;
  }

  .result .info__card .result__card-slk {
    display: none;
  }

  .result .info__card .d-block .result__card {
    display: block !important;
    margin-left: 0;
    margin-top: 0;
  }

  .result .info__card .d-block .result__card-uvel {
    display: block !important;
    margin-left: 0;
    margin-top: 0;
  }

  .result .info__card .d-block .result__card-slk {
    display: block !important;
    margin-left: 0;
    margin-top: 0;
  }

  /* Карточка с результатами */
  .card__row {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 105%;
  }

  .result__card {
    height: 200px;
    border-radius: 16px;
    border: 1px solid #DADBDD;
    position: relative;
    overflow: hidden;
  }

  .result__card-uvel {
    height: 200px;
    border-radius: 16px;
    border: 1px solid #DADBDD;
    position: relative;
    overflow: hidden;
  }

  .result__card-slk {
    height: 200px;
    border-radius: 16px;
    border: 1px solid #DADBDD;
    position: relative;
    overflow: hidden;
  }

  .result__imge {
    width: 339%;
    height: 159%;
    background-size: cover;
    background-position: center;
  }

  .result__imge-uvel {
    width: 339%;
    height: 159%;
    background-size: cover;
    background-position: center;
  }

  .result__imge-slk {
    width: 171%;
    height: 234%;
    background-size: cover;
    background-position: center;
  }

  .result-item {
    height: auto !important;
  }

  .advantage-item svg {
    width: 24px;
    height: 24px;
  }

  /* Информационная часть */
  .info__card {
    width: 100%;
    padding: 0;
  }

  .legal-title {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0;
  }

  .availability {
    font-size: 14px;
    font-weight: 600;
    color: #464B55;
    margin-bottom: 15px;
    width: 210px;
  }

  /* Список преимуществ */
  .advantages-list {
    padding-left: 0;
    list-style: none;
  }

  .advantage-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 14px;
    padding-left: 0;
  }

  .cooperation-station .option .advantage-item {
    padding-left: 20px;
  }

  .cooperation-station .option-card-long .advantage-item {
    padding-left: 20px;
  }

  .result .inspection__info .info__card .icon__link-tab {
    margin-left: auto !important;
    top: 0 !important;
  }

  .result .info__card .legal-title {
    font-size: 16px;
  }

  .result .info__card .legal-text {
    font-size: 16px;
    margin-left: 0;
    margin-top: 0;
    margin: 20px 0;
  }

  .result .info__card .wide {
    width: 38px;
  }

  .results-section .result-item {
    font-size: 14px;
    padding: 16px;
  }

  .results-section .results-list {
    display: none;
  }

  .results-section .d-block .results-list {
    display: block !important;
  }

  .icon-result {
    width: 38px;
    margin-left: -21px;
  }

  .welcome__dns-card {
    width: 336px;
    height: 409px;
    padding: 16px;
    border-radius: 24px;
  }

  .welcome-dns .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    width: 336px;
    padding: 0 0 40px 0;
  }

  .welcome-dns .welcome__block {
    width: 308px;
    height: 373px;
    margin-left: 0;
    margin-top: -390px;
    display: flex;
    flex-direction: column;
    border-radius: 24px;
  }

  .welcome-dns .welcome__block .welcome__block-text {
    font-size: 20px;
    margin-left: 0;
    margin-top: 20px;
  }

  .welcome-dns .welcome__block-desc {
    font-size: 20px;
    margin-left: 0;
  }

  .welcome-dns .welcome-card {
    display: none;
  }

  .welcome-dns .d-block .welcome-card {
    width: 269px;
    height: 215px;
    left: 0;
    top: -397px;
    border-radius: 36px;
    background: #fdfdfd;
    display: block !important;
  }

  .welcome-dns .welcome-card__img {
    width: 252%;
  }

  .welcome-dns .long-dns {
    height: 472px;
    margin-top: -490px;
  }

  .welcome-dns .wide {
    height: 506px;
  }

  .welcome-dns .long {
    top: 0 !important;
    height: 201px !important;
  }

  .welcome-dns .welcome-card__img-slk {
    width: 252%;
  }

  .work__dns .work-steps__des {
    font-size: 14px;
  }

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

  .work__dns {
    padding: 20px 0 0;
    margin-top: 0 !important;
  }

  .welcome-dns .long-uvel {
    height: auto !important;
    margin-top: -435px !important;
  }

  .welcome-dns .long-uvel-card {
    height: 451px;
  }

  .dns__info {
    padding: 16px;
    border-radius: 24px;
    width: 336px;
  }

  .work__dns .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 336px;
    padding: 0;
  }

  .card-dns {
    width: auto;
    height: 160px;
  }

  .small-two {
    width: auto;
    margin-top: -170px;
  }

  .small {
    width: 170px;
    height: 160px;
  }

  .results-section {
    padding: 40px 0;
  }

  .results-section .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 336px;
    padding: 0;
  }

  .results-section .results-column .wide {
    height: auto !important;
  }

  .compani {
    padding: 0 0 60px;
  }

  .compani .dashed-line {
    display: none;
  }

  .compani .dashed-line-two {
    display: none;
  }

  .compani .comment-titles {
    margin-left: 0;
    font-size: 14px !important;
  }

  .compani .comment-titles .blue-text {
    font-size: 14px !important;
  }

  .compani .container {
    padding: 16px;
    border-radius: 24px;
    height: auto !important;
    width: 336px;
  }

  .compani .tell-card {
    width: 287px !important;
    height: auto;
  }

  .compani .tell__step {
    text-align: left;
    width: auto;
    height: auto;
  }

  .compani .tell-card-three {
    height: auto;
    margin-top: 8px !important;
    width: 287px !important;
  }

  .compani .com-desc {
    margin-left: 0;
  }

  .more .results-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .more .results-column {
    padding: 16px;
    border-radius: 24px;
    width: 100%;
    min-height: 0;
  }

  .more .container {
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    width: 100%;
    max-width: 1140px;
  }

  .more__card,
  .more__cards {
    width: 100%;
    max-width: none;
    height: 200px;
    flex-basis: 200px;
    margin: 0 0 12px;
  }

  .more .more__title,
  .more .results-column h1,
  .more .results-column h2 {
    width: auto;
    margin-top: 0;
    font-size: 18px;
  }

  .more .more__link,
  .more .icon__link-tabslk,
  .more .icon__link-tabst,
  .more .icon__link-tab,
  .more .icon__link-tabs {
    margin-top: 16px;
    margin-left: 0;
    float: none;
    align-self: flex-end;
  }

  .more .wide {
    margin-top: 0;
  }

  .vacansy__comp__card {
    margin-left: 0;
    display: none;
  }

  .vacancy__comp .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 336px;
    padding: 0 0 40px !important;
  }

  .vacancy__comp .work-steps__des {
    display: none;
  }

  .vacancy__comp .d-block .work-steps__des {
    display: block !important;
  }

  .vacancy__comp .d-block .vacansy__comp__card {
    margin-left: 0;
    display: flex !important;
    position: relative;
    margin-top: 0;
    width: 302px;
    height: 200px;
    border-radius: 24px;
  }

  .vacansy__comp__card-w {
    margin-left: 0;
    display: none;
  }

  .vacancy__comp .d-block .vacansy__comp__card-w {
    margin-left: 0;
    display: flex !important;
    position: relative;
    margin-top: 0;
    width: 302px;
    height: 200px;
    border-radius: 24px;
  }

  .vacansy__comp__card-meh {
    margin-left: 0;
    display: none;
  }

  .vacancy__comp .d-block .vacansy__comp__card-meh {
    margin-left: 0;
    display: flex !important;
    position: relative;
    margin-top: 0;
    width: 302px;
    height: 200px;
    border-radius: 24px;
  }

  .vacansy__comp__img-meh {
    position: absolute;
    top: 50%;
    left: 48%;

    transform: translate(-50%, -50%) scale(0.5);
  }

  .vacancy__info-card h2 {
    font-size: 20px;
  }

  .vacancy__comp .equipment-btn-detail {
    margin-left: 0;
  }

  .vacancy__comp .vacancy__info-card {
    width: 336px;
    height: auto;
    padding: 16px;
    border-radius: 24px;
  }

  .vacancy__comp .vacancy__info .btn {
    display: none;
  }

  .vacancy__comp .vacancy__info-card .btn {
    display: none;
  }

  .vacancy__comp .problem__info-text {
    display: none;
  }

  .vacancy__comp .d-block .problem__info-text {
    width: auto;
    height: auto;
    font-size: 14px;
    display: block !important;
  }

  .equipment-btn-detail {
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    color: #007bff;
    text-decoration: underline !important;
    cursor: pointer;
  }

  .prepare .inspection__info {
    display: none !important;
  }

  .prepare {
    padding: 0 0 40px;
  }

  .prepare .d-block .inspection__info {
    flex-direction: column;
    display: flex !important;
  }

  .prepare .d-block .inspection__info .info__card .info__desc {
    font-size: 14px;
  }

  .prepare .d-block .inspection__number {
    padding: 0px;
  }

  .numder .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 336px;
    padding: 0;
  }

  .docum .container {
    padding: 16px;
    border-radius: 24px;
    height: auto;
    width: 336px;
  }

  .partner .container {
    padding: 0;
    width: 336px;
  }

  .docum .work-image {
    display: none;
  }

  .docum__grd {
    display: none;
  }

  .docum .row .legal__card {
    left: 0;
    width: 146px;
    height: 210px;
    border-radius: 12px;
    top: 0;
  }

  .legal__img {
    border-radius: 16px;
  }

  .docum .row .legal__card-three {
    display: flex !important;
    margin-left: 0;
    width: 146px;
    height: 210px;
    border-radius: 12px;
    top: 0;
  }

  .docum .row .legal__card-four {
    margin-left: 0;
    width: 146px;
    height: 210px;
    border-radius: 12px;
    top: 0;
    display: flex !important;
  }

  .docum .d-flex {
    display: none !important;
  }

  .docum__desc {
    margin-left: 0;
  }

  .docum .legal .row {
    flex-wrap: nowrap;
    --bs-gutter-x: 0.5rem;
  }

  .docum .docum__grd {
    display: none;
  }

  .docum .row .legal__card-two {
    display: flex !important;
    left: 0;
    top: 0;
    width: 146px;
    height: 210px;
    border-radius: 12px;
  }

  .docum .row .legal__card-two .legal__img-two {
    width: 128%;
    height: 123%;
    border-radius: 24px;
    left: 49%;
  }

  .docum .row {
    flex-wrap: nowrap;
    --bs-gutter-x: 0.5rem;
  }

  .partner .row {
    display: none !important;
  }

  .partner .d-block .row {
    display: flex !important;
  }

  .mobile-slider {
    position: relative;
    overflow: hidden;
  }

  .slide {
    transition: opacity 0.4s ease;
  }

  .slide.active {
    display: block !important;
  }

  .carousel-indicators.custom-indicators button.active {
    width: 28px;
    height: 12px;
    border-radius: var(--radius-main, 36px);
    background: var(--dark-dark-40, #B5B7BB);
    border-top: 0 !important;
    border-bottom: 0 !important;
  }

  .carousel-indicators.custom-indicators button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgb(237, 237, 238);
    margin: 0 5px;
    cursor: pointer;
    border-top: 0 !important;
    border-bottom: 0 !important;
  }

  .carousel-indicators {
    text-align: center;
    position: relative !important;
    align-items: center;
  }

  .carousel-indicators {
    text-align: center;
    position: relative !important;
    align-items: center;
    justify-content: space-between !important;
    margin-right: 0% !important;
    margin-left: 0% !important;
    width: 100% !important;
  }

  .welcome-chel .welcome-card {
    display: none;
  }

  .welcome-rent .container .welcome__text {
    display: none !important;
  }

  .welcome-rent .container .welcome__img {
    display: none !important;
  }

  .welcome-rent .container .welcome__icon {
    display: none !important;
  }

  .welcome-rent .container .d-block .welcome__icon {
    display: flex !important;
    align-items: center;
    margin-left: 18px;
    margin-top: -551px;
    position: absolute;
    z-index: 10;
    width: 60px;
    height: 60px;
    border-radius: 12px;
  }

  .welcome-rent .container .d-block .welcome__icon img {
    width: 40px;
    height: 40px;
    margin-top: 0;
  }

  .welcome-rent .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 336px;
    height: auto;
    padding: 0;
  }

  .welcome-rent .container .d-block .welcome__card {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    height: 560px;
    position: relative;
    width: 336px;
    border-radius: 24px;
    background: #F8F9FB;
    overflow: hidden;
    /* Обрежет все, что выходит за границы */
    padding-top: 30px;
    object-fit: contain;
    flex-direction: column;
    z-index: -1;
  }

  .welcome-rent .container .d-block .welcome__img {
    display: block !important;
    position: absolute;
    top: 143%;
    left: -107%;
    width: 167%;
    height: 152%;
    background: url(../img/dist/rent.webp) center/cover no-repeat;
    transform: translate(-50%, -50%) scale(0.7);
    background-position: center;
  }

  .welcome-rent .container .d-block .welcome__text {
    display: block !important;
    position: absolute;
    padding: 0px 0px 0px 7px;
  }

  .welcome-rent .container .d-block .welcome__subtittle {
    margin-top: 360px;
    font-size: 20px;
  }

  .welcome-rent .container .d-block .welcome__subtittle img {
    width: 100px;
  }

  .welcome-rent .d-block .welcome__text .btn-primary {
    display: flex;
    margin-top: 20px;
    height: 48px;
    width: 323px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-atom, 12px);
    background: var(--blue-blue-100, #296EFF);
    --bs-btn-border-color: #296EFF;
    --bs-btn-active-border-color: #296EFF;
  }

  .welcome-rent .d-block .welcome__text .btn {
    font-size: 16px;
  }

  .welcome-rent .d-block .welcome__text .btn-primary:hover {
    background: rgba(41, 110, 255, 0.6) !important;
  }

  .welcome-rent .container .d-block .welcome__block {
    width: 336px;
    margin-top: 19px;
    height: 131px;
    background-image: none !important;
    border-radius: var(--radius-mobile, 24px);
    padding: 16px;
    display: block !important;
  }

  .welcome-rent .container .d-block .welcome__block .welcome-block__img {
    display: none;
  }

  .welcome-rent .container .d-block .welcome__card-text {
    background: #6D7179;
    padding: 12px;
    border-radius: 20px;
    width: 140px;
    height: 62px;
    position: absolute;
  }

  .welcome-rent .container .d-block .welcome__card-title {
    background: #6D7179;
    padding: 12px;
    border-radius: 20px;
    width: 159px;
    height: 63px;
    position: absolute;
    left: 167px;
  }

  .welcome-rent .container .d-block .welcome__card-desc {
    background: #6D7179;
    padding: 8px 15px;
    border-radius: 20px;
    width: 305px;
    height: 41px;
    position: absolute;
    margin-top: 72px;
  }

  .welcome-rent .welcome__block {
    display: none !important;
  }

  .welcome-rent .welcome__block--light {
    display: none !important;
  }

  .welcome-rent .container .d-block .welcome__block-text {
    padding: 0;
    margin-top: 0;
    margin-left: 0;
    font-size: 20px;
  }

  .welcome-rent .container .d-block .welcome__block--title {
    background: none !important;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    margin-left: -68px;
    width: 148px;
    height: 21px;
  }

  .welcome-rent .container .d-block .welcome__block--desc {
    width: 305px;
    font-size: 16px;
    margin-top: 0;
    margin-left: 0;
  }

  .welcome-rent .container .d-block .welcome__block--light {
    width: auto;
    margin-top: 130px;
    height: 114px;
    margin-left: -9px;
    border-radius: var(--radius-mobile, 24px);
    display: block !important;
    padding: 12px;
  }

  .welcome-rent .container .d-block .welcome__block--light ul {
    margin-top: -13px;
  }

  .welcome-rent .container .d-block .welcome__block--light li {
    padding-left: 15px;
  }

  .welcome-rent .container .d-block .welcome__block--light img {
    display: none !important;
  }

  .welcome-rent .welcome-card {
    display: none;
  }

  .work-rent {
    margin-top: 0 !important;
    padding: 40px 0;
  }

  .work-rent .container {
    padding: 16px;
    width: 336px;
    height: auto;
    border-radius: 24px;
  }

  .work-rent .work-image {
    background: url(../img/mob.webp) center/cover no-repeat;
    z-index: -1;
    top: 39%;
    left: 46%;
    width: 185%;
    height: 42%;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.6);
  }

  .work-rent .container .work-steps__des {
    display: none !important;
  }

  .work-rent .container .d-block .work-steps__des {
    display: block !important;
  }

  .work-rent .container .d-block .work-steps__des {
    font-size: 14px;
    color: #909399;
    width: 304px;
  }

  .work-rent .container .title {
    font-size: 20px;
  }

  .work-rent .container .work__step {
    display: none !important;
  }

  .work-rent .container .d-block .work__step {
    display: flex !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    position: relative;
    flex-direction: column;
    height: auto;
  }

  .work-rent .container .d-block .work__step .work-step .work-steps__desc {
    font-size: 14px !important;
    margin-left: 50px;
    margin-bottom: 0;
  }

  .work-rent .container .d-block .work__step .work-step .work-step__title {
    margin-top: -48px;
    margin-left: 50px;
    padding: 6px 0 0 0;
    font-size: 16px;
  }

  .work-rent .container .d-block .work-step {
    height: auto;
    width: 304px;
  }

  .receive-rent .container {
    height: 1262px;
    width: 336px;
    padding: 0;
  }

  .receive-rent {
    padding: 20px 0 40px;
  }

  .equipment-rent .carousel-inner {
    width: 336px;
    height: auto;
    border-radius: 24px;
    padding: 16px;
  }

  .equipment-rent .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 336px;
  }

  .equipment-rent .slide-title {
    margin-left: 0;
  }

  .equipment-rent .availability {
    width: auto;
    margin-left: 11px;
  }

  .equipment-rent .slider__card {
    top: 0;
    left: 11px;
    display: flex !important;
    width: 304px;
    height: 278px;
  }

  .equipment-rent .slide ul {
    display: block !important;
    margin-bottom: 0;
  }

  .equipment-rent .btn-small {
    width: 302px;
    margin-left: -32px;
  }

  .equipment-rent .carousel-inner .problem__info-text {
    height: auto;
  }

  .equipment-rent li {
    font-size: 14px;
  }

  .equipment-rent .problem__grid {
    display: none;
  }

  .equipment-rent .work-steps__des {
    display: none;
  }

  .equipment-rent .d-block .work-steps__des {
    display: block !important;
    width: 336px;
    font-size: 14px;
  }

  .difference-rent .problem__card-wide {
    margin-left: 0;
    width: auto;
    margin-top: 0;
  }

  .difference-rent .problem__info-card-long {
    width: auto;
    height: auto;
  }

  .difference-rent .problem__info-text {
    width: auto;
    height: auto;
  }

  .difference-rent .problem__info-card {
    width: auto;
    height: auto;
  }

  .difference-rent .container {
    width: 336px;
  }

  .difference-rent .title {
    display: none;
  }

  .difference-rent .d-block .title {
    display: block !important;
  }

  .difference-rent .hide {
    display: none;
  }

  .difference-rent .d-block .hide {
    display: block !important;
  }

  .receive-rent .problem__info {
    display: flex;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    height: 117%;
  }

  .legal .d-block .legal__card {
    width: 233px;
    height: 313px;
    position: relative;
    left: 0;
    top: 0;
  }

  .legal {
    padding: 0 0 40px 0px;
  }

  .work-rent-two .container {
    padding: 16px;
    width: 336px;
    height: auto;
    border-radius: 24px;
  }

  .receive-rent .problem__info-card {
    border-radius: 24px;
    width: 304px;
  }

  .work-rent-two .work-image {
    background: url(../img/mob.webp) center/cover no-repeat;
    z-index: -1;
    top: 39%;
    left: 46%;
    width: 185%;
    height: 42%;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.6);
    display: none;
  }

  .work-rent-two .d-block .work-image {
    background: url(../img/mob.webp) center/cover no-repeat;
    z-index: -1;
    top: 39%;
    left: 46%;
    width: 185%;
    height: 50%;
    transform: translate(-50%, -50%) rotate(0deg) scale(0.6);
    display: block !important;
  }

  .work-rent-two .container .work-steps__des {
    display: none !important;
  }

  .work-rent-two .container .d-block .work-steps__des {
    display: block !important;
  }

  .work-rent-two .container .d-block .work-steps__des {
    font-size: 14px;
    color: #909399;
  }

  .work-rent-two .container .title {
    font-size: 20px;
    margin-bottom: 0;
  }

  .work-rent-two .container .work__step {
    display: none !important;
  }

  .work-rent-two .container .d-block .work__step {
    display: flex !important;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    position: relative;
    flex-direction: column;
    height: auto;
  }

  .work-rent-two .container .d-block .work__step .work-step .work-steps__desc {
    font-size: 14px !important;
    margin-left: 50px;
    margin-bottom: 0;
  }

  .work-rent-two .container .d-block .work__step .work-step .work-step__title {
    margin-top: -48px;
    margin-left: 50px;
    padding: 6px 0 0 0;
    font-size: 16px;
  }

  .work-rent-two .container .d-block .work-step {
    height: auto;
    width: 304px;
  }

  .work-rent-two .container .d-block .wide {
    height: 94px;
  }

  .legal .inspection__info .info__card {
    height: auto;
    position: relative;
    border-radius: 24px;
  }

  .legal .container {
    width: 336px;
    align-items: flex-start;
    padding: 0;
  }

  .legal .inspection__info {
    flex-direction: column;
  }

  .legal .legal__card {
    display: none;
  }

  .legal .row .legal__card {
    display: flex !important;
    left: 0;
    top: 0;
    width: 146px;
    height: 210px;
    border-radius: 12px;
  }

  .legal .row {
    flex-wrap: nowrap;
    --bs-gutter-x: 0.5rem;
  }

  .legal .legal__card-two {
    display: none;
  }

  .legal .row .legal__card-two {
    display: flex !important;
    left: 0;
    top: 0;
    width: 146px;
    height: 210px;
    border-radius: 12px;
  }

  .legal .row .legal__card-two .legal__img-two {
    width: 130%;
    height: 123%;
    border-radius: 24px;
    left: 49%;
  }

  .legal .legal__img {
    left: 50%;
    width: 139%;
    border-radius: 0;
  }

  .remont {
    height: auto !important;
  }

  .remont .container .welcome__text {
    display: none !important;
  }

  .remont .container .welcome__img {
    display: none !important;
  }

  .remont .container .welcome__icon {
    display: none !important;
  }

  .remont .container .d-block .welcome__icon {
    display: flex !important;
    align-items: center;
    margin-left: 18px;
    margin-top: -551px;
    position: absolute;
    z-index: 10;
    width: 60px;
    height: 60px;
    border-radius: 12px;
  }

  .remont .container .d-block .welcome__icon img {
    width: 40px;
    height: 40px;
    margin-top: 0;
  }

  .remont .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 336px;
    padding: 0;
    height: auto;
  }

  .remont .container .d-block .welcome__card {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    height: 560px;
    position: relative;
    width: 336px;
    border-radius: 24px;
    background: #F8F9FB;
    overflow: hidden;
    /* Обрежет все, что выходит за границы */
    padding-top: 30px;
    object-fit: contain;
    flex-direction: column;
    z-index: -1;
  }

  .remont .container .d-block .welcome__img {
    display: block !important;
    position: absolute;
    top: 143%;
    left: -107%;
    width: 167%;
    height: 152%;
    background: url(../img/dist/rent.webp) center/cover no-repeat;
    transform: translate(-50%, -50%) scale(0.7);
    background-position: center;
  }

  .remont .container .d-block .welcome__text {
    display: block !important;
    position: absolute;
    padding: 0px 0px 0px 7px;
  }

  .remont .container .d-block .welcome__subtittle {
    margin-top: 333px;
    font-size: 20px;
  }

  .remont .container .d-block .welcome__subtittle img {
    width: 100px;
  }

  .remont .d-block .welcome__text .btn-primary {
    display: flex;
    margin-top: 20px;
    height: 48px;
    width: 321px;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: var(--radius-atom, 12px);
    background: var(--blue-blue-100, #296EFF);
    --bs-btn-border-color: #296EFF;
    --bs-btn-active-border-color: #296EFF;
  }

  .remont .d-block .welcome__text .btn {
    font-size: 16px;
  }

  .remont .d-block .welcome__text .btn-primary:hover {
    background: rgba(41, 110, 255, 0.6) !important;
  }

  .remont .container .d-block .welcome__block {
    width: 336px;
    margin-top: 19px;
    height: 87px;
    background-image: none !important;
    border-radius: var(--radius-mobile, 24px);
    padding: 16px;
    display: block !important;
  }

  .remont .container .d-block .welcome__block .welcome-block__img {
    display: none;
  }

  .remont .container .d-block .welcome__card-text {
    background: #6D7179;
    padding: 12px;
    border-radius: 20px;
    width: 140px;
    height: 62px;
    position: absolute;
  }

  .remont .container .d-block .welcome__card-title {
    background: #6D7179;
    padding: 12px;
    border-radius: 20px;
    width: 159px;
    height: 63px;
    position: absolute;
    left: 167px;
  }

  .remont .container .d-block .welcome__card-desc {
    background: #6D7179;
    padding: 8px 15px;
    border-radius: 20px;
    width: 305px;
    height: 41px;
    position: absolute;
    margin-top: 72px;
  }

  .remont .welcome__block {
    display: none !important;
  }

  .remont .welcome__block--light {
    display: none !important;
  }

  .remont .container .d-block .welcome__block-text {
    padding: 0;
    margin-top: 0;
    margin-left: 0;
    font-size: 20px;
  }

  .remont .container .d-block .welcome__block--title {
    background: none !important;
    padding: 0;
    border-radius: 0;
    margin-top: 0;
    margin-left: -68px;
    width: 148px;
    height: 21px;
  }

  .remont .container .d-block .welcome__block--desc {
    width: 305px;
    font-size: 16px;
    margin-top: 0;
    margin-left: 0;
  }

  .remont .container .d-block .welcome__block--light {
    width: auto;
    margin-top: 130px;
    height: 114px;
    margin-left: -9px;
    border-radius: var(--radius-mobile, 24px);
    display: block !important;
    padding: 12px;
  }

  .remont .container .d-block .welcome__block--light ul {
    margin-top: -13px;
  }

  .remont .container .d-block .welcome__block--light li {
    padding-left: 15px;
  }

  .remont .container .d-block .welcome__block--light img {
    display: none !important;
  }

  .remont .welcome-card {
    display: none;
  }

  .remont .welcome__block .welcome__block-text-remont {
    font-size: 16px;
    margin-left: 0;
    padding: 0;
  }

  .work-rent-two {
    padding: 40px 0;
  }

  .work-rent-two .work-image {
    display: none;
  }

  .vacancy-remont {
    padding: 0 0 40px;
  }

  .vacancy-remont .container {
    width: 336px;
    height: auto;
    border-radius: 24px;
    padding: 16px;
  }

  .vacancy-remont .vacancy__grid {
    width: 100%;
    max-width: 100%;
    display: block;
  }

  .vacancy-remont .vacancy__tittle {
    font-size: 20px !important;
  }

  .vacancy-remont .vacancy-image {
    top: 53%;
    left: 77%;
    width: 121%;
  }

  .footer__nav .d-flex a {
    text-decoration: underline !important;
  }

  .vacancy-remont .vacancy-content {
    margin-top: 20px !important;
  }

  .vacancy-remont .btn-small {
    width: 310px;
    margin-top: 20px;
  }

  .vacancy-remont .vacancy__card-img {
    margin-left: -16px;
  }

  .navbar .d-block .btn-primary {
    display: flex;
    width: 100px;
    height: 41px;
    padding: 8px;
    align-items: center;
    gap: 4px;
    border-radius: var(--radius-main, 36px);
    background: var(--dark-dark-5, #F5F6F6);
    --bs-btn-border-color: #F5F6F6;
    --bs-btn-active-border-color: #DADBDD;
  }

  .navbar .d-block .btn-primary:hover {
    background: var(--dark-dark-20, #DADBDD) !important;
  }

  .docum .work-steps__des {
    display: none;
  }

  .docum .d-block .work-steps__des {
    display: block !important;
  }

  .welcome-coop .welcome-card {
    display: none;
  }

  .welcome-agents .welcome-card {
    display: none;
  }

  .welcome-station .welcome-card {
    display: none;
  }

  .automation .problem__info-text {
    font-size: 14px;
  }

  #scrollToTop {
    display: none !important;
  }

  .receive .container {
    width: 336px;
    padding: 0;
  }

  .equipment__info .info__desc {
    display: none;
  }

  .equipment__info .d-block .info__desc {
    display: block !important;
  }

  .cooperation__info .info__desc {
    display: none;
  }

  .cooperation__info .d-block .info__desc {
    display: block !important;
  }

  .inspection .hide {
    display: none;
  }

  .inspection .d-block .hide {
    display: block;
  }

  .differences .hide {
    display: none;
  }

  .differences .d-block .hide {
    display: block;
    line-height: 150%;
  }

  .differences .tell-title {
    line-height: 140%;
  }

  .difference .problem__info-text {
    display: none;
  }

  .difference .d-block .problem__info-text {
    display: block !important;
  }

  .receive-rent .problem__info-card {
    display: none;
  }

  .receive-rent .d-block .problem__info-card {
    display: flex !important;
    padding: 16px;
    height: 160px;
    width: 336px;
  }

  .receive-rent .problem__info-text {
    height: auto;
  }

  .receive-rent .problem__info .d-block {
    display: flex !important;
    gap: 20px;
    height: 117%;
    flex-direction: column;
  }

  .work__dns .work-steps__des {
    display: none;
  }

  .work__dns .d-block .work-steps__des {
    display: block !important;
  }

  .compani .tell-comment {
    display: none !important;
  }

  .compani .tell__step .d-block .tell-comment {
    display: block !important;
    margin-top: -15px;
  }

  .reviews-track {
    width: 336px;
    flex-direction: column;
  }

  .reviews__card {
    width: 336px !important;
  }

  .dropdown-divider {
    display: block !important;
  }

  .navbar-nav {
    display: none;
  }

  .d-block .navbar-nav {
    display: block !important;
  }

  .accordion-body {
    padding: 12px 0 12px 0px !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .catalog__img {
    background: url(../img/dist/дист-моб.webp) center/cover no-repeat;
  }

  .reviews-card {
    padding: 16px;
    border-radius: 24px;
    width: 336px;
  }

  .reviews__header .title {
    font-size: 20px !important;
  }

  .reviews-card iframe {
    border-radius: 24px !important;
    width: 305px !important;
  }

  .automation .container {
    width: 336px;
    padding: 0;
  }

  .sd-element__title .sv-string-viewer.sv-string-viewer--multiline {
    font-size: 20px !important;
  }

  .work-step {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
  }

  .necessary .problem__info-text {
    height: auto;
  }

  .need .tell-comment {
    display: none;
  }

  .need .d-block .tell-comment {
    display: block !important;
    margin-top: -30px;
    color: #464B55;
  }

  .sd-html h3 {
    font-size: 20px !important;
  }

  .thanks__title h2 {
    font-size: 20px !important;
  }

  .thanks__ikons {
    margin-left: 0% !important;
  }

  .thanks {
    margin-top: 0 !important;
    padding: 40px 0 !important;
  }

  .sd-body.sd-body--static .sd-body__navigation.sd-action-bar {
    position: relative !important;
    top: 0 !important;
    left: 0px !important;
    margin: auto 35px !important;
    padding: 0 !important;
  }

  .sv-components-column .sv-components-container-contentBottom {
    margin-top: 30px;
  }

  .sril {
    height: auto !important;
  }

  .sv-action__content .sd-btn--action {
    width: 111px !important;
  }

  #crmForm {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 1.5rem !important;
  }

  .opros .modal-body .request__tittle {
    margin-left: 0px !important;
    font-size: 20px;
  }

  .opros .modal-body .long {
    margin-left: 0px !important;
  }

  .opros-ochnoe .modal-body .request__tittle {
    margin-left: 0 !important;
  }

  .opros-ochnoe .modal-body .long {
    margin-left: 0px !important;
  }

  .col-12 .no-hover {
    width: 311px !important;
  }

  .col-12 .no-btn {
    width: 311px !important;
  }

  .opros-ochnoe .opros__bonus .col-12 .no-btn {
    margin-top: 0;
  }

  .opros-coop .opros__bonus .col-12 .no-btn {
    margin-top: 0;
  }

  .opros-coop .modal-body .request__tittle {
    margin-left: 0 !important;
  }

  .opros-coop .modal-body .long {
    margin-left: 0px !important;
  }

  .opros-agents .opros__bonus .col-12 .no-btn {
    margin-top: 0;
  }

  .opros-agents .modal-body .request__tittle {
    margin-left: 0 !important;
  }

  .opros-agents .modal-body .long {
    margin-left: 0px !important;
  }

  .mobil {
    margin-left: 0 !important;
  }

  .mobil .form-control {
    width: 100% !important;
    max-width: 100% !important;
  }

  #medicModal .modal-content {
    width: 336px !important;
  }

  .mobil-chek .form-check {
    display: block !important;
    width: 288px;
  }

  .sroll-fix {
    width: 45rem;
    gap: 12px;
    justify-content: flex-start !important;
    padding: 0 0 0 20px;
  }

  .opros .modal-body .col-md-3 {
    margin-left: 0 !important;
  }

  .opros .modal-body .col-md-4 .form-control,
  .opros .modal-body .col-md-3 .form-control,
  .opros .modal-body .col-md-6 .form-control,
  .opros .modal-body .col-12 .form-control {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros .modal-body .col-12 .btn {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros .d-block .col-12 .form-check {
    display: block !important;
  }

  .opros .g-4,
  .gy-4 {
    --bs-gutter-y: 1.5rem !important;
  }

  .opros-ochnoe .modal-body .col-md-3 {
    margin-left: 0 !important;
  }

  .opros-ochnoe .modal-body .col-md-4 .form-control {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros-ochnoe .modal-body .col-md-3 .form-control {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros-ochnoe .modal-body .col-12 .form-control {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros-ochnoe .modal-body .col-12 .btn {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros-ochnoe .d-block .col-12 .form-check {
    display: block !important;
  }

  .opros-ochnoe .g-4,
  .gy-4 {
    --bs-gutter-y: 1.5rem !important;
  }

  .opros-agents .modal-body .col-md-3 {
    margin-left: 0 !important;
  }

  .opros-agents .modal-body .col-md-4 .form-control {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros-agents .modal-body .col-md-3 .form-control {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros-agents .modal-body .col-12 .form-control {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros-agents .modal-body .col-12 .btn {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros-agents .d-block .col-12 .form-check {
    display: block !important;
  }

  .opros-agents .g-4,
  .gy-4 {
    --bs-gutter-y: 1.5rem !important;
  }

  .opros-coop .modal-body .col-md-3 {
    margin-left: 0 !important;
  }

  .opros-coop .modal-body .col-md-4 .form-control {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros-coop .modal-body .col-md-3 .form-control {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros-coop .modal-body .col-12 .form-control {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros-coop .modal-body .col-12 .btn {
    width: 100% !important;
    max-width: 100% !important;
  }

  .opros-coop .d-block .col-12 .form-check {
    display: block !important;
  }

  .opros-coop .g-4,
  .gy-4 {
    --bs-gutter-y: 1.5rem !important;
  }

  .welcome-cti {
    height: 628px;
  }

  .welcome-coop {
    height: 746px;
  }

  .result .advantages-list {
    padding-left: 0;
  }

  .opros-coop .opros-title {
    width: 100%;
  }

  .request .d-block .col-12 {
    width: 100%;
  }

  .carousel-indicators-next-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../img/dist/icon/next.svg");
    /* Убедись, что путь корректный */
  }

  .carousel-indicators-prev-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../img/dist/icon/prev.svg");
    /* Убедись, что путь корректный */
  }

  .carousel-indicators-next {
    background: transparent;
    border: none;
    width: 32px !important;
    height: 32px !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .carousel-indicators-prev {
    background: transparent;
    border: none;
    width: 32px !important;
    height: 32px !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    order: -1;
  }

  .carousel-indicators-next,
  .carousel-indicators-prev {
    top: 0 !important;
    opacity: 12.5 !important;
  }

  .carousel-indicators-prev {
    left: 972px;
  }

  .carousel-indicators-next {
    left: 0 !important;
  }

  .carousel-indi {
    display: flex;
    gap: 8px;
  }

  .thanks__card {
    display: none !important;
  }

  .thanks .container {
    width: 360px !important;
    padding: 24px !important;
    border-radius: 24px !important;
    height: 640px !important;
  }

  .thanks_text {
    margin-top: 11rem !important;
    margin-left: 0rem !important;
  }

  .thanks .container .d-block .equest__tittle {
    display: block !important;
  }

  .thanks .container .equest__tittle {
    display: none;
  }

  .legal_entities .container {
    width: 336px;
  }

  .legal_entities .info__card {
    flex-direction: column !important;
    gap: 40px;
  }

  .legal_en_req {
    flex-direction: column;
    gap: 8px !important;
  }

  .legal_en_content {
    font-size: 16px !important;
  }

  .legal_entities .container {
    padding: 40px 0 40px !important;
  }

  .customer-card-img {
    border-radius: 24px !important;
    height: 100% !important;
    padding-bottom: 2rem;
  }

  .customer-card-info {

    display: flex;
    flex-direction: column !important;
    align-items: flex-start;
    padding: 16px !important;
    gap: 24px !important;

    position: relative;
    width: 306px !important;
    height: 100% !important;
    left: 0 !important;
    top: 1rem !important;

    border-radius: 20px !important;
  }

  .customer-div-info-text h2 {
    font-size: 16px !important;
  }

  .customer-div-info-text p {
    font-size: 16px !important;
  }

  .customer-div-info {
    gap: 12px !important;
  }

  .customer-div-info-text.line {
    padding: 12px 0px 12px !important;
  }

  .customer-card-calculator {
    left: -7px !important;
    padding: 12px !important;
    top: 0 !important;
    width: 288px !important;
    height: 100% !important;
    border-radius: 12px !important;

  }

  .customer-card-calculator .title {
    font-size: 20px !important;
  }

  .customer-card-calculator-input {
    flex-direction: column !important;
  }

  .differences-invest-accordion .accordion-button {
    font-size: 16px !important;
  }

  .differences-invest-accordion .accordion-body {
    font-size: 14px !important;
    margin-left: -3rem;
  }

  .why-look-contant {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .why-look .container {
    width: 336px;

    padding: 16px !important;
    gap: 14px;

    border-radius: 24px !important;

  }

  .why-look-card {
    padding: 12px !important;
    gap: 12px !important;
    border-radius: 20px !important;
  }

  .why-look-card-title-blue h2 {
    font-size: 14px !important;
  }

  .why-look-card-arrow h2 {
    font-size: 14px !important;
  }

  .why-look-card-desc p {
    font-size: 12px !important;
  }

  .why-look-card-img-qr p {
    font-size: 12px !important;
  }

  .why-look-card-desc-green-text h2 {
    font-size: 14px !important;
  }

  .why-look-card-desc-green-text p {
    font-size: 12px !important;
  }

  .why-look-card-desc-green-text {
    width: 100%;
  }

  .why-look-card-info {
    gap: 12px;
  }

  .why-look-card-info-title h3 {
    font-size: 14px !important;
  }

  .why-look-card-info-title {
    gap: 12px !important;
    overflow: hidden;
  }

  .why-look-card-info {
    gap: 12px !important;
    width: 100%;
  }

  .why-look-card-info-grid-title {
    font-size: 16px !important;
  }

  .why-look-card-info-grid-text p {
    width: 76%;
  }

  .why-look {
    padding: 0 0 40px 0 !important;
  }

  .tell-need-tn p {
    font-size: 14px !important;
  }

  .necessary-tn-two .problem__info-text p {
    font-size: 14px !important;
  }

  .need-tn-pd-text p {
    font-size: 14px !important;
  }

  .need-tn-pd .tell-need-tn .tell-title {
    font-size: 16px !important;
  }

  .need-tn-pd .tell-need-tn p {
    font-size: 14px !important;
  }

  .need-tn-pd .tell-card {
    flex-direction: row;
  }

  .need-tn-pd .container {
    padding: 0;
  }

  .need-tn-pd {
    padding: 0 !important;
  }

  .need-tn .tell-card {
    flex-direction: row;
  }

  .need-tn .container {
    padding: 0;
  }

  .need-tn {
    padding: 0 0 40px 0 !important;
  }

  .necessary.necessary-tn-two {
    padding: 0 0 40px 0;
  }

  .necessary-tn-two .container {
    padding: 0;
  }

  .necessary-tn-two .d-block .work-steps__des {
    font-size: 14px !important;
  }

  .necessary-tn-two .problem__info {
    height: auto;
  }

  .vacancy-tn .vacancy__grid {
    display: flex;
    flex-direction: column;
  }

  .vacancy-tn .vacancy-content {
    width: 100%;
    padding: 0 16px 16px 16px;
    gap: 24px;
  }

  .vacancy-tn .vacancy__desc {
    font-size: 20px !important;
  }

  .vacancy-tn .container {
    padding: 0;
  }

  .responsibility-tn .responsibility-content {
    width: 100%;
  }

  .responsibility-items-tn {
    gap: 24px;
    flex-direction: column;
  }

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

  .differences-tn-two .tell-title {
    font-size: 16px;
  }

  .differences-tn-two .tell-statement {
    align-items: flex-start;
  }

  .tell-faq {
    padding-left: 0;
  }

  .tell-faq ul {
    padding-left: 1rem;
    font-size: 14px !important;

  }

  .tell-faq p {
    font-size: 14px !important;

  }

  .tell-faq li {
    font-size: 14px !important;

  }

  .differences-tn-two .tell-card {
    gap: 4px;
  }

  .differences-tn-two .tell__step {
    gap: 20px;
  }

}

.tell-faq ul {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;

  color: #464B55;
  margin-bottom: 0;
}

.tell-faq p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;

  color: #464B55;
  margin-bottom: 0;
}

.differences-tn-two .tell-title {
  margin-bottom: 0;
}

.thanks__countdown {
  color: var(--dark-dark-60, #909399);
  text-align: center;
  /* Body/Body-14-Regular */
  font-family: "Onest";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.thanks__title {
  font-family: "Onest";
  font-weight: 600;
  font-size: 26px;
  color: #464B55;
}

.reviews__card {
  width: 560px;
}

.breadcrumb-item a:active {
  border-bottom: 1px solid rgba(41, 110, 255, 0.6);
  color: rgba(41, 110, 255, 0.6) !important;
  text-decoration: none;
}

.nav-menu:last-child {
  border-bottom: none;
}

.nav-link {
  padding: 12px 0;
  font-weight: 500;
}

.navbar-nav .dropdown-divider {
  height: 12px !important;
}

.dropdown-divider {
  display: none;
}

hr {
  color: rgb(218, 219, 221) !important;
  border-top: var(--bs-border-width) solid !important;
}

.d-block .dropdown-arrow {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}

/* Анимация стрелки при открытии */
.d-block .nav-link[aria-expanded=true] .dropdown-arrow {
  transform: translateY(-50%) rotate(180deg);
}

.navbar-toggler {
  border-radius: 60px !important;
  background-color: rgb(245, 246, 246) !important;
  width: 40px;
  height: 40px;
  --bs-navbar-toggler-font-size: 18px;
  border: none !important;
  padding: 0 !important;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

input.is-invalid {
  background: rgba(243, 41, 129, 0.1) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.navbar .d-block p {
  color: #464B55;
  /* caption-10 */
  font-family: "Onest";
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 0;
  text-align: left;
}

.burger-icon {
  width: 30px;
  height: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.burger-icon span {
  display: block;
  height: 2px;
  background: rgb(70, 75, 85);
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}

/* Анимация превращения в крестик */
.burger-icon.active span:nth-child(1) {
  transform: rotate(45deg) translateY(9px);
}

.burger-icon.active span:nth-child(2) {
  opacity: 0;
}

.burger-icon.active span:nth-child(3) {
  transform: rotate(-45deg) translateY(-9px);
}

.header__desc {
  /* Head/Head-14-SemiBold */
  font-family: "Onest";
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

#scrollToTop {
  position: fixed;
  bottom: 30px;
  left: 30px;
  width: 50px;
  height: 50px;
  background: #F5F6F6;
  border: 1px solid #464B55;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 1000;
}

#scrollToTop:hover {
  background: #DADBDD !important;
}

#scrollToTop.show {
  opacity: 1;
  visibility: visible;
}

.reviews__header .title {
  font-size: 34px;
}

.accordion-text {
  padding: 0 20px 20px;
}

.accordion-text p,
li {
  color: #464B55;
  /* Body/Body-16-Regular */
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.sd-container-modern {
  --sjs-corner-radius: 12px;
}

.sd-body.sd-body--static {
  background-color: #ffffff !important;
  padding: 0 !important;
}

.sv-components-row>.sv-components-column--expandable {
  background-color: #ffffff !important;
}

.sv-action .sd-navigation__next-btn {
  border-radius: var(--radius-atom, 12px) !important;
  background-color: var(--blue-blue-100, #296EFF) !important;
  color: var(--white-white-100, #FFF) !important;
  width: 105px;
}

.sv-action__content .sd-btn--action {
  border-radius: var(--radius-atom, 12px) !important;
  background-color: var(--blue-blue-100, #296EFF) !important;
  color: var(--white-white-100, #FFF) !important;
  width: 140px;
}

.sd-navigation__next-btn {
  text-align: center !important;
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: normal;
  padding: 10px 20px !important;
}

.sd-btn--action {
  text-align: center !important;
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: normal;
  padding: 10px 20px !important;
}

.sv-action .sd-navigation__next-btn:hover {
  background: var(--blue-blue-60, rgba(41, 110, 255, 0.6)) !important;
}

.sd-item {
  border-radius: var(--radius-atom, 12px);
  background: var(--dark-dark-5, #F5F6F6);
  display: flex;
  gap: 20px;
}

.sv-components-row>.sv-components-column--expandable {
  --sjs-general-backcolor-dim: none;
}

.sd-item.sd-radio {
  background-color: #F5F6F6;
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 8px;
  border: 2px solid transparent;
  /* чтобы не прыгал при выборе */
  transition: border-color 0.3s ease;
}

.sd-item.sd-radio.sd-item--checked {
  border: 2px solid var(--blue-blue-100, #296EFF);
}

.sd-html h3 {
  color: var(--dark-dark-100, #464B55) !important;
  /* Head/Head-26-SemiBold */
  font-family: "Onest" !important;
  font-size: 26px !important;
  font-style: normal;
  font-weight: 600 !important;
}

.sd-page {
  padding: 0 !important;
}

.sd-body.sd-body--static .sd-body__navigation.sd-action-bar {
  position: absolute;
  top: 554px;
  left: 10px;
  padding: 0 !important;
  z-index: 1000;
  margin: 0 auto;
}

.sd-element__title .sv-string-viewer.sv-string-viewer--multiline {
  color: var(--dark-dark-100, #464B55) !important;
  /* Head/Head-26-SemiBold */
  font-family: "Onest";
  font-size: 26px;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 120%;
  /* 24px */
}

.sd-item__control-label .sv-string-viewer {
  color: var(--dark-dark-100, #464B55) !important;
  font-family: "Onest";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400 !important;
}

.sd-comment {
  background-color: #F5F6F6 !important;
  height: 10px !important;
  box-shadow: none !important;
  color: var(--dark-dark-100, #464B55) !important;
  text-align: center;
  /* Head/Head-16-SemiBold */
  font-family: "Onest" !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600 !important;
}

textarea::placeholder {
  color: #DADBDD !important;
  opacity: 1;
  /* чтобы не было полупрозрачным */
}

.sd-navigation__prev-btn {
  color: var(--dark-dark-60, #909399) !important;
  /* Head/Head-20-SemiBold */
  font-family: var(--dark-dark-100, #464B55);
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  background-color: #FFF !important;
  text-align: center !important;
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: normal;
  padding: 10px 20px !important;
}

.sv-action .sd-navigation__prev-btn {
  width: 105px;
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: #464B55 !important;
  /* Body/Body-14-Regular */
  font-family: "Onest";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.opros .modal-body .long {
  margin-left: 0;
}

.opros .modal-body .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 10px;
  --bs-gutter-x: 0 !important;
}

.opros .modal-body .request__tittle {
  margin-left: 0;
}

.form-control {
  margin-top: 0px;
}

.opros .modal-body .col-md-3 {
  margin-left: 0 !important;
}

.opros .modal-body .col-md-4 .form-control {
  width: 100%;
}

.opros .modal-body .col-md-3 .form-control {
  width: 100%;
}

.opros .g-4,
.gy-4 {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 1.5rem;
}

.opros .modal-body .col-12 .form-control {
  width: 100%;
}

.opros .modal-body .col-12 .btn {
  width: 100%;
  max-width: 100%;
}

.opros-ochnoe .modal-body .long {
  margin-left: 0;
}

.opros-ochnoe .modal-body .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0rem;
}

.opros-ochnoe .modal-body .request__tittle {
  margin-left: 0;
}

.opros-ochnoe .modal-body .col-md-3 {
  margin-left: 0 !important;
}

.opros-ochnoe .modal-body .col-md-4 .form-control {
  width: 100%;
}

.opros-ochnoe .modal-body .col-md-3 .form-control {
  width: 100%;
}

.opros-ochnoe .g-4,
.gy-4 {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 2.5rem;
}

.opros-ochnoe .modal-body .col-12 .form-control {
  width: 100%;
}

.opros-ochnoe .modal-body .col-12 .btn {
  width: 720px;
}

.opros-agents .modal-body .long {
  margin-left: 0;
}

.opros-agents .modal-body .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0rem;
}

.opros-agents .modal-body .request__tittle {
  margin-left: 0;
}

.opros-agents .modal-body .col-md-3 {
  margin-left: 125px;
}

.opros-agents .modal-body .col-md-4 .form-control {
  width: 100%;
}

.opros-agents .modal-body .col-md-3 .form-control {
  width: 100%;
}

.opros-agents .g-4,
.gy-4 {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 2.5rem;
}

.opros-agents .modal-body .col-12 .form-control {
  width: 100%;
}

.opros-agents .modal-body .col-12 .btn {
  width: 720px;
}

.opros-coop .modal-body .long {
  margin-left: 0;
}

.opros-coop .modal-body .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0rem;
}

.opros-coop .modal-body .request__tittle {
  margin-left: 0;
}

.opros-coop .modal-body .col-md-3 {
  margin-left: 0 !important;
}

.opros-coop .modal-body .col-md-4 .form-control {
  width: 100%;
}

.opros-coop .modal-body .col-md-3 .form-control {
  width: 100%;
}

.opros-coop .g-4,
.gy-4 {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 2.5rem;
}

.opros-coop .modal-body .col-12 .form-control {
  width: 100%;
}

.opros-coop .modal-body .col-12 .btn {
  width: 720px;
}

.input-light-gray:focus {
  background-color: #EDEDEE !important;
}

.sd-checkbox {
  background-color: #F5F6F6;
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 8px;
  border: 2px solid transparent;
  transition: border-color 0.3s ease;
  height: 78px !important;
}

.sd-item.sd-checkbox.sd-item--checked {
  border: 2px solid var(--blue-blue-100, #296EFF);
}

.sd-item--disabled.sd-item--disabled .sd-item__decorator,
.sd-item__decorator {
  margin-left: 10px;
}

.sv-scroll__container {
  background: #FFF;
}

.advantage-item:focus,
.advantage-item:active {
  box-shadow: none !important;
  border: none;
  outline: none !important;
}

.sroll-fix {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.footer__modal-text {
  text-align: left;
  line-height: 140%;
  font-size: 14px;
}

.footel__modal-ul {
  list-style-type: none;
  /* Убирает маркеры списка */
  padding-left: 0;
  text-align: justify;
}

.sroll-footer {
  max-height: 60vh !important;
  height: 60vh !important;
  overflow-y: auto !important;
}

.sroll-footer::-webkit-scrollbar {
  width: 8px;
}

.sroll-footer::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.sroll-footer::-webkit-scrollbar-thumb {
  border-radius: 20px;
  background: var(--dark-dark-20, #DADBDD);
  width: 12px !important;
  height: 197px;
}

.qwiz__btn-prev {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 10px;
  width: 145px;
  height: 48px !important;
  /* blue/blue-100 */
  background: #FFF !important;
  border-radius: 12px;
  border: none;
  color: var(--dark-dark-60, #909399);
  /* Head/Head-20-SemiBold */
  font-family: "Onest";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
}

.qwiz__btn-next {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 10px;
  width: 104px;
  height: 48px !important;
  /* blue/blue-100 */
  background: #296EFF !important;
  border-radius: 12px;
  border: none;
  color: var(--dark-dark-60, #FFF);
  /* Head/Head-20-SemiBold */
  font-family: "Onest";
  font-style: normal;
  font-weight: 600;
}

.qwiz .opros-title {
  font-size: 26px;
}

.qwiz__btn {
  margin-top: 135px;
}

.qwiz {
  display: flex;
  justify-content: center;
  padding: 60px 20px;
  margin-top: 79px;
}

.card__desc {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  font-family: "Onest";
  text-align: justify;
  width: max-content;
}

.card__conten {
  color: var(--white-white-100, #FFF);
  font-family: "Onest";
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  text-align: justify;
  margin-top: 24px;
  margin-bottom: 0;
  height: 53px;
}

.navbar {
  transition: all 0.3s ease;
  width: 100%;
  z-index: 1000;
}

.navbar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  animation: slideDown 0.3s ease-out;
}

.navbar-collapse {
  position: fixed;
  top: 73px;
  left: 0;
  width: 100%;
  height: 100vh;
  background: white;
  z-index: 1050;
  overflow-y: auto;
  padding: 20px;
  transform: translateY(-20px);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

/* При открытии */
.navbar-collapse.show {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

/* Запрещаем прокрутку фона */
body.nav-open {
  overflow: hidden;
}

.mobil-title {
  width: 96%;
}

.equest__tittle {
  font-family: "Onest";
  font-weight: 600;
  font-size: 26px;
  color: #464B55;
}

.remont {
  height: 562px;
}

.form-control::placeholder {
  color: #DADBDD !important;
  /* Head/Head-16-SemiBold */
  font-family: "Onest";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.form-control:focus {
  border-color: #ced4da !important;
  /* стандартный цвет бордера Bootstrap */
  box-shadow: none !important;
  background: #F5F6F6;
}

.form-control {
  border-radius: var(--radius-atom, 12px) !important;
  background: #F5F6F6 !important;
  border: none !important;
}

.home:hover {
  color: rgba(41, 110, 255, 0.6) !important;
  text-decoration: underline !important;
}

.whatsapp_vacancy {
  color: #296EFF;
}

.whatsapp_vacancy:hover {
  color: rgba(41, 110, 255, 0.6);
}

.thanks__card {
  width: 410px;
  height: 587px;
  position: relative;
  border-radius: 24px;
  background: #F8F9FB;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 30px;
  object-fit: contain;
  left: 634px;
  flex-direction: column;
  top: -359px;
}

.thanks__img {
  position: absolute;
  top: 68%;
  left: 74%;
  width: 194%;
  height: 117%;
  background: url("../img/dist/blue-2.webp") center/cover no-repeat;
  transform: translate(-50%, -50%) rotate(45deg) scale(1.2);
  background-position: center;
  filter: brightness(1.2);
}

.thanks {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 60px 0;
}

.thanks .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 660px;
  width: 1118px;
  background: #FFFFFF;
  /* blue/blue-100 */
  border: 1px solid #296EFF;
  border-radius: 36px;
  padding: 36px;
}

.thanks_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 12rem;
  margin-left: 7rem;
}

.thanks_text .equest__tittle {
  text-align: center;
}

.legal_entities {
  display: flex;
  justify-content: center;
}

.legal_entities .container {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 10px 60px;
}

.legal_entities .info__card {
  width: 100%;
  flex-direction: row;
  justify-content: space-between;
}

.legal_en_text_title {
  color: #464B55;
  font-size: 16px;
  font-family: "Onest";
  font-style: normal;
}

.legal_en_req {
  color: #464B55;
  font-size: 16px;
  font-family: "Onest";
  font-style: normal;
  display: flex;
  gap: 28px;
}

.legal_en_title {
  font-weight: 400;
  margin-bottom: 0;
}

.legal_en_content {
  font-weight: 600;
  font-size: 26px;
}

.legal_entities_card {
  display: flex;
  flex-direction: column;
  gap: 24px;
}


.cookie-notice {
  position: fixed;
  bottom: 2%;
  right: 2%;
  border-radius: 20px;
  background: var(--dark-dark-100, #464B55);
  /* pop up shadow */
  box-shadow: 0px 0px 20px 0px rgba(70, 75, 85, 0.2);
  padding: 20px;
  z-index: 9999;
  display: none;
  width: 282px;
  border-radius: 24px;
  text-align: left;
}

.cookie-content {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  display: flex;
  width: 243px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.cookie-content p {
  color: #FFF;
  font-family: "Onest";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 0;
  line-height: 140%;
}

.cookie-content h2 {
  color: #FFF;
  font-family: "Onest";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 120%;
}

.cookie-content a {
  color: var(--white-white-100, #FFF);
  /* Body/Body-14-Regular */
  font-family: "Onest";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  /* 19.6px */
  text-decoration: underline solid #FFF !important;
}

.cookie-content a:hover {
  opacity: 0.8;
  text-decoration: underline;
}

.cookie-btn {
  display: flex;
  height: 64px;
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 12px;
  background: var(--blue-blue-100, #296EFF);
  color: var(--white-white-100, #FFF);
  font-family: "Onest";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  cursor: pointer;
  border: none;
}

.cookie-btn:hover {
  background: rgba(41, 110, 255, 0.6);
}

.cookie_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
  align-self: stretch;
}

.cookie_text .title {
  font-size: 20px;
}

.cookie_text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

@media (max-width: 500px) {
  .cookie-notice {
    width: 282px;
  }
}


.customer_content {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;

}

.customer {
  padding: 0 0 60px 0;
}

.customer-grid {

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 100%;
  height: 100%;

}


.customer-info-card {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 24px;

  background: #296EFF;
  border: 1px solid #EDEDEE;
  border-radius: 36px;

  width: 100%;
  height: -webkit-fill-available;
}

.customer-title {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-size: 20px;


  color: #FFFFFF;
}

.customer-info-text {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 6px;


}

.customer-info-text h3,
p {
  margin-bottom: 0 !important;

}

.customer-info-text p {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;


  color: #FFFFFF;
}

.customer .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.customer-desc {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;

  color: #464B55;

}


.management .container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.management .title {
  margin-bottom: 0;
}

.management_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
}

.management-grid {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 20px;
  width: 100%;
  height: 100%;
}

.management-info-card {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 20px;

  background: #FBFBFC;
  border-radius: 24px;

  width: 100%;
  height: -webkit-fill-available;

}

.management-title {

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px 20px;

  background: #EDEDEE;
  border-radius: 16px;
  width: 100%;

}

.management-title h2 {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;

  color: #464B55;
  margin-bottom: 0 !important;

}

.management-info-text {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;

}

.management-info-text p {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;

  color: #464B55;
}

.management-info-text ul {
  margin-bottom: 0 !important;
}

.customer-card-info {

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 40px;
  gap: 24px;

  position: relative;
  width: 1081px;
  height: 471px;
  left: calc(50% - 1108px/2);
  top: calc(50% - 469px/2 - 0.18px);

  background: #B5B7BB;
  border-radius: 32px;

}

.customer-card-img {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  object-fit: contain;
  flex-direction: column;
  width: auto;
  height: 510px;
  border-radius: 36px;
}

.customer-card-img-photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../img/custorme.png');
  background-repeat: no-repeat;
  background-size: cover;
  /* или 31%, как у тебя */
  z-index: 0;
  /* фон ниже */
}

.customer-div-info {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;


}

.customer-div-info-text {

  display: flex;
  flex-direction: row;
  padding: 0px;
  gap: 12px;
  align-items: center;

}

.customer-div-info-text h2 {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;

  color: #464B55;

  margin-bottom: 0;

}

.customer-div-info-text p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;

  color: #296EFF;

}

.customer-card-info-if .customer-div-info-text h2 {
  font-weight: 500;

}

.customer-card-info-if .customer-div-info-text p {
  font-weight: 500;

}

.customer-div-info-text.line {

  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0px 12px;
  gap: 12px;

  border-bottom: 1px solid white;


}

.customer-card-info-if {
  gap: 24px;
  display: flex;
  flex-direction: column;
}

.customer-card-calculator {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 16px;

  position: relative;
  width: 620px;
  max-width: 100%;
  height: auto;
  min-height: 433px;
  left: 59px;
  top: auto;

  background: #FFFFFF;
  border-radius: 24px;
  box-sizing: border-box;

}

.customer-card-calculator .title {
  font-size: 32px;
}

.customer-card-calculator-input {

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 16px;

  width: 100%;
}

.customer-card-calculator-form {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
  gap: 8px;

  border: 1px solid #DADBDD;
  border-radius: 12px;
  width: 100%;
}

.customer-card-calculator-form-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.customer-card-calculator-form-text h2 {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;

  color: #909399;

}

.customer-card-calculator-form-text p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;

  color: #464B55;

}

.customer-card-calculator-text-desc p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;

  color: #B5B7BB;

}

.customer-card-calculator-text .customer-div-info .customer-div-info-text h2 {
  font-size: 16px !important;
}

.customer-card-calculator-text .customer-div-info .customer-div-info-text p {
  font-size: 16px !important;
}

.customer-card-calculator .btn {

  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 16px 24px;
  gap: 10px;

  width: 100%;
  height: 48px;

  background: #296EFF;
  border-radius: 12px;

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;

  align-items: center;

  color: #FFFFFF;

}

.customer-card-calculator-text-desc {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}

.customer-card-calculator-form input[type="range"],
.customer-card-calculator-form .custom-range {
  position: relative !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 8px;
  display: block;
  align-self: stretch;
}




.differences-invest .accordion-item {
  color: unset;
  background-color: unset;
  border: none;

  display: flex;
  gap: 12px;
  align-items: center;

}

.differences-invest-accordion .accordion-button {
  padding: 0;
  gap: 12px;


  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;

  color: #296EFF;
  background-color: #FBFBFC !important;
}

.differences-invest-accordion .accordion-button:not(.collapsed) {
  color: #296EFF !important;
  background-color: #FBFBFC !important;
  box-shadow: none !important;
}

.differences-invest-accordion .accordion-button::after {
  margin-left: 0;
  display: none !important;
}

.differences-invest-accordion .accordion-button:not(.collapsed) .arrow-icon {
  transform: rotate(180deg);
}

.differences-invest-accordion .accordion-button:focus {
  box-shadow: none !important;
}

.differences-invest-accordion .accordion-body {
  padding: 4px 0 0;


  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;

  color: #464B55;


}

.differences-invest .accordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.welcome__subtittle .blue-text:hover {
  color: #296EFF;

}

.why-look {
  padding: 0 0 60px 0;
}

.why-look .container {

  flex-direction: column;
  align-items: flex-start;
  padding: 36px;
  gap: 14px;

  background: #FFFFFF;
  border: 1px solid #EDEDEE;
  border-radius: 36px;

}

.why-look-contant {

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  gap: 28px;


  background: #FFFFFF;

}

.why-look-card {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  gap: 12px;


  background: #FBFBFC;
  border: 1px solid #EDEDEE;
  border-radius: 28px;

  width: 100%;
}

.why-look-card-title-blue {

  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 16px;
  gap: 10px;

  background: rgba(41, 110, 255, 0.6);
  border-radius: 16px;

  width: 100%;
}

.why-look-card-title-blue h2 {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;

  color: #FBFBFC;
  margin-bottom: 0;

}

.why-look-card-arrow {

  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px;
  gap: 8px;

  border-bottom: 1px solid #B5B7BB;
  width: 100%;
}

.why-look-card-arrow h2 {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;

  color: #464B55;
  margin-bottom: 0;

}

.why-look-card-desc {

  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 16px;
  gap: 10px;

  background: #EDEDEE;
  border-radius: 20px;
  width: 100%;

}

.why-look-card-desc p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;

  color: #464B55;

}

.why-look-card-img-qr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.why-look-card-img-qr p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;

  color: #464B55;

}

.why-look-card-desc-green {

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 16px;
  gap: 8px;

  background: rgba(25, 206, 32, 0.1);
  border-radius: 20px;
  width: 100%;
}

.why-look-card-desc-green-text {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;


}

.why-look-card-desc-green-text h2 {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0;

  color: #464B55;
}

.why-look-card-desc-green-text p {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 0;

  color: #464B55;
}

.why-look-card-info {

  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0px;
  gap: 20px;

}

.why-look-card-info-title {

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 12px 0px 0px;
  gap: 20px;
  width: 100%;
}

.why-look-card-info-title h3 {

  margin: 0 auto;
  height: 19px;
  margin-bottom: 0;

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;

  color: #464B55;
}

.why-look-card-info-title h3.line {

  border-bottom: 1px solid #296EFF;
}

.why-look-card-info-grid {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 12px;

}

.why-look-card-info-grid-title {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 0;

  color: #464B55;

}

.why-look-card-info-grid-text {

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 4px;

}

.why-look-card-info-grid-text h2 {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;

  color: #909399;

}

.why-look-card-info-grid-text p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 0;

  color: #464B55;

}

.need-tn-pd-text p {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;

  color: #464B55;


}

.need-tn-pd .tell-need-tn .tell-title {
  color: #464B55;
  font-size: 20px;
}

.need-tn-pd .tell-need-tn p {
  font-size: 20px;
}

.need-tn-pd .tell__step {
  margin-top: 0;
}

.need-tn-pd {
  padding: 0 0 60px 0;
}

.request-invest .row .request__card {
  height: 520px !important;
  top: 0;
}

.request-invest .container {
  height: auto;
  min-height: 600px;
}

.request-invest .crm-form {
  width: 620px;
  max-width: 100%;
}


input[type="range"] {
  -webkit-appearance: none;
  width: 100%;
  max-width: 100%;
  height: 3px;
  border-radius: 5px;
  outline: none;

  background: linear-gradient(to right, #007bff 0%, transparent 0%);
  /* 👈 прозрачная часть */
  transition: background 0.2s;
}

/* Трек (фон) */
input[type="range"]::-webkit-slider-runnable-track {
  height: 3px;
  border-radius: 5px;
  background: transparent;
}

/* Кнопка */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background: #fff;
  border: 7px solid #2979ff;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  margin-top: -10px;

}

/* Firefox */
input[type="range"]::-moz-range-thumb {
  width: 24px;
  height: 4px;

  border-radius: 50%;
  cursor: pointer;
}

.request .row .col-md-3 {
  margin-left: 0;
}

.col-md-3 .form-control {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
}

.compani .tell-comment {
  margin-top: -15px;
}

.mobil-desc-tn {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 20px;

  color: #464B55;

}


.modal-tn .accordion-select {
  display: flex;
  flex-direction: column;

}

.modal-tn .accordion-select .form-label {
  margin-bottom: .5rem;

}

/* Заголовок (открытая часть селекта) */
.modal-tn .accordion-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #F5F6F6;
  border-radius: 12px;
  padding: 12px 16px;
  cursor: pointer;
  transition: background 0.2s ease;
  height: 48px;
}

.modal-tn .accordion-header:hover {
  background: #E9EBEC;
}

.modal-tn .accordion-header input {
  background: none;
  border: none;
  width: 100%;
  outline: none;


  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;

  color: #464B55;


}


/* Стрелка */
.modal-tn .accordion-arrow {
  width: 14px;
  height: 14px;
  transition: transform 0.25s ease;
}

.modal-tn .accordion-content {
  max-height: 0;
  overflow: hidden;
  border-radius: 16px;
  border: 1px solid transparent;
  background: var(--white-white-100, #FFF);
  margin-top: 8px;
  transition: max-height 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  box-shadow: none;
  /* скрываем по умолчанию */
}

.modal-tn .accordion-select.active .accordion-content {
  max-height: 300px;
  border-color: var(--dark-dark-20, #DADBDD);
  box-shadow: 0px 4px 12px rgba(126, 127, 136, 0.4);
}


.modal-tn .accordion-option {
  padding: 12px 16px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.modal-tn .accordion-option:hover {
  background-color: rgba(54, 103, 255, 0.1) !important;
  border-radius: 16px !important;

}

/* Открытое состояние */
.modal-tn .accordion-select.active .accordion-content {
  max-height: 300px;
}

.modal-tn .accordion-select.active .accordion-arrow {
  transform: rotate(180deg);
}

.modal-tn {
  padding-bottom: 24px;
}


.modal-tn .accordion-header.error {
  background: rgba(243, 41, 129, 0.1);
}



.modal-tn .accordion-select {
  position: relative;
}

.request-tn .modal-tn .accordion-select {
  position: relative;
  width: 60%;
}

.request-tn .container .col-lg-8 .row {
  margin-top: -20px;
}


.modal-tn .accordion-content {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 9999;

}

/* при открытии меню */
.request-tn .accordion-select.active .accordion-content {
  display: block;
}

.request-tn .container {
  height: 719px;
}

.request-tn .row .request__card {
  top: 0;
  height: 645px !important;
}

.medicModal .modal-content {
  width: 104% !important;
}

.faq li {
  margin-left: 20px;
}

.vacancy-tn .container {
  margin: 0;
  padding: 0;
}

.vacancy-tn .vacancy__grid {
  width: 100%;
  height: 100%;
  gap: 22px;
}

.vacancy-tn .vacancy-content {
  width: 70%;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vacancy-tn .btn-small {
  width: 176px;
}

.vacancy-tn .vacancy__desc {
  margin-bottom: 0 !important;
}

.vacancy-dist .vacancy-content h2 {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 600;
  font-size: 26px;
  line-height: 120%;

  color: #FFFFFF;
  margin-bottom: 0;
}

.vacancy-dist .vacancy-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.vacancy-dist .vacancy-item {
  display: flex;
  gap: 8px;
  height: 32px;
  align-items: center;
}

.vacancy-dist .vacancy-item p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;

  color: #FFFFFF;
  margin-bottom: 0;
}

.vacancy-dist .container {
  height: 360px;
}

.vacancy-dist .vacancy__grid {
  height: auto;
}

.vacancy-dist .vacancy-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 96%;
}

.vacancy-dist .btn-small {
  margin-top: 24px;
}

@media (max-width: 500px) {
  .vacancy-tn .vacancy__grid {
    display: flex;
    flex-direction: column;
  }

  .vacancy-tn .vacancy-content {
    width: 100%;
    padding: 0 16px 16px 16px;
    gap: 24px;
  }

  .vacancy-tn .vacancy__desc {
    font-size: 20px !important;
  }

  .vacancy-tn .container {
    padding: 0;
  }

  .vacancy-dist .container {
    height: auto;
  }

  .vacancy-dist .vacancy-content h2 {
    font-size: 20px;
    width: 67%;
  }

  .vacancy-dist .btn-small {
    width: 302px;
  }

  .vacancy-dist .vacancy-item p {
    font-size: 14px;
  }

  .vacancy-dist .vacancy-content {
    width: 100%;
  }

  .vacancy-dist .btn-small {
    margin-top: 0;
  }

  .vacancy-dist .vacancy-item p {
    text-align: left;
  }
}

#carouselDist.carousel {
  margin-top: 0;
}

#carouselDist .carousel-inner {
  overflow: hidden;
}

.welcome-desktop {
  display: none;
  width: 100%;
  gap: 20px;
}

.welcome-desktop__col {
  display: flex;
  flex-direction: column;
  width: 560px;
  max-width: 100%;
}

.welcome-desktop__row {
  width: 560px;
  max-width: 100%;
  display: flex;
  gap: 20px;
}

.welcome-desktop__check {
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 768px) {
  .welcome-desktop {
    display: flex !important;
  }
}

@media (max-width: 767.98px) {
  html,
  body {
    overflow-x: hidden;
    max-width: 100%;
  }

  .container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .welcome,
  .welcome .container,
  #carouselDist,
  #carouselDist .carousel-inner {
    max-width: 100%;
    overflow-x: hidden;
  }

  .welcome .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box;
  }

  .welcome-desktop,
  .carousel-info.welcome-desktop {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .welcome .d-block.d-md-none {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
    box-sizing: border-box;
  }

  .welcome .container .d-block .welcome__card,
  .welcome .container .d-block .welcome__block,
  .welcome .container .d-block .welcome__block--light {
    width: 100% !important;
    max-width: 336px;
    box-sizing: border-box;
  }

  .welcome .container .d-block .welcome__subtittle {
    max-width: 100%;
  }

  .d-block .welcome__text .btn-primary {
    width: 100% !important;
    max-width: 321px;
  }

  .equipment .container,
  .reference .container,
  .vacancy .container,
  .cooperation .container,
  .work-medicina .container,
  .customer .container,
  .management .container {
    width: 100% !important;
    max-width: 100% !important;
  }

  .equipment__card,
  .equipment .container .d-block .equipment__info--card,
  .reference__card,
  .reference .d-block .reference__info .reference__info--card,
  .reference .d-block .reference__info .reference__info--card-long,
  .cooperation__card,
  .vacancy__card-img {
    width: 100% !important;
    max-width: 336px;
    box-sizing: border-box;
  }

  .reference .d-block.d-md-none,
  .inspection__info .d-block.d-md-none,
  .equipment .d-block.d-md-none,
  .cooperation .d-block.d-md-none {
    width: 100% !important;
    max-width: 100% !important;
  }

  .reference__imge {
    width: 100% !important;
    max-width: 100%;
    left: 50%;
  }

  .vacancy__grid {
    width: 100% !important;
    max-width: 100% !important;
  }

  .modal .mobil,
  .modal .mobil-chek,
  .modal .col-md-4.mobil,
  .modal .col-md-3.mobil,
  .modal .col-md-6.mobil {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100%;
  }

  .modal .mobil .form-control,
  .modal .mobil input {
    width: 100% !important;
    max-width: 100% !important;
  }

  .header .container,
  .main,
  .footer .container,
  .footer .container.wide {
    max-width: 100%;
    overflow-x: hidden;
  }
}

.welcome__block-pig .vacancy-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 23px 0 18px 20px;
}

.welcome__block-pig .vacancy-item {
  display: flex;
  gap: 8px;
  height: 32px;
  align-items: flex-start;
}

.welcome__block-pig .vacancy-item p {
  margin-bottom: 0;
}


.welcome__block-pig .vacancy-item p {

  font-family: 'Onest';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;

  color: #FFFFFF;

}



.welcome__block-pig {
  background-image: none;
  width: 100%;
  margin-top: 77px;
}

.welcome__img-pig img {
  border-radius: 36px;
}

.welcome-white-pig {

  position: absolute;
  width: 540px;
  height: 100px;


  background: #F5F6F6;
  border: 1px solid #EDEDEE;
  border-radius: 28px;
  top: 6rem;
  right: 8px;
}

.welcome-white-pig li {

  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  margin-left: 20px;
  color: #464B55;
}

.welcome-white-pig li::before {
  content: "•";
  color: #333;
  font-size: 16px;
  position: absolute;
  left: 0;
}

.welcome-white-pig ul {
  /* Frame 79 */

  /* Auto layout */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0px;
  gap: 8px;

  position: absolute;
  width: 524px;
  height: 48px;
  left: 16px;
  top: calc(50% - 48px/2);

  /* Note: backdrop-filter has minimal browser support */
  border-radius: 12px;

}

@media (max-width: 500px) {
  #carouselDist.carousel {
    margin-top: 0;
  }

  .welcome .container .d-block .welcome__card-pig .welcome__img {
    background: url(../img/dist/pig-mob.png) center center / cover no-repeat;
  }

  .welcome .container .d-block .welcome__subtittle-pig {
    margin-top: 0 !important;
  }

  .welcome .container .d-block .welcome__block-pig {
    height: auto;
    padding: 10px;
  }

  .welcome__block-pig .vacancy-list {
    padding: 0;
  }

  .welcome__block-pig .vacancy-item p {
    text-align: left;
    margin-bottom: 0;
  }

  .welcome__block-pig .vacancy-item {
    height: 100%;
  }

  #carouselDist.slide {
    height: auto;
  }

  #carouselDist.carousel {
    height: auto;
    min-height: 0;
    overflow: hidden;
  }
}

/* Баннер: плавный слайд + стрелки */
#carouselDist.carousel {
  position: relative;
  margin-top: 0;
}

#carouselDist .carousel-inner {
  overflow: hidden;
  border-radius: 0;
}

#carouselDist .carousel-item {
  transition: transform 1.2s ease-in-out;
}

#carouselDist .carousel-control-prev,
#carouselDist .carousel-control-next {
  position: absolute !important;
  top: 260px !important;
  bottom: auto !important;
  transform: none;
  width: 48px !important;
  height: 48px !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  z-index: 6;
  background: transparent !important;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

#carouselDist .carousel-control-prev {
  left: 8px !important;
  right: auto !important;
}

#carouselDist .carousel-control-next {
  right: 8px !important;
  left: auto !important;
}

#carouselDist .carousel-control-prev-icon,
#carouselDist .carousel-control-next-icon {
  pointer-events: auto;
  width: 38px !important;
  height: 38px !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));
}

#carouselDist .carousel-control-prev span,
#carouselDist .carousel-control-next span {
  pointer-events: auto;
}

.welcome__img.welcome__img-pig {
  margin-left: 0;
  margin-top: 0;
}

.carousel-info .welcome__img,
.welcome-desktop .welcome__img {
  margin-top: 0 !important;
  margin-left: 0 !important;
  width: auto !important;
  max-width: 540px;
  height: auto !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 auto;
}

.carousel-info .welcome__img img,
.welcome-desktop .welcome__img img {
  width: 100%;
  max-width: 540px;
  height: auto;
  object-fit: contain;
  border-radius: 36px;
}

.carousel-info .welcome__subtittle {
  margin-top: 47px;
}

.carousel-info .welcome__block--light {
  margin-left: 0;
  margin-top: 53px;
  padding: 16px 12px;
  width: 100%;
}

.carousel-info .welcome__block {
  margin-top: 53px;
}

.carousel-info .welcome__block--light .check-icon {
  margin-left: 0;
  margin-top: 0;
}

@media (max-width: 767.98px) {
  #carouselDist .carousel-control-prev {
    left: 0 !important;
  }

  #carouselDist .carousel-control-next {
    right: 0 !important;
  }

  .welcome-mobile {
    width: 100%;
    max-width: 336px;
    margin: 0 auto;
  }

  .welcome .container .d-block .welcome__card {
    position: relative !important;
    overflow: hidden;
    height: 521px !important;
    z-index: 1;
  }

  .welcome .container .d-block .welcome__text {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 16px !important;
    top: auto !important;
    z-index: 2;
  }

  .welcome .container .d-block .welcome__subtittle,
  .welcome .container .d-block .welcome__subtittle-pig {
    margin-top: 0 !important;
  }

  .welcome .container .d-block .welcome__card-pig .welcome__img {
    background: url(../img/dist/pig-mob.png) center center / cover no-repeat;
  }

  .welcome .container .d-block .welcome__block,
  .welcome .container .d-block .welcome__block--light {
    min-height: 106px;
  }

  #carouselDist.carousel,
  #carouselDist .carousel-inner {
    height: auto !important;
    min-height: 780px;
  }

  #carouselDist .carousel-item {
    min-height: 780px;
  }
}

@media (min-width: 768px) {
  #carouselDist .carousel-control-prev,
  #carouselDist .carousel-control-next {
    top: 50% !important;
    transform: translateY(-50%);
  }

  #carouselDist .carousel-item,
  #carouselDist .carousel-inner,
  .welcome-desktop {
    min-height: 560px;
  }
}

.opros .container,
.opros-ochnoe .container,
.opros-agents .container,
.opros-coop .container,
.qwiz .container {
  height: auto !important;
  min-height: 0;
  max-width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}

/* Desktop: опрос — бонус слева, карточка справа, без пустого места снизу */
@media (min-width: 768px) {
  .opros .container,
  .opros-ochnoe .container,
  .opros-agents .container,
  .opros-coop .container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 427px;
    grid-template-areas:
      "title card"
      "bonus card";
    column-gap: 20px;
    row-gap: 16px;
    align-items: start;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden;
  }

  .opros-agents .container {
    grid-template-columns: minmax(0, 1fr) 382px;
  }

  .opros .opros-title,
  .opros-ochnoe .opros-title,
  .opros-agents .opros-title,
  .opros-coop .opros-title {
    grid-area: title;
    width: auto !important;
    max-width: 100%;
    margin: 0;
  }

  .opros .opros__bonus,
  .opros-ochnoe .opros__bonus,
  .opros-agents .opros__bonus,
  .opros-coop .opros__bonus {
    grid-area: bonus;
    max-width: 100%;
  }

  .opros .opros__card,
  .opros-ochnoe .opros__card,
  .opros-agents .opros__card,
  .opros-coop .opros__card {
    grid-area: card;
    width: 427px;
    max-width: 100%;
    height: 100%;
    align-self: stretch;
  }

  .opros-agents .opros__card {
    width: 382px;
  }

  .opros .opr-card,
  .opros-ochnoe .opr-card,
  .opros-agents .opr-card,
  .opros-coop .opr-card {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 480px;
  }

  .opros-agents .opr-card {
    min-height: 400px;
  }

  /* модалка и мобильный блок не участвуют в сетке */
  .opros .container > .modal,
  .opros-ochnoe .container > .modal,
  .opros-agents .container > .modal,
  .opros-coop .container > .modal,
  .opros .container > .d-block,
  .opros-ochnoe .container > .d-block,
  .opros-agents .container > .d-block,
  .opros-coop .container > .d-block {
    grid-column: 1 / -1;
  }
}

.opros__bonus .form-check {
  width: 100% !important;
  max-width: 584px;
  height: auto !important;
  min-height: 48px;
  align-items: center !important;
  box-sizing: border-box;
}

.opros__bonus .form-check-label {
  white-space: normal;
  word-break: break-word;
  line-height: 1.4;
  flex: 1;
}

.opros__bonus .form-check-input,
.opros__bonus input[type="radio"],
.answer-item .form-check-input,
.answer-item input[type="radio"],
.answer-item input[type="checkbox"] {
  flex-shrink: 0 !important;
  width: 21px !important;
  height: 21px !important;
  min-width: 21px !important;
  max-width: 21px !important;
  margin-top: 0 !important;
  aspect-ratio: 1;
}

.sd-item,
.sd-item.sd-radio {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  height: auto !important;
  align-items: flex-start;
}

.sd-item__control-label,
.sd-item__control-label .sv-string-viewer {
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}

.sd-body.sd-body--static .sd-body__navigation.sd-action-bar {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  margin-top: 24px !important;
}

.modal-content.sril {
  height: auto !important;
  max-height: 90vh;
  overflow-y: auto;
}

#quizContainer,
#surveyContainer {
  height: auto !important;
  min-height: 320px;
  max-width: 100%;
  overflow: hidden;
}


.col-12 .form-control {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.col-md-3 .form-control,
.col-md-4 .form-control,
.col-md-6 .form-control {
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.col-md-3 .form-label,
.col-md-3 .invalid-feedback {
  margin-left: 0 !important;
}

.col-12 .btn {
  width: 100% !important;
  max-width: 620px;
}

/* ===== CRM / request forms: reset Bootstrap row gutters ===== */
.request .container > .row,
.modal .modal-body > .row,
.request form.row,
.modal form.row,
form.needs-validation.row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.request .container > .row > [class*="col-"],
.modal .modal-body > .row > [class*="col-"],
.request form.row > [class*="col-"],
.modal form.row > [class*="col-"],
form.needs-validation.row > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Request block: form слева, картинка справа (без left/top хаков) */
.request .container {
  width: 100%;
  max-width: 1118px;
  height: auto;
  min-height: 660px;
  overflow: hidden;
  box-sizing: border-box;
}

.request .container > .row {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.request .col-lg-8 {
  width: auto !important;
  max-width: 640px !important;
  flex: 1 1 auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-width: 0;
}

.request form.row {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: 620px !important;
  column-gap: 20px;
  row-gap: 24px;
}

.request .crm-form {
  width: 100%;
  max-width: 620px;
}

.request__tittle {
  width: 100% !important;
  max-width: 620px;
}

.request form .col-md-6 {
  flex: 0 0 calc(50% - 10px) !important;
  max-width: calc(50% - 10px) !important;
  width: calc(50% - 10px) !important;
}

.request form .col-12 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.request form .form-control,
.request form .btn {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Desktop only: карточка справа от формы */
@media (min-width: 768px) {
  .request .row .request__card {
    display: flex !important;
    left: 0 !important;
    top: 0 !important;
    flex: 0 0 410px;
    width: 410px;
    max-width: 410px;
  }
}

/* CRM modals */
.modal .col-lg-8 {
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.modal form.row,
.modal form.row.g-4 {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  max-width: 100% !important;
  column-gap: 20px;
  row-gap: 24px;
}

.modal .mobil,
.modal .col-md-3.mobil,
.modal .col-md-4.mobil,
.modal .col-md-6.mobil {
  margin-left: 0 !important;
}

.modal form .col-md-6,
.modal form .col-md-6.mobil {
  flex: 0 0 calc(50% - 10px) !important;
  max-width: calc(50% - 10px) !important;
  width: calc(50% - 10px) !important;
}

.modal form .col-12,
.modal form .col-12.mobil,
.modal form .col-12.mt-3,
.modal form .col-12.mt-4 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.modal .form-control,
.modal .mobil .form-control,
.modal form .btn {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.opros .modal form.row,
.opros-ochnoe .modal form.row,
.opros-agents .modal form.row,
.opros-coop .modal form.row,
#applicationForm form.row,
#quizFinalForm.row {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  column-gap: 20px;
  row-gap: 24px;
}

#applicationForm,
#applicationForm .col-lg-8 {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 767.98px) {
  .request .container {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible;
  }

  .request .container > .row {
    flex-wrap: wrap !important;
    flex-direction: column;
    gap: 0;
  }

  .request .col-lg-8,
  .request form.row,
  .request .crm-form {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  /* На мобилке картинка справа скрыта — не ломаем вёрстку */
  .request .row .request__card,
  .row .request__card {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    flex: none !important;
    overflow: hidden !important;
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
  }

  .request form .col-md-6,
  .modal form .col-md-6,
  .modal form .col-md-6.mobil {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .request form.row,
  .modal form.row {
    column-gap: 0;
    row-gap: 16px;
  }

  .col-12 .btn {
    max-width: 100%;
  }

  .opros .container,
  .opros-ochnoe .container,
  .opros-agents .container,
  .opros-coop .container {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0;
    height: auto !important;
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
  }

  .opros__card,
  .opros .opros__card,
  .opros-ochnoe .opros__card,
  .opros-agents .opros__card,
  .opros-coop .opros__card {
    display: none !important;
  }

  .opros__bonus .form-check {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
  }

  .opros .d-block .opros__bonus .btn,
  .opros .d-block .opros__bonus .no-btn {
    width: 100% !important;
    max-width: 100% !important;
  }

  .sd-element__title .sv-string-viewer.sv-string-viewer--multiline,
  .sd-html h3 {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }
}


/* ===== CRM form grid (desktop 2 cols, mobile 1 col) ===== */
.crm-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 24px;
  width: 620px;
  max-width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.crm-form__field {
  min-width: 0;
  width: 100%;
}

.crm-form__field--full {
  grid-column: 1 / -1;
}

.crm-form__field .form-control,
.crm-form__field .btn {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.modal .crm-form {
  width: 100%;
  max-width: 100%;
}

.request-tn .crm-form {
  width: 620px;
  max-width: 100%;
}

.request-tn .modal-tn .accordion-select {
  width: 620px;
  max-width: 100%;
}

.request-tn .container {
  height: auto;
  min-height: 719px;
}

@media (max-width: 767.98px) {
  .crm-form {
    grid-template-columns: 1fr;
    width: 100% !important;
    max-width: 100% !important;
    column-gap: 0;
    row-gap: 16px;
  }

  .crm-form__field,
  .crm-form__field--full {
    grid-column: 1 / -1;
    width: 100%;
  }

  /* Волна/декор не занимает место и не толкает баннер вниз */
  .welcome-cti__img,
  .welcome-med__img,
  .welcome-tn .welcome-cti__img,
  .welcome .welcome-med__img {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
  }

  .welcome.welcome-tn,
  .welcome.welcome-tn .container,
  .welcome,
  .welcome .container {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .welcome-tn .welcome-grid {
    display: none !important;
  }

  .welcome-tn .welcome-mobile {
    width: 100%;
    max-width: 336px;
    margin: 0 auto;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .welcome-tn .welcome-mobile .welcome__card {
    position: relative !important;
    overflow: hidden;
    height: 521px !important;
    z-index: 1;
    margin-top: 0 !important;
  }

  .welcome-tn .welcome-mobile .welcome__text {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 16px !important;
    top: auto !important;
    z-index: 2;
    margin: 0 !important;
    margin-top: 0 !important;
  }

  .welcome-tn .welcome-mobile .welcome__subtittle {
    margin-top: 0 !important;
  }

  .welcome-tn .welcome-mobile .welcome__text .btn {
    margin-top: 12px !important;
  }

  .welcome-invest .welcome-grid {
    display: none !important;
  }

  .welcome.welcome-invest,
  .welcome.welcome-invest .container {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .welcome-invest .welcome-mobile {
    width: 100%;
    max-width: 336px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .welcome-invest .welcome-mobile .welcome__card {
    position: relative !important;
    overflow: hidden;
    height: 521px !important;
    z-index: 1;
    margin-top: 0 !important;
  }

  .welcome-invest .welcome-mobile .welcome__img {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    background: url(../img/mobil-ruki.png) center center / cover no-repeat !important;
    transform: none !important;
  }

  .welcome-invest .welcome-mobile .welcome__text {
    position: absolute !important;
    left: 8px !important;
    right: 8px !important;
    bottom: 16px !important;
    top: auto !important;
    z-index: 2;
    margin: 0 !important;
    display: block !important;
  }

  .welcome-invest .welcome-mobile .welcome__subtittle {
    margin-top: 0 !important;
  }

  .welcome-invest .welcome-mobile .welcome__text .btn {
    margin-top: 12px !important;
  }

  .welcome-invest .welcome-mobile .welcome__block {
    width: 100% !important;
    max-width: 336px;
    height: auto !important;
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1;
    overflow: visible;
  }

  .welcome-invest .welcome-mobile .welcome__block-text-remont {
    font-size: 16px !important;
    padding: 16px !important;
    margin: 0 !important;
  }

  .request-tn .container {
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible;
  }

  .request-tn .col-lg-8,
  .request-tn .crm-form,
  .request-tn .modal-tn .accordion-select {
    width: 100% !important;
    max-width: 100% !important;
  }

  .request-tn .row .request__card {
    display: none !important;
  }

  .request-invest .container {
    height: auto !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible;
  }

  .request-invest .col-lg-8,
  .request-invest .crm-form {
    width: 100% !important;
    max-width: 100% !important;
  }

  .request-invest .row .request__card {
    display: none !important;
  }

  .request-invest .request__tittle {
    width: 100% !important;
  }

  .modal-tn-fade .modal-dialog {
    margin: 0.5rem auto;
    max-width: calc(100% - 1rem);
  }

  .modal-tn-fade .modal-content {
    overflow: auto;
    max-height: 90vh;
  }

  .modal-tn-fade .crm-form {
    width: 100% !important;
  }
}

/*# sourceMappingURL=style.css.map */