@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__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-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-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-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-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: flex;
  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: 319px;
  height: 213px;
  border-radius: 36px;
}

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

.reference__card {
  position: relative;
  width: 462px;
  height: 617px;
  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-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;
}

.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-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-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__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;
  /* white/white-100 */
  color: #FFFFFF;
  margin-top: 15px;
}

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

.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: 613px;
  flex-direction: column;
  top: -464px;
}

.opros-ochnoe .opr-card {
  top: -303px;
  left: 613px;
}

.opros-agents .opr-card {
  top: -304px;
  left: 671px;
  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;
}

.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: 1rem;
}

.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: 620px;
  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: 646px;
  flex-direction: column;
  top: -580px;
}

.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: 302px;
  height: 48px;
  /* dark/dark-5 */
  background: #F5F6F6;
  border-radius: 12px;
  gap: 10px;
}

.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: 302px;
  height: 48px;
  /* dark/dark-5 */
  background: #F5F6F6;
  border-radius: 12px;
  gap: 10px;
  margin-left: -34px;
}

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

.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: 620px;
  height: 48px;
  /* dark/dark-5 */
  background: #F5F6F6;
  border-radius: 12px;
}

.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: -42px;
}

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

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

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

.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: 51%;
  width: 166%;
  height: 174%;
  background: url(../img/arenda/оборудование_3-min.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;
}

.result .inspection__info .info__card .icon__link-tab {
  margin-left: 913px;
}

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

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

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

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

.results-column {
  flex: 1;
}

.more .results-column {
  flex: 1;
  width: 512px;
  height: 415px;
  border-radius: 36px;
  border: 1px solid var(--dark-dark-20, #DADBDD);
  background: var(--dark-dark-2, #FBFBFC);
  padding: 24px;
}

.more .results-column h2 {
  color: #464B55;
  /* Head/Head-20-SemiBold */
  font-family: "Onest";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  width: 510px;
  margin-top: 258px;
}

.more .icon__link-tab {
  margin-left: 367px;
}

.more .icon__link-tabs {
  margin-top: 26px;
  margin-left: 367px;
}

.more .icon__link-tabst {
  margin-top: 27px;
  margin-left: 367px;
}

.more .icon__link-tabslk {
  margin-top: 46px;
  margin-left: 367px;
}

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

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

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

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

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

.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: -15px;
}

.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: -8px;
  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: 365px;
  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;
}

.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: 681px;
  margin-top: 40px;
  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__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;
}

.modal-header {
  border-bottom: none !important;
  padding: 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: 104% !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: 460px;
  }
  .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;
  }
  .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: 30px;
    object-fit: contain;
    flex-direction: column;
    z-index: -1;
  }
  .welcome .container .d-block .welcome__img {
    display: block !important;
    position: absolute;
    top: 152%;
    left: -122%;
    width: 186%;
    height: 185%;
    background: url(../img/главная-моб.webp) center/cover no-repeat;
    transform: translate(-50%, -50%) scale(0.6);
    background-position: center;
  }
  .welcome .container .d-block .welcome__text {
    display: block !important;
    position: absolute;
    padding: 0px 0px 0px 7px;
  }
  .welcome .container .d-block .welcome__subtittle {
    margin-top: 342px;
    font-size: 20px;
  }
  .welcome .container .d-block .welcome__subtittle img {
    width: 100px;
  }
  .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 ;
  }
  .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: 370px;
  }
  .navbar-nav .dropdown-divider {
    width: 370px;
  }
  .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: 471px;
    display: block;
  }
  .vacancy-content {
    padding: 0;
    width: 100%;
  }
  .vacancy__tittle {
    font-size: 26px;
  }
  .vacancy__desc {
    font-size: 14px;
  }
  .vacancy .btn-small {
    margin-top: 0;
    width: 302px;
  }
  .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 .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: 336px;
    padding: 16px;
    border-radius: 24px;
  }
  .request {
    padding: 40px 0 40px;
  }
  .request .container .row {
    padding: 0 !important;
    width: 110%;
  }
  .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: 302px;
  }
  .col-12 .btn {
    width: 302px;
  }
  .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 .tell-statement {
    display: block !important;
  }
  .differences .tell-title {
    font-size: 14px;
    margin-top: 0;
    margin-left: 52px;
    width: 260px;
  }
  .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-column {
    padding: 16px;
    border-radius: 24px;
    width: 336px;
  }
  .more .container {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 336px;
  }
  .more__card {
    display: none;
  }
  .results-column .d-block .more__card {
    width: 305px;
    margin-top: 0;
    margin-left: 0;
    height: 240px;
    display: block !important;
  }
  .more__cards {
    display: none;
  }
  .results-column .d-block .more__cards {
    width: 305px;
    margin-top: 0;
    margin-left: 0;
    height: 240px;
    display: block !important;
  }
  .results-column .d-block .more__imgs {
    width: 258%;
  }
  .more .results-column h2 {
    width: auto;
  }
  .more .icon__link-tabslk {
    margin-top: 46px;
    margin-left: 63%;
  }
  .more .icon__link-tabst {
    margin-top: 46px;
    margin-left: 63%;
  }
  .more .icon__link-tab {
    margin-left: 63%;
  }
  .more .icon__link-tabs {
    margin-left: 63%;
  }
  .more .wide {
    margin-top: -531px;
  }
  .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;
  }
  .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;
  }
  .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: 471px;
    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;
  }
  .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: 4.5rem !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: 295px !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 {
    width: 304px !important;
  }
  .opros .modal-body .col-md-3 .form-control {
    width: 304px !important;
  }
  .opros .modal-body .col-12 .form-control {
    width: 304px !important;
  }
  .opros .modal-body .col-12 .btn {
    width: 304px !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: 304px !important;
  }
  .opros-ochnoe .modal-body .col-md-3 .form-control {
    width: 304px !important;
  }
  .opros-ochnoe .modal-body .col-12 .form-control {
    width: 304px !important;
  }
  .opros-ochnoe .modal-body .col-12 .btn {
    width: 304px !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: 304px !important;
  }
  .opros-agents .modal-body .col-md-3 .form-control {
    width: 304px !important;
  }
  .opros-agents .modal-body .col-12 .form-control {
    width: 304px !important;
  }
  .opros-agents .modal-body .col-12 .btn {
    width: 304px !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: 304px !important;
  }
  .opros-coop .modal-body .col-md-3 .form-control {
    width: 304px !important;
  }
  .opros-coop .modal-body .col-12 .form-control {
    width: 304px !important;
  }
  .opros-coop .modal-body .col-12 .btn {
    width: 304px !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: 114%;
  }
  .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;
  }
}
.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: 41px;
}

.opros .modal-body .row {
  margin-left: -12px;
  margin-top: 10px;
}

.opros .modal-body .request__tittle {
  margin-left: 0;
}

.form-control {
  margin-top: 0px;
}

.opros .modal-body .col-md-3 {
  margin-left: 117px;
}

.opros .modal-body .col-md-4 .form-control {
  width: 350px;
}

.opros .modal-body .col-md-3 .form-control {
  width: 360px;
}

.opros .g-4, .gy-4 {
  --bs-gutter-y: 2.5rem;
}

.opros .modal-body .col-12 .form-control {
  width: 725px;
}

.opros .modal-body .col-12 .btn {
  width: 726px;
}

.opros-ochnoe .modal-body .long {
  margin-left: 41px;
}

.opros-ochnoe .modal-body .row {
  margin-left: -10px;
  margin-top: 0rem;
}

.opros-ochnoe .modal-body .request__tittle {
  margin-left: 0;
}

.opros-ochnoe .modal-body .col-md-3 {
  margin-left: 117px;
}

.opros-ochnoe .modal-body .col-md-4 .form-control {
  width: 350px;
}

.opros-ochnoe .modal-body .col-md-3 .form-control {
  width: 350px;
}

.opros-ochnoe .g-4, .gy-4 {
  --bs-gutter-y: 2.5rem;
}

.opros-ochnoe .modal-body .col-12 .form-control {
  width: 720px;
}

.opros-ochnoe .modal-body .col-12 .btn {
  width: 720px;
}

.opros-agents .modal-body .long {
  margin-left: 41px;
}

.opros-agents .modal-body .row {
  margin-left: -10px;
  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: 350px;
}

.opros-agents .modal-body .col-md-3 .form-control {
  width: 350px;
}

.opros-agents .g-4, .gy-4 {
  --bs-gutter-y: 2.5rem;
}

.opros-agents .modal-body .col-12 .form-control {
  width: 720px;
}

.opros-agents .modal-body .col-12 .btn {
  width: 720px;
}

.opros-coop .modal-body .long {
  margin-left: 41px;
}

.opros-coop .modal-body .row {
  margin-left: -10px;
  margin-top: 0rem;
}

.opros-coop .modal-body .request__tittle {
  margin-left: 0;
}

.opros-coop .modal-body .col-md-3 {
  margin-left: 117px;
}

.opros-coop .modal-body .col-md-4 .form-control {
  width: 350px;
}

.opros-coop .modal-body .col-md-3 .form-control {
  width: 350px;
}

.opros-coop .g-4, .gy-4 {
  --bs-gutter-y: 2.5rem;
}

.opros-coop .modal-body .col-12 .form-control {
  width: 720px;
}

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

/*# sourceMappingURL=style.css.map */