/* Start:/local/templates/cohelp/css/style.css?175074863078480*/
/* Запрет перезагрузки страницы/увеличение экрана */
html,
body {
  touch-action: pan-y; /* Разрешить только вертикальную прокрутку */
  /* overscroll-behavior: none; */
}

body {
  font-family: "Nunito", sans-serif;
  /* outline: none !important; */
  overflow-x: hidden;
  background-color: #fafafa;
  padding-bottom: 60px;
}

img {
  max-width: 100%;
}

.index-povtor {
  display: none;
}

.kartochka-info-date-usluga p {
  margin-left: 0px !important;
}

.sos-bal-head h2 {
  text-align: justify;
  font-size: 20px;
}

.sos-bal-head p {
  text-align: justify;
}

.index-center {
  display: flex;
  justify-content: center;
  padding: 10px;
  padding-bottom: 100px;
}

.index-content {
  /* max-width: 375px;
	 width: 100%; */
  /* width: 400px; */
}

.type-clining {
  max-width: 120px;
  height: 90px !important;
  width: 100% !important;
  border-radius: 16px;
  border: solid 1px #e4ecf0;
  padding: 10px;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
.type-clining-free {
  max-width: 120px;
  height: 90px !important;
  width: 100% !important;
  border-radius: 16px;
  border: solid 1px #e4ecf0;
  padding: 10px;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
.type-news {
  max-width: 95%;
  height: 200px !important;
  width: 100% !important;
  border-radius: 16px;
  border: solid 1px #e4ecf0;
  padding: 10px;
  display: flex !important;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  cursor: pointer;
  border-radius: 5px;
}
.body-no-scroll {
    overflow: hidden;
}
.type-news .overlay {
  position: absolute;
  inset: 0;
  backdrop-filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
  border-radius: 5px;
}

/* Дополнительный фильтр если фона нет (чтобы текст не сливался) */
.type-news.no-image .overlay {
  background-color: rgba(0, 0, 0, 0.4);
}

/* Текст */
.type-news .type-name {
  position: relative;
  z-index: 2;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}
.type-news .type-name>span {
    color: #ffffff;
}
.type-img {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.city-buttons {
  justify-content: space-between;
  display: flex;
  margin-bottom: 15px;
}

.c-city a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: black;
  /* font-size: 12px;
    line-height: 12px;
    font-weight: 500; */
}

.c-city img {
  margin-left: 5px;
}

.type-name span {
  font-size: 12px;
  line-height: 12px;
  color: #475055;
  display: flex;
}

.type-clin-main {
  display: flex;
}

.swiper-container {
  max-width: 400px;
  margin: 0 auto;
  overflow: hidden;
}

.add-zakaz-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.add-zakaz {
  /* max-width: 200px; */
  /* height: 83px; */
  background-color: #007aff1a;
  border: solid #007aff 1px;
  border-radius: 12px;
  /* margin-right: 10px; */
  width: 100%;
  cursor: pointer;
  max-width: 900px;
}

.find-klinner {
  max-width: 200px;
  height: 83px;
  background-color: #ffffff;
  border: solid #007aff 1px;
  border-radius: 12px;
  width: 100%;
}

.index-buttons {
  display: flex;
  margin-top: 20px;
}

.add-zakaz img,
.find-klinner img {
  padding: 15px;
  padding-bottom: 10px;
}

.add-zakaz span,
.find-klinner span {
  max-width: 167px;
  width: 100%;
  display: flex;
  padding-left: 15px;
  font-size: 15px;
  line-height: 15px;
  color: #007aff;
  font-weight: 600;
}

.povtor-head h2 {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
  margin-top: 20px;
}

.povtor-head {
  display: flex;
  margin: 0 auto;
  max-width: 900px;
}

.povtor-block {
  max-width: 240px;
  width: 100%;
  /* height: 189px; */
  border-radius: 16px;
  background-color: #ffffff;
  padding: 10px;
}

.pov-bl-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pov-bl-head p {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}

.pov-bl-date {
  display: flex;
  align-items: center;
}

.pov-bl-date img {
  margin-right: 3px;
}

.pov-bl-date span {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 400;
  margin-top: 4px;
}

.pov-bl-type span,
.pov-bl-dop span {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #a0b5c1;
}

.pov-bl-type p,
.pov-bl-dop p {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 400;
  color: #607582;
  margin-block-start: 5px;
  margin-block-end: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* max-width: 80%; */
}

.pov-bl-tags span {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #a0b5c1;
  padding: 4px;
  background: #007aff1a;
  border-radius: 100px;
}

.pov-bl-tags {
  margin-top: 15px;
}

.best-like img {
  width: 24px;
}

.best-like {
  visibility: hidden;
  display: flex;
}

.best-ispol-head h2 {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
  margin-top: 20px;
}

.zapolnite-dannie-ispol label {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
}

.zapp-dannie {
  margin-top: 15px;
}

.best-ispol-block {
  /* max-width: 375px; */
  /* width: 100%; */
  /* height: 132px; */
  border-radius: 12px;
  background: white;
  padding: 15px;
  margin-bottom: 10px;
}

.best-flex {
  display: flex;
  justify-content: space-between;
}

.best-info {
  max-width: 150px;
  width: 100%;
}

.opit-and-tags {
  /* display: flex; */
  /* justify-content: space-between; */
  /* gap: 20px; */
  max-width: 200px;
  width: 100%;
}

.opit-and-tags p {
  /* max-width: 122px; */
  width: 100%;
  white-space: nowrap;
  font-size: 13px;
  margin-block-start: 5px !important;
  margin-block-end: 5px !important;
}

.opit-and-tags span {
  font-size: 9px;
  margin-left: 10px;
  background: #f9dedc;
  padding: 3px;
  border-radius: 10%;
}

.best-info h4 {
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.best-info p {
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.best-img img {
  border-radius: 12px;
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.best-button {
  display: flex;
  justify-content: center;
  height: 36px;
  align-items: center;
  border: solid 1px #007aff;
  border-radius: 100px;
  margin-top: 20px;
}

.best-button a {
  color: #007aff;
}

.zapolnite-dannie-img-docs {
  display: flex;
  flex-direction: column;
}

.zapolnite-dannie-img-docs a {
  margin-bottom: 15px;
  text-decoration: none;
  color: #007aff;
  font-weight: 600;
}

/* Основной стиль для навбара */
.bottom-navbar {
  position: fixed;
  /* Фиксируем навбар внизу */
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  /* Высота навбара */
  background-color: #f5f5f5;
  /* Цвет фона */
  border-top: 1px solid #ddd;
  /* Граница сверху */
  display: flex;
  justify-content: space-around;
  /* Равномерное распределение иконок */
  align-items: center;
  /* Вертикальное центрирование */
  box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.1);
  /* Небольшая тень */
  z-index: 1000;
  /* Устанавливаем приоритет, чтобы навбар был поверх контента */
}

/* Стиль для каждого элемента навбара */
.nav-item {
  display: flex;
  flex-direction: column;
  /* Иконка над текстом */
  align-items: center;
  justify-content: center;
}

.nav-item span {
  font-size: 10px;
  line-height: 10px;
  color: #9fbccc;
}

.nav-item.active span {
  color: #007aff;
}

.nav-item.active path {
  stroke: #007aff;
}

.icon-wrapper {
  position: relative;
  display: inline-block;
}

.unread-count {
  position: absolute;
  top: -4px;
  right: -6px;
  background-color: #fc3d3d;
  color: white;
  border-radius: 50%;
  padding: 2px 6px;
  font-size: 10px;
  font-weight: bold;
}

.popup-type {
  max-width: 240px;
  /* height: 104px; */
  background-color: white;
  border-radius: 12px;
  position: absolute;
  top: 20%;
  left: 3%;
}

.popup-head h5 {
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.popup-type-flex {
  /* display: flex; */
  padding: 10px;
  padding-bottom: 0px;
}

.popup-head {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#popup-close {
  margin-left: 110px;
  font-size: 24px;
  cursor: pointer;
}

.popup-text p {
  color: #607582;
  font-size: 12px;
  line-height: 12px;
  margin-block-start: 5px;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  /* Затемненный фон */
  display: none;
  /* По умолчанию скрыт */
  justify-content: center;
  align-items: center;
  z-index: 1000;
  /* Поверх всего */
}

/* Когда попап открыт */
.popup-overlay.show {
  display: flex;
}

.overlay-gorod {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999;
  /* Разместить за модальным окном */
}

/* Модальное окно */
.modal-gorod {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  /* height: 60%;  */
  height: auto;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: transform 0.3s ease;
  transform: translateY(100%);
  z-index: 1001;
  /* Разместить поверх фона */
  overflow: hidden;
  /* Чтобы содержимое не выходило за пределы */
  border-radius: 12px 12px 0 0;
}

.modal-gorod.show {
  transform: translateY(0);
}

.overlay-gorod.show {
  opacity: 1;
  visibility: visible;
}

.modal-content {
  width: 100%;
  padding: 20px;
  position: relative;
  max-height: 500px;
  height: 100%;
}

.modal-content-gorod {
  width: 100%;
  padding: 20px;
  position: relative;
  max-height: 500px;
  height: 100%;
  overflow-y: auto;
}

.close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}

.modal-content input {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #e4ecf0;
  border-radius: 12px;
  /* max-width: 360px; */
  height: 51px;
  outline: none;
}

.modal-content-gorod input {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #e4ecf0;
  border-radius: 12px;
  /* max-width: 360px; */
  height: 51px;
  outline: none;
}

.modal-content input::placeholder {
  color: #607582;
  font-family: "Nunito", sans-serif;
}

.modal-content-gorod input::placeholder {
  color: #607582;
  font-family: "Nunito", sans-serif;
}

#city-input {
  padding-left: 40px;
  /* Увеличьте отступ слева, чтобы текст не пересекался с фоном */
  background: url("/local/templates/cohelp/css/../img/icon 2 (2).png") no-repeat 10px center;
  background-size: 20px 20px;
  /* Размер иконки */
  width: 100%;
  box-sizing: border-box;
  /* Включает отступы и границы в общую ширину */
}

.s-city-block p {
  font-size: 15px;
  line-height: 18px;
  /* margin-block-start: 0em; */
  margin-block-end: 5px;
}

.s-city-block span {
  font-size: 10px;
  line-height: 10px;
  color: #a0b5c1;
}

.object-head h2 {
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
}

.object-add-butt a {
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 18px;
  color: #007aff;
}

.object-add-butt img {
  margin-right: 5px;
}

.object-block {
  max-width: 345px;
  /* height: 158px; */
  background-color: white;
  padding: 15px;
  border-radius: 12px;
  margin-bottom: 10px;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  /* Небольшое затенение */
}

.object-addres {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.object-room span {
  max-width: 106px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f7f9;
  border-radius: 8px;
  margin-right: 10px;
  flex: 0 0 30%;
  margin-bottom: 10px;
}

.object-room {
  display: flex;
  flex-wrap: wrap;
}

.object-add-butt {
  margin-bottom: 20px;
}

.object-custom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 1001;
  /* Разместить за модальным окном */
}

.object-custom-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 345px;
  width: 100%;
  height: 90px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  padding: 20px;
  display: none;
  /* Скрыто по умолчанию */
  z-index: 1002;
  /* Разместить поверх фона */
}

.object-custom-popup-content {
  font-size: 24px;
  font-weight: 600;
  line-height: 28.8px;
}

.object-custom-popup-content h2 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
}

.object-custom-popup-content {
  text-align: center;
}

.object-custom-popup-buttons {
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
}

/* .object-custom-popup-buttons button {
    margin: 0 10px;
    padding: 10px 20px;
    border: none;
    border-radius: 33px;
    background-color: #16C5CA;
    color: white;
    cursor: pointer;
    width: 151px;
    height: 44px;

} */

#object-confirm-delete {
  width: 151px;
  height: 44px;
  padding: 14px 16px;
  border-radius: 12px;
  border: solid 1px #007aff;
  color: #007aff;
  background: white;
}

#object-cancel-delete {
  width: 151px;
  height: 44px;
  padding: 14px 16px;
  border-radius: 12px;
  background: #007aff;
  color: white;
  border: none;
}

.object-custom-popup.show {
  display: block;
}

.object-custom-overlay.show {
  opacity: 1;
  visibility: visible;
}

.object-detail-head {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.object-detail-head h2 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}

.object-det-pal {
  display: flex;
  gap: 20px;
}

.object-det-pal-inp {
  display: flex;
  flex-direction: column;
  width: 30%;
}

.object-det-addres {
  display: flex;
  flex-direction: column;
  margin-bottom: 25px;
}

.object-det-addres label,
.object-det-pal-inp label {
  margin-bottom: 10px;
  color: #a0b5c1;
  font-size: 14px;
  line-height: 14px;
}

.object-det-addres input {
  border-left: none;
  border-right: none;
  border-top: none;
  background-color: #fafafa;
  outline: none;
  border-color: #e4ecf0;
}

.object-det-pal-inp input {
  border-left: none;
  border-right: none;
  border-top: none;
  background-color: #fafafa;
  outline: none;
  border-color: #e4ecf0;
}

.object-sost-m input[type="text"] {
  max-height: 48px;
  width: 85%;
  border-radius: 12px;
  background-color: white;
  border: 1px solid #e4ecf0;
  outline: none;
  padding-left: 10px;
}

.object-sost-m input[type="number"] {
  height: 48px;
  width: 15%;
  border-radius: 12px;
  background-color: white;
  border: 1px solid #e4ecf0;
  outline: none;
  text-align: center;
}

.object-sost-m {
  display: flex;
  gap: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.object-det-sostav span {
  font-size: 14px;
  line-height: 14px;
  color: #a0b5c1;
}

.object-det-sostav {
  margin-top: 25px;
}

.object-sost-m input[type="number"]::placeholder {
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #607582;
  font-family: "Nunito", sans-serif;
}

.object-sost-m input[type="text"]::placeholder {
  font-size: 14px;
  line-height: 14px;
  color: #607582;
  font-family: "Nunito", sans-serif;
}

.object-det-delete {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}

.object-det-delete a {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #007aff;
}

.obj-step {
  display: none;
}

.obj-step.active {
  display: block;
}

.obj-button-group {
  display: flex;
  justify-content: center;
  position: fixed;
  bottom: 20px;
  left: 0;
  right: 0;
}

.obj-step-button {
  width: 200px;
  height: 40px;
  background-color: #16c5ca;
  color: white;
  border: none;
  border-radius: 20px;
  cursor: pointer;
}

.obj-pagination {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.obj-bottom-bar {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: white;
  padding: 10px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.obj-form-group {
  margin-bottom: 15px;
  margin-top: 15px;
}

.obj-form-group label {
  display: block;
  margin-bottom: 5px;
}

.obj-form-group input::placeholder {
  color: #a0b5c1 !important;
}

.ob-add-kv input::placeholder {
  color: #a0b5c1 !important;
}

.obj-form-group input {
  height: 48px;
  width: 98%;
  border-radius: 12px;
  background-color: white;
  border: 1px solid #e4ecf0;
  outline: none;
  padding-left: 10px;
}

.obj-button-group button {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  background-color: #007aff;
  color: white;
  padding: 15px;
  border: none;
  width: 90%;
  font-size: 16px;
  cursor: pointer;
  border-radius: 50px;
}

.obj-step-2 .composition-block {
  margin-top: 20px;
}

.obj-composition-block .input-group {
  margin-bottom: 10px;
}

.obj-pagination {
  display: flex;
  justify-content: center;
  margin-top: 15px;
  margin-bottom: 70px;
}

.obj-pagination .obj-dot {
  width: 10px;
  height: 10px;
  background-color: #007aff1a;
  border-radius: 50%;
  margin: 0 5px;
}

.obj-pagination .obj-dot.active {
  background-color: #007aff;
  border-radius: 30%;
  width: 20px;
}

.ob-add {
  margin-bottom: 15px;
  display: flex;
  gap: 10px;
}

.ob-add-kv {
  display: flex;
  flex-direction: column;
  width: 32%;
}

.ob-add-kv input::placeholder {
  color: #607582;
  font-family: "Nunito", sans-serif;
}

.obj-form-group input::placeholder {
  color: #607582;
  font-family: "Nunito", sans-serif;
}

.ob-add-kv input {
  height: 48px;
  border-radius: 12px;
  background-color: white;
  border: 1px solid #e4ecf0;
  outline: none;
  padding-left: 10px;
}

.action-bar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.slicky-top-panel {
  background-color: #f7f7f7;
  padding: 5px 15px;
  border-bottom: solid 1px #0c0c0c0d;
  position: fixed;
  top: 67px;
  width: 100%;
  max-width: 380px;
  z-index: 9;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.obj-form-group select {
  height: 48px;
  border-radius: 12px;
  background-color: white;
  border: 1px solid #e4ecf0;
  outline: none;
  width: 100%;
  padding-left: 10px;
  color: #a0b5c1;
  font-family: "Nunito", sans-serif;
  font-size: 16px;
}

.type-img-radius {
  padding: 3px;
  background: #007aff1a;
  border-radius: 100%;
  width: 20px;
  height: 20px;
}

.obj-add-info {
  margin: 0 auto;
  width: 235px;
  margin-top: 20px;
  text-align: center;
}

.add-all-room {
  border: solid 1px #007aff1a;
  border-radius: 12px;
  padding: 10px;
}

.add-all-room span {
  color: #607582;
  font-size: 12px;
  line-height: 12px;
}

.step {
  display: none;
  min-height: calc(100vh - 90px);
  /* Оставляем место для кнопки и пагинации */
}

.step.active {
  display: block;
}

.step-header {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  margin-bottom: 25px;
}

.step-header img {
  margin-right: 10px;
  cursor: pointer;
}

.input-block {
  margin-bottom: 15px;
}

.input-block label {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

/* input[type="text"], input[type="date"], input[type="time"] {
    width: 95%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
} */
.bottom-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  color: white;
  padding: 20px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: solid 1px #e4ecf0;
  z-index: 2;
}

.pagination {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.pagination .step-indicator {
  width: 10px;
  height: 10px;
  background-color: #007aff1a;
  border-radius: 50%;
  margin: 0 5px;
}

.pagination .step-indicator.active {
  background-color: #007aff;
  border-radius: 30%;
  width: 20px;
}

.button {
  background-color: #007aff;
  color: white;
  padding: 15px;
  border: none;
  width: 90%;
  font-size: 16px;
  cursor: pointer;
  border-radius: 50px;
  align-items: center;
}

.publish-button {
  background-color: #007aff;
  display: none;
  color: white;
  padding: 15px;
  border: none;
  width: 90%;
  font-size: 16px;
  cursor: pointer;
  border-radius: 50px;
  align-items: center;
}

.total-amount {
  display: none;
  font-size: 18px;
  font-weight: bold;
  color: black;
}

.total-amount.active {
  display: block;
  max-width: 400px;
  width: 100%;
}

.publish-button.active {
  display: block;
}

/* Скрываем оригинальный радио */
.z-t-object input[type="radio"] {
  display: none;
}

.zakaz-in-raiting input[type="radio"] {
  display: none;
}

/* Контейнер для радио кнопки */
.zakaz-custom-radio {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #a0b5c1;
  /* Цвет бордера */
  position: relative;
  cursor: pointer;
}

/* Контейнер для радио кнопки */
.zakaz-custom-radio-poisk {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #a0b5c1;
  /* Цвет бордера */
  position: relative;
  cursor: pointer;
  margin-right: 10px;
}

/* Контейнер для радио кнопки */
.zakaz-custom-radio-raiting {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #a0b5c1;
  /* Цвет бордера */
  position: relative;
  cursor: pointer;
}

/* Внутренний круг при состоянии по умолчанию */
.zakaz-custom-radio::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: white;
  /* Внутри белый */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.zakaz-custom-radio-poisk::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: white;
  /* Внутри белый */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.zakaz-custom-radio-raiting::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: white;
  /* Внутри белый */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* При нажатии радио */
.z-t-object input[type="radio"]:checked + .zakaz-custom-radio::before {
  background-color: #007aff;
  /* Цвет при нажатии */
  width: 16px;
  height: 16px;
}

/* При нажатии радио */
.zakaz-in-raiting
  input[type="radio"]:checked
  + .zakaz-custom-radio-raiting::before {
  background-color: #007aff;
  /* Цвет при нажатии */
  width: 16px;
  height: 16px;
}

.zakaz-in-raiting
  input[type="radio"]:checked
  + .zakaz-custom-radio-poisk::before {
  background-color: #007aff;
  /* Цвет при нажатии */
  width: 16px;
  height: 16px;
}

/* Добавляем текст рядом с радио-кнопкой */
.zakaz-radio-label {
  margin-left: 10px;
  font-size: 16px;
  line-height: 18px;
  vertical-align: middle;
  cursor: pointer;
}

.zakaz-in-timedate {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.zakaz-time-and-date {
  margin-top: 20px;
  margin-bottom: 20px;
}

.zakaz-time-and-date label {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
}

.zakaz-in-raiting {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.zakaz-raiting label {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
  display: flex;
  flex: 0 0 48%;
  align-items: center;
}

.zakaz-take-object {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
}

/* Общие стили для инпутов */
.zakaz-in-timedate input[type="date"],
.zakaz-in-timedate input[type="time"] {
  padding-left: 40px;
  /* Отступ для картинки */
  width: 100%;
  height: 30px !important;
  padding: 10px;
  font-size: 16px;
  border: 1px solid #e4ecf0;
  border-radius: 12px;
  outline: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 130px center;
}

/* Для инпута с типом "date" */
.zakaz-in-timedate input[type="date"] {
  background-image: url("/local/templates/cohelp/css/../img/icons (1).png");
  /* Путь к вашей иконке календаря */
}

/* Для инпута с типом "time" */
.zakaz-in-timedate input[type="time"] {
  background-image: url("/local/templates/cohelp/css/../img/icons (2).png");
  /* Путь к вашей иконке часов */
}

.zakaz-in-timedate input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}

.zakaz-in-timedate input[type="date"] {
  -webkit-appearance: none;
  appearance: none;
}

.zakaz-in-timedate input[type="time"]::-webkit-calendar-picker-indicator {
  display: none;
}

.zakaz-in-timedate input[type="time"] {
  -webkit-appearance: none;
  appearance: none;
}

.type-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.type-name h4 {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}

/* .zakaz-type-clean {
    max-width: 900px;
    margin: 0 auto;
} */

.type-clean-block {
  /* max-width: 343px; */
  /* height: 106px; */
  border-radius: 12px;
  background: white;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  padding: 20px;
  margin-bottom: 12px;
}

/* Активный стиль блока */
.type-clean-block.active {
  border: solid 1px #007aff;
}

.type-clean-block p {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #607582;
  display: none;
}

.type-clean-block span {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  color: black;
}

.zakaz-addres span {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: black;
}

.zakaz-addres {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.zakaz-addres img {
  margin-right: 10px;
}

.zakaz-sostav-pom label {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
}

/* Скрываем стандартный чекбокс */
.custom-checkbox input[type="checkbox"] {
  display: none;
}

/* Стиль кастомного чекбокса */
.custom-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.custom-checkbox .checkbox-box {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1px solid #16c5ca;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.custom-checkbox .checkbox-box::after {
  content: "";
  width: 5px;
  height: 13px;
  border: solid 2px #16c5ca;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
  position: absolute;
  top: 43%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  opacity: 0;
}

/* Стили для активного состояния чекбокса */
.custom-checkbox input[type="checkbox"]:checked + .checkbox-box::after {
  opacity: 1;
}

.custom-checkbox .checkbox-label {
  margin-left: 8px;
  font-size: 16px;
  line-height: 20px;
}

.home-img-block {
  max-width: 100px;
  max-height: 100px;
  width: 100%;
  height: 100%;
}

.home-img-close-icon {
  position: relative;
  bottom: 102px;
  left: 85px;
  width: 20px;
  /* Ширина и высота крестика */
  height: 20px;
  cursor: pointer;
  /* Курсор-указатель при наведении */
}

.zakaz-home-img {
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
}

.home-img-block a {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  width: 120px;
  display: flex;
  color: #16c5ca;
}

.zakaz-comment label {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
}

.zakaz-comment {
  display: flex;
  flex-direction: column;
}

.zakaz-comment textarea {
  height: 120px;
  padding: 10px;
  outline: none;
  border: solid 1px #e4ecf0;
  border-radius: 12px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.zakaz-comment textarea::placeholder {
  color: #607582;
  font-family: "Nunito", sans-serif;
}

.zakaz-itogo {
  display: flex;
  justify-content: space-around;
  margin-bottom: 15px;
}

.zakaz-itogo span {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}

.itogo-and-img span {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}

.itogo-and-img {
  display: flex;
  align-items: center;
  gap: 10px;
}

.dop-clean-block {
  max-width: 109px;
  height: 152px;
  border-radius: 12px;
  border: solid 1px #e4ecf0;
}

.dop-clean-card {
  margin-bottom: 8px;
  width: 109px;
  /* height: 152px; */
  border: 1px solid #e4ecf0;
  border-radius: 12px;
  padding: 10px;
  box-sizing: border-box;
  position: relative;
  text-align: center;
  font-family: Arial, sans-serif;
  flex: 0 0 29.6%;
  margin-right: 10px;
}

.dop-clean-circle {
  width: 40px;
  height: 40px;
  background-color: #f9e1e8;
  /* Розовый цвет */
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}

.dop-clean-icon {
  position: relative;
  width: 40px;
  height: 40px;
  margin-top: 2px;
  z-index: 1;
  margin-right: 10px;
}

.dop-clean-info-icon {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 16px;
  color: #bcc5c8;
}

.dop-clean-title {
  /* margin-top: 15px; */
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
  color: #3a3a3a;
  height: 24px;
}

.dop-clean-quantity {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #a0b5c1;
  margin: 15px 0;
  margin-bottom: 55px;
}

.dop-clean-price {
  background-color: #007aff1a;
  color: #000;
  border-radius: 8px;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}

.zakaz-dop-clean {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: center; */
  margin: 0 0 60px 0;
}

.dop-clean-card.active {
  border: solid 1px #007aff;
}

.filters-inp {
  /* height: 201px; */
  border-color: white;
  border-radius: 16px;
  box-shadow: 0 2px 9px rgba(0, 0, 0, 0.2);
  padding: 10px;
}

.ispolnitel-buttons-filt {
  display: flex;
  /* align-items: center; */
  justify-content: center;
  width: 100%;
  height: 48px;
  background-color: #f4f7f9;
  border-radius: 12px;
}

.ispolnitel-buttons-filt a {
  display: flex;
  cursor: pointer;
  align-items: center;
  color: black;
  text-decoration: none;
}

.ispolnitel-buttons-filt img {
  margin-right: 5px;
}

.news-zakaz-block {
  /* max-width: 345px; */
  /* width: 100%; */
  /* height: 263px; */
  border-radius: 16px;
  background-color: #ffffff;
  padding: 10px;
  margin-bottom: 10px;
}

.news-zakaz-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-zakaz-head p {
  font-size: 15px;
  line-height: 15px;
  font-weight: 600;
  margin-block-start: 1em;
  margin-block-end: 1em;
  max-width: 200px;
}

.news-zakaz-date {
  display: flex;
  align-items: center;
}

.news-zakaz-date img {
  margin-right: 3px;
}

.news-zakaz-date span {
  /* font-size: 14px;
    line-height: 16.8px;
    font-weight: 400;
    margin-top: 4px; */
  font-size: 12px !important;
  line-height: 10px !important;
  font-weight: 400 !important;
  color: #6d6d6d !important;
}

.news-zakaz-img {
  display: none;
}

.news-zakaz-price {
  margin-top: 10px;
}

.news-zakaz-type span,
.news-zakaz-dop span {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #a0b5c1;
}

.zakaz-photo-block {
  display: none;
}

.news-zakaz-type p,
.news-zakaz-dop p {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 400;
  color: black;
  margin-block-start: 5px;
  margin-block-end: 5px;
  white-space: wrap;
  /* overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%; */
}

.news-zakaz-price span {
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  color: #007aff;
  border-radius: 100px;
}

.isp-zakaz-head h2 {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
  margin-top: 45px;
}

.news-type-dop {
  /* display: flex; */
  /* justify-content: space-between; */
}

.news-zakaz-flex {
  width: 69%;
}

.n-z-date-flex span {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #a0b5c1;
}

.n-z-date {
  display: flex;
  /* align-items: center; */
  flex-direction: column;
  margin-right: 10px;
  /* margin-bottom: 10px; */
}

.n-z-time {
  display: flex;
  /* margin-bottom: 10px; */
  align-items: center;
}

.news-zakaz-tags span {
  /* padding: 5px;
    background-color: #F4F7F9; */
  color: #00cb5d !important;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  border-radius: 10px;
}

.news-zakaz-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

.news-zakaz-button a {
  height: 34px;
  border: solid 1px #007aff;
  border-radius: 100px;
  color: #007aff;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}

.ispolnitel-new-zakaz {
  padding-bottom: 60px;
}

/* Новое модальное окно */
.new-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999;
}

.new-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: transform 0.3s ease;
  transform: translateY(100%);
  z-index: 1001;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}

.new-modal.show {
  transform: translateY(0);
}

.new-overlay.show {
  opacity: 1;
  visibility: visible;
}

.new-modal-content {
  width: 100%;
  padding: 20px;
  position: relative;
  max-height: 500px;
  height: 90%;
}

.new-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}

.new-modal-content input {
  width: 100%;
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #e4ecf0;
  border-radius: 12px;
  max-width: 360px;
  height: 51px;
  outline: none;
}

.new-modal-content input::placeholder {
  color: #607582;
  font-family: "Nunito", sans-serif;
}

.zakaz-time-button input {
  margin-right: 10px;
}

.news-zakaz-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.new-modal-button-group button {
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  background-color: #007aff;
  color: white;
  padding: 15px;
  border: none;
  width: 100%;
  font-size: 16px;
  cursor: pointer;
  border-radius: 50px;
}

.new-modal-button-group {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}

.new-modal-zakaz-head {
  margin-top: 25px;
}

.new-modal-zakaz-head h2 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}

.new-modal-textarea-comm {
  margin-top: 12px;
}

.new-modal-textarea-comm span {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}

.new-modal-textarea-comm p {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #607582;
}

.new-modal-zakaz-head span {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
  color: #007aff;
}

.verific-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999;
}

.verific-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: transform 0.3s ease;
  transform: translateY(100%);
  z-index: 1001;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}

.verific-modal.show {
  transform: translateY(0);
}

.verific-overlay.show {
  opacity: 1;
  visibility: visible;
}

.verific-modal-content {
  width: 100%;
  padding: 20px;
  position: relative;
  /* max-height: 500px; */
  height: 95%;
  overflow-y: auto;
  /* Вертикальный скролл */
}

.verific-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}

.verific-modal-content input::placeholder {
  color: #607582;
  font-family: "Nunito", sans-serif;
}

.verific-button-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
  margin-bottom: 70px;
}

.verific-button-group button {
  margin-bottom: 20px;
}

.verific-button-group a {
  color: #16c5ca;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  text-decoration: none;
}

.verific-input {
  display: flex;
  flex-direction: column;
}

.verific-input input {
  padding: 16px;
  border-radius: 12px;
  border: solid 1px #e4ecf0;
  margin-bottom: 10px;
}

.verific-text-info {
  display: flex;
  flex-direction: column;
}

.verific-text-info a {
  margin-top: 15px;
  color: #16c5ca;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}

.verific-text-info span {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
}

.filters-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999;
}

.filters-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 95%;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: transform 0.3s ease;
  transform: translateY(100%);
  z-index: 1001;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}

.filters-modal.show {
  transform: translateY(0);
}

.filters-overlay.show {
  opacity: 1;
  visibility: visible;
}

.filters-modal-content {
  width: 100%;
  padding: 20px;
  position: relative;
  /* max-height: 500px; */
  height: 95%;
  overflow-y: auto;
  /* Вертикальный скролл */
}

.filters-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}

/* .filters-modal-content input {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #E4ECF0;
    border-radius: 12px;
    max-width: 360px;
    height: 51px;
    outline: none;
} */

.filters-modal-content input::placeholder {
  color: #607582;
  font-family: "Nunito", sans-serif;
}

.filters-type-block {
  /* max-width: 167px; */
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #007aff1a;
  border-radius: 16px;
  flex: 0 0 49%;
  margin-bottom: 10px;
  flex-direction: column;
}

.filt-img-flex {
  position: relative;
  top: -45%;
  left: 41%;
}

.filt-span-flex {
  position: relative;
  top: 33%;
  left: 0%;
}

.filters-type-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
}

.filters-type-block span {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #607582;
}

.filters-modal-head h2 {
  font-size: 24px;
  line-height: 28.8px;
  font-weight: 600;
}

.filters-adres-input span {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
}

.filters-datetime span {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
}

.filters-type-clean span {
  font-size: 14px;
  line-height: 16.8px;
  font-weight: 700;
}

.c-city h1 {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
}

#profile-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.profile-kr-img {
  display: flex;
  align-items: center;
}

.iz-p-text p {
  text-align: justify;
}
.iz-p-text h2 {
  text-align: justify;
  font-size: 20px;
}

.profile-kr-img img {
  border-radius: 50px;
  width: 80px;
  height: 80px;
  object-fit: cover;
}

.profile-kr-info h2 {
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.profile-kr-info {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 10px;
  width: 50%;
}

.profile-kr-content {
  display: flex;
  justify-content: space-between;
  padding: 0px 20px;
  /* gap: 50px; */
}

.profile-kr-info span {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: #b6b6b6;
}

.profile-kr-info h2 {
  font-size: 18px;
  line-height: 21.6px;
  font-weight: 700;
  color: black;
}

.pr-settings-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.set-block-name {
  display: flex;
  align-items: center;
}

.set-block-name img {
  margin-right: 10px;
}

.pr-settings-li {
  margin-bottom: 25px;
}

.pr-settings-head h2 {
  font-size: 18px;
  line-height: 21.6px;
  font-weight: 700;
  margin-block-start: 20px;
  margin-block-end: 30px;
}

.c-city img {
  margin-right: 10px;
}

.c-city {
  display: flex;
  align-items: center;
}

#profile-head {
  display: flex;
  align-items: center;
}

.lich-info-img img {
  width: 80px;
  height: 80px;
  border-radius: 50px;
}

.profile-kr-info-mainp {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 10px;
}

.lich-info-content {
  height: 110px;
  border-radius: 12px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 30px;
  padding-bottom: 15px;
}

.lich-info-text {
  width: 70%;
}

.l-info-flex {
  display: flex;
  align-items: center;
}

.l-info-otz-rait-main {
  display: flex;
  min-width: 180px;
  justify-content: space-between;
  width: 100%;
  margin-top: 15px;
}

.l-info-flex h2 {
  margin-right: 15px;
  margin-block-end: 20px;
  margin-block-start: 20px;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.l-info-rait-flex {
  text-align: center;
}

.l-info-border {
  border: solid 1px #e4ecf0;
}

.l-info-otzivi p {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  margin-block-start: 0em;
  margin-block-end: 5px;
  text-align: center;
}

.l-info-rait-flex span {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  color: black !important;
}

.l-info-otzivi span {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #b6b6b6;
}

.l-info-raiting span {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #b6b6b6;
}

.l-info-raiting {
  display: none;
}

.lich-settings-li {
  margin-bottom: 25px;
}

.lich-settings-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lich-block-name {
  display: flex;
  align-items: center;
}

.lich-block-name img {
  margin-right: 10px;
}

.lichnie-dannie {
  margin-top: 30px;
}

.unread-count-green {
  background-color: #007aff33;
  color: white;
  border-radius: 50%;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: bold;
  margin-left: 8px;
  color: #6d6d6d;
}

.lich-his-head {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.lich-his-head h2 {
  margin-block-start: 0px;
  margin-block-end: 0px;
}

.lich-his-head h2 {
  font-size: 18px;
  line-height: 21.6px;
  font-weight: 700;
}

.lich-history-zakaz {
  margin-top: 10px;
}

.lich-history-block {
  max-width: 160px;
  height: 134px;
  border-radius: 8px;
  padding: 10px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
}

.lich-history-block img {
  margin-bottom: 5px;
}

.lich-history-main {
  display: flex;
}

.lich-otzivi-block {
  max-width: 256px;
  height: auto;
  border-radius: 12px;
  padding: 12px;
  border: solid 1px #e4ecf0;
  margin-right: 10px;
}

.lich-otzivi-img img {
  width: 32px;
  height: 32px;
}

.lich-otzivi-img {
  display: flex;
  align-items: center;
  gap: 15px;
}

.l-otz-name-date p {
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.l-otz-name-date {
  display: flex;
  flex-direction: column;
}

.lich-otzivi-textot {
  margin-top: 10px;
}

.lich-otzivi-textot p {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 10px;
  line-height: 13px;
  font-weight: 400;
}

.l-otz-name-date p {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  margin-bottom: 5px;
}

.l-otz-name-date span {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #6d6d6d;
}

.lich-otzivi-stars {
  margin-top: 10px;
  margin-bottom: 10px;
}

.lich-otzivi-main {
  display: flex;
}

.zakazi-slidebar-block {
  display: flex !important;
  white-space: nowrap;
  align-items: center;
  background-color: #f4f7f9;
  border-radius: 100px;
  /* border: 1px solid; */
  padding: 7px;
  max-width: 105px;
  justify-content: center;
  margin-right: 5px;
  font-size: 14px;
}

.zakazi-slidebar-block.active {
  background-color: #333333;
  color: #ffffff;
}

.zakazi-slidebar-block span {
  color: #a0b5c1;
}

.zakazi-isp-slide {
  display: flex;
  flex-wrap: nowrap;
  gap: 15px;
}

.zakazi-isp-card-z {
  margin-top: 30px;
  display: none;
}

.isp-zakaz-tags span {
  padding: 5px;
  background-color: #f4f7f9;
  color: #607582;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  border-radius: 10px;
}

.activnie-zakaz-tags span {
  padding: 5px;
  background-color: #f4f7f9;
  color: #16c5ca;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  border-radius: 10px;
}

.zakazi-isp-card-z.active {
  display: block;
}

.o-sebe-head span {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #6d6d6d;
}

.o-sebe-text span {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
}

.o-zakazchike-o-sebe {
  margin-top: 20px;
  margin-bottom: 10px;
}

.text-about-language span {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #6d6d6d;
}

.text-about-language a {
  font-size: 10px;
  line-height: 10px;
  font-weight: 600;
  text-decoration: underline;
  color: black;
}

.kart-img-block img {
  width: 100%;
  height: 150px;
  border-radius: 12px;
  object-fit: cover;
}

.kart-img-block {
  max-width: 146px;
  border-radius: 12px;
  margin-right: 10px;
  height: 160px;
}

.kart-img-slider-main {
  display: flex;
  padding-top: 10px;
}

.kartochka-img-slider span {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: #00cb5d;
}

.kartochka-img-slider-poisk span {
  color: #6d6d6d;
}

.kartochka-img-slider-ozhidaet span {
  color: #ffbc00;
}

.kartochka-otkliki-head-ozhidaet {
  visibility: hidden;
}

.kartochka-img-slider-vip span {
  color: black;
}

.kartochka-img-slider-proverka span {
  color: #007aff;
}

.kartochka-img-slider-archive span {
  color: #b6b6b6;
}

.bottom-bar-button {
  /*position: fixed;*/
  bottom: 20px;
  left: 0;
  width: 100%;
  color: white;
  padding: 20px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: none;
  z-index: 2;
}

.kartochka-otkliki-head a {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #007aff;
  margin-block-start: 10px;
  margin-block-end: 10px;
}

.kartochka-otkliki-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kartochka-otkliki-head h2 {
  margin-block-start: 10px;
  margin-block-end: 10px;
  font-size: 18px;
  line-height: 21.6px;
  font-weight: 700;
}

.kartochka-info-main p {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  margin-block-start: 1em;
  margin-block-end: 10px;
}

.kartochka-info-main span {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #007aff;
}

.kartochka-info-date-usluga {
  margin-top: 15px;
}

.kartochka-info-block {
  margin-top: 15px;
  overflow: hidden;
  transition: max-height 0.5s ease, filter 0.5s ease;
  max-height: 150px;
  /* высота в свернутом состоянии */
  position: relative;
}

.best-info span {
  background: #f9dedc;
  padding: 5px;
  border-radius: 20px;
  font-size: 12px;
}

.kartochka-info-block.expanded {
  max-height: 500px;
  /* раскрыть */
}

.kartochka-info-date-dopusluga span {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #6d6d6d;
}

.kartochka-info-date-dopusluga p {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: black;
  transition: opacity 0.3s ease;
}

.kartochka-info-date-dopusluga.collapsed p {
  opacity: 0;
  /* скрыть текст */
}

.kartochka-info-date-usluga span {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #6d6d6d;
}

.kartochka-info-date-usluga p {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: black;
  margin-block-start: 10px;
  margin-block-end: 10px;
}

.download-documents-block {
  margin-bottom: 12px;
}

.kartochka-toggle-image {
  transition: transform 0.5s ease;
  margin-left: 5px;
}

.rotated {
  transform: rotate(180deg);
}

.kartochka-button-razvern {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.kartochka-button-razvern a {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #007aff;
  cursor: pointer;
}

.kartochka-button-razvern img {
  margin-left: 5px;
}

.c-city h2 {
  margin-block-start: 0em;
  margin-block-end: 0em;
  font-size: 18px;
  line-height: 21.6px;
  font-weight: 700;
}

.reg-butt-main {
  /* display: flex; */
  background-color: white;
  /* padding: 10px; */
  /* width: 100%; */
  height: 50px;
  align-items: center;
  display: flex;
  justify-content: space-around;
  gap: 16px;
  /* padding-left: 5px;
    padding-right: 5px; */
  border-radius: 12px;
}

.reg-butt-main a {
  background: white;
  padding: 10px;
  max-width: 163px;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 12px;
  color: #6d6d6d;
}

.reg-butt-main a.active {
  background-color: #16c5ca1a;
  color: black;
}

.kartochka-img-slider-poisk span {
  visibility: hidden;
}

.zakazi-for-you-with-filter p {
  color: white;
  text-decoration: none;
  cursor: pointer;
  margin: 0;
  padding: 5px;
  background: #007aff;
  border-radius: 20px;
  margin-bottom: 10px;
}

.zakazi-for-you-with-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.zakazi-for-you-with-filter h2 {
  margin-top: 0px;
}

.register-buttons-or {
  margin-top: 50px;
  margin-bottom: 25px;
}

.register-input-phone {
  display: flex;
  flex-direction: column;
}

.register-input-phone input {
  border-radius: 12px;
  padding: 17px;
  border: solid 1px #e4ecf0;
  background-color: white;
  outline: none;
  margin-bottom: 15px;
  width: 90%;
}

.register-input-phone input[type="number"] {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #6d6d6d;
  font-family: "Nunito", sans-serif;
}

.register-input-phone span {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #6d6d6d;
}

.register-button-next {
  background-color: #007aff;
  /* padding: 10px; */
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 33px;
  color: white;
  margin-top: 20px;
}

.sms-code-container {
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  margin-top: 20px;
  box-sizing: border-box; /* Обеспечиваем правильное расположение в input */
  max-width: 375px;
  width: 100%;
}

.sms-code-label {
  font-size: 16px;
  margin-bottom: 10px;
}

.sms-code-inputs {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  box-sizing: border-box; /* Обеспечиваем правильное расположение в input */
  max-width: 375px;
  width: 100%;
}

.sms-input {
  width: 40px !important;
  height: 40px !important;
  text-align: center;
  font-size: 24px;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-sizing: border-box; /* Обеспечиваем правильное расположение в input */
}

.sms-input input {
  width: 40px !important;
  height: 40px !important;
  box-sizing: border-box; /* Обеспечиваем правильное расположение в input */
}

.sms-input:focus {
  border-color: #007aff;
  outline: none;
}

.resend-container {
  margin-top: 10px;
  font-size: 14px;
}

.resend-container a {
  color: black;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}

.resend-container span {
  color: black;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
}

.login-btn {
  margin-top: 20px;
  padding: 10px 40px;
  background-color: #16c5ca;
  color: white;
  border: none;
  border-radius: 24px;
  cursor: pointer;
  font-size: 16px;
}

.ytochnite-search-container {
  width: 100%;
  position: relative;
}

.ytochnite-search-input-wrapper {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  padding: 12px 16px 12px 16px;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
  margin-bottom: 10px;
  border: solid 1px #16c5ca;
}

.ytochnite-search-input-wrapper input {
  border: none;
  outline: none;
  flex: 1;
  padding-left: 30px;
  font-size: 16px;
}

.ytochnite-search-icon {
  position: absolute;
  left: 15px;
  font-size: 18px;
  color: #999;
}

.ytochnite-suggestions {
  list-style-type: none;
  width: 100%;
  max-height: 150px;
  overflow-y: auto;
  margin-top: 5px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 10px;
}

.ytochnite-map-placeholder {
  width: 100%;
  height: 250px;
  background-color: #d3d3d3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  border-radius: 8px;
  flex-direction: column;
}

.ytochnite-confirm-btn {
  margin-top: 20px;
  background-color: #16c5ca;
  color: white;
  padding: 12px 50px;
  border: none;
  border-radius: 24px;
  font-size: 16px;
  cursor: pointer;
}

.ytochnite-adres-main {
  background-color: #d3d3d3;
  padding: 15px;
  border-radius: 12px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ytochnite-button {
  display: flex;
  justify-content: center;
}

body.modal-open {
  overflow: hidden;
  /* Блокировка прокрутки основной страницы */
}

.go-to-chat {
  width: 50%;
}

.kartochka-vse-otkliki span {
  margin-top: 20px;
  width: 45%;
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  align-items: center;
  display: flex;
}

.kartochka-vse-otkliki {
  display: flex;
  justify-content: space-between;
}

.predlzak-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 999;
}

.predlzak-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: transform 0.3s ease;
  transform: translateY(100%);
  z-index: 1001;
  overflow: hidden;
  border-radius: 12px 12px 0 0;
}

.predlzak-modal.show {
  transform: translateY(0);
}

.predlzak-overlay.show {
  opacity: 1;
  visibility: visible;
}

.predlzak-modal-content {
  width: 100%;
  padding: 20px;
  position: relative;
  max-height: 500px;
  /* height: 95%; */
  overflow-y: auto;
  /* Вертикальный скролл */
}

.predlzak-close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
}

.predlzak-modal-content input::placeholder {
  color: #607582;
  font-family: "Nunito", sans-serif;
}

.predlzak-modal-button {
  bottom: 0px;
}

.predlzak-modal-block {
  height: auto;
  margin-bottom: 20px;
}

.predlzak-tags span {
  padding: 0px;
  background-color: white;
  color: green;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  border-radius: 0px;
}

.news-zakaz-head span {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #6d6d6d;
}

.my-zakazi-zakazchik {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 10px;
}

.responses-block {
  display: none;
  align-items: center;
}

.responses-text {
  font-size: 24px;
  color: #b6bec9;
  margin-right: 10px;
}

.responses-images {
  display: flex;
}

.responses-images img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: -10px;
  /* Для эффекта наложения изображений */
  border: 2px solid white;
  /* Для видимости границы между изображениями */
  background: #fff;
}

.my-zakazi-tags span {
  padding: 0px;
  background-color: white;
  color: #ffbc00;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  border-radius: 0px;
}

.iz-p-adress-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.iz-p-date-number p {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #6d6d6d;
  margin-block-start: 0em;
  margin-block-end: 7px;
}

.iz-p-date-number span {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: #6d6d6d;
}

.iz-p-adress-price p {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  margin-block-start: 7px;
  margin-block-end: 0em;
}

.iz-p-adress-price span {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}

.iz-p-vip-oper-block {
  border-radius: 10px;
  background-color: #ffffff;
  padding: 10px;
  margin-bottom: 12px;
}

.iz-p-google-apple {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
  margin-bottom: 25px;
}

.iz-p-google-apple a {
  width: 50%;
  border: solid 1px #e4ecf0;
  display: flex;
  justify-content: center;
  padding: 14px;
  border-radius: 52px;
  gap: 10px;
}

.iz-p-dannie h2 {
  margin-block-start: 10px;
  margin-block-end: 10px;
  font-size: 18px;
  line-height: 21.6px;
  font-weight: 700;
}

.iz-p-dannie {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}

.iz-p-verification {
  padding: 16px 14px;
  border-radius: 12px;
  color: white;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  background-color: #007aff99;
  display: flex;
  /* max-width: 203px; */
  margin-top: 15px;
  justify-content: center;
}

.iz-p-rabota p {
  text-align: justify;
}

.iz-p-dannie {
  text-align: justify;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
}

.iz-p-privyazati-acc span {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #6d6d6d;
}

.iz-p-delete-account a {
  text-decoration: underline;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #007aff;
}

.iz-p-yvedom-date {
  display: flex;
  justify-content: center;
}

.iz-p-yvedom-date {
  margin-bottom: 20px;
  margin-top: 20px;
}

.iz-p-yvedom-date span {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  color: #6d6d6d;
}

.iz-p-yvedom-block {
  padding: 16px;
  border-radius: 12px;
  background-color: white;
  margin-bottom: 10px;
}

.iz-p-yvedom-block p {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  margin-block-start: 10px;
  margin-block-end: 10px;
}

.iz-p-yvedom-border {
  border: solid 1px #e4ecf0;
  margin-bottom: 10px;
}

.iz-p-language-switcher {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  justify-content: space-between;
}

.iz-p-language-switcher label {
  margin-right: 10px;
}

.iz-p-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
}

.iz-p-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.iz-p-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 25px;
}

.iz-p-slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .iz-p-slider {
  background-color: #16c5ca;
}

input:checked + .iz-p-slider:before {
  transform: translateX(25px);
}

.iz-p-podar-code {
  padding: 16px 12px;
  border-radius: 10px;
  background-color: white;
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.iz-p-podar-code span {
  font-size: 22px;
  line-height: 22px;
  font-weight: 600;
}

.iz-p-podar-code a {
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  color: #16c5ca;
}

.iz-p-podar-karti-place {
  background: #d9d9d9;
  height: 180px;
  border-radius: 8px;
}

.iz-p-invite-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  /* Ограничиваем ширину текста */
  color: #8c8c8c;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
}

.iz-p-rabota-place {
  /* height: 200px;
    background-color: #D9D9D9; */
  border-radius: 12px;
}

.iz-p-rabota-blocks p {
  color: #6d6d6d;
}

.iz-p-rabota-faq-main {
  display: flex;
  align-items: center;
}

.iz-p-rabota-faq-block p {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  margin-block-start: 10px;
  margin-block-end: 10px;
  flex: 0 0 95%;
}

.iz-p-rabota-faq-otvet {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #6d6d6d;
}

.iz-p-rabota-faq-otvet {
  display: none;
  padding: 10px;
}

.iz-p-rabota-faq-block.active .iz-p-rabota-faq-otvet {
  display: block;
}

.iz-p-rabota-faq-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding: 5px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.iz-p-toggle-icon {
  transition: transform 0.3s;
}

.iz-p-rabota-faq-block.active .iz-p-toggle-icon {
  transform: rotate(180deg);
}

.iz-p-extren-button {
  padding: 16px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #007aff;
  color: white;
  border-radius: 33px;
}

.iz-p-obr-obrashenie {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.iz-p-obratn-block {
  padding: 12px;
  background-color: white;
  border-radius: 12px;
  margin-bottom: 10px;
}

.iz-p-obr-obrashenie p {
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.iz-p-obr-buttons a {
  padding: 10px 8px;
  color: gray;
  background-color: #0c0c0c0d;
  border-radius: 100px;
}

.iz-p-obr-buttons a:active {
  color: white;
  background-color: black;
}

.iz-p-obr-buttons {
  margin-bottom: 25px;
}

.iz-p-modal-obratnaya {
  display: flex;
  flex-direction: column;
}

.iz-p-modal-obratnaya input {
  padding: 12px 16px;
  background-color: white;
  border: solid 1px #e4ecf0;
  border-radius: 12px;
  outline: none;
  margin-bottom: 10px;
}

.iz-p-modal-obratnaya input::placeholder {
  color: #b6b6b6;
  font-family: "Nunito", sans-serif;
}

.iz-p-modal-obratnaya textarea {
  padding: 12px 16px;
  background-color: white;
  border: solid 1px #e4ecf0;
  border-radius: 12px;
  outline: none;
  height: 186px;
  margin-bottom: 10px;
}

.iz-p-modal-obratnaya textarea::placeholder {
  color: #b6b6b6;
  font-family: "Nunito", sans-serif;
}

.iz-p-modal-obratnaya-content {
  height: auto;
}

.iz-p-svyazi-button a {
  padding: 14px 16px;
  border-radius: 33px;
  color: #007aff;
  border: solid 1px #007aff;
}

.iz-p-svyazi-button {
  margin-top: 30px;
}

.sposobi-oplati-karti {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 10px;
}

.sposobi-oplati {
  margin-top: 15px;
}

.sposobi-oplati-karti label {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.sposobi-oplati-karti img {
  margin-left: 5px;
  border: solid 1px #0c0c0c1a;
  border-radius: 5px;
}

.sp-op-pl-bez {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.sp-op-pl-bez {
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
  color: #6d6d6d;
}

.sp-op-pl-bez img {
  margin-right: 7px;
}

.sposobi-oplati-pl-bez {
  padding: 12px;
  border-radius: 16px;
  background-color: #16c5ca1a;
}

.vash-zakaz-oplachen {
  height: auto;
}

.vash-zakaz-oplachen h2 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}

.vash-zakaz-oplachen p {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}

.check-list-service-group {
  margin-bottom: 20px;
}

.check-list-checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 18px;
}

.check-list-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.check-list-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  background-color: #f1f1f1;
  border-radius: 4px;
  border: 2px solid #007aff;
}

.error > .check-list-checkmark {
  border: 2px solid red;
}

.check-list-checkbox-container input:checked ~ .check-list-checkmark {
  background-color: white;
}

.check-list-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.check-list-checkbox-container input:checked ~ .check-list-checkmark:after {
  display: block;
}

.check-list-checkbox-container .check-list-checkmark:after {
  left: 8px;
  top: 2px;
  width: 6px;
  height: 14px;
  border: solid #007aff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.check-list-container button {
  width: 100%;
  padding: 15px;
  border-radius: 25px;
  font-size: 18px;
  margin-bottom: 10px;
  cursor: pointer;
}

.check-list-primary-btn {
  background-color: #007aff;
  color: white;
  border: none;
}

.check-list-secondary-btn {
  background-color: white;
  color: #007aff;
  border: 1px solid #007aff;
}

.prover-zak-a a {
  color: white;
  text-decoration: none;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}

.prover-zak-a {
  padding: 14px 16px;
  border-radius: 33px;
  background-color: #007aff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-screen-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  /* Высота контейнера равна высоте экрана */
}

.loading-screen-img img {
  max-width: 100%;
  /* Ограничение по ширине */
  height: auto;
  /* Автоматическое сохранение пропорций изображения */
}

.izbrannoe-pysto {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75vh;
  flex-direction: column;
}

.izbrannoe-pysto img {
  max-width: 100%;
  height: auto;
}

.izbrannoe-pysto p {
  color: #3c3c4399;
}

.iz-platezhi-ispolnetile span {
  color: #16ca89;
}

.withdraw-container {
  width: 90%;
  max-width: 400px;
  border-radius: 10px;
  padding: 20px;
}

.balance,
.card-info,
.amount-info {
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 15px;
}

.balance {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.balance span {
  color: #b6b6b6;
}

.balance-amount {
  font-size: 24px;
  margin-top: 10px;
  color: #000;
}

.card-info {
  font-size: 14px;
  color: #999;
  flex-direction: column;
  display: flex;
}

.card-info input {
  border: none;
  border-bottom: solid 1px #e4ecf0;
  padding-bottom: 10px;
  margin-top: 10px;
}

.card-info input::placeholder {
  color: #6d6d6d;
}

.amount-info {
  text-align: center;
  font-size: 14px;
  color: #777;
  border: 1px solid #ddd;
}

.submit-btn {
  display: block;
  width: 100%;
  padding: 15px;
  background-color: #1fc8d5;
  color: white;
  border: none;
  border-radius: 50px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  margin-top: 20px;
}

.submit-btn:hover {
  background-color: #17b1be;
}

.kartochka-otkliki-main {
  padding-bottom: 100px;
}

.button-admin {
  background-color: white !important;
  color: #007aff !important;
  padding: 15px;
  border: solid 1px #007aff !important;
  width: 90%;
  font-size: 16px;
  cursor: pointer;
  border-radius: 50px;
  align-items: center;
  margin-top: 10px;
}

.zakazhcik-block {
  height: auto;
}

.check-list-ispolniteli-timer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 30px;
}

.check-list-ispolniteli-timer span {
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #b6b6b6;
}

.check-list-ispolniteli-timer p {
  font-size: 48px;
  line-height: 48px;
  font-weight: 700;
  color: #007aff;
  margin-block-start: 0px;
  margin-block-end: 30px;
}

.popup-vipolneno-ispol {
  z-index: 1002;
}

.chat-container {
  display: flex;
  flex-direction: column;
  height: 95vh;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

body {
  margin: 0px;
}

.chat-header {
  background-color: #f7f7f7;
  padding: 15px;
  border-bottom: solid 1px #0c0c0c0d;
  /* position: fixed;
    top: 0;
    width: 100%;
    max-width: 380px; */
  z-index: 10;
}

.chat-header-content {
  display: flex;
  align-items: center;
}

.back-arrow {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.user-info {
  display: flex;
  align-items: center;
  flex-grow: 1;
  margin-left: 10px;
}

.avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.username {
  margin-left: 10px;
  font-weight: bold;
}

.options {
  cursor: pointer;
  margin-right: 10px;
}

.ellipsis {
  width: 24px;
  height: 24px;
}

.chat-body {
  flex-grow: 1;
  padding: 0px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  background-color: #fafafa;
  padding-top: 25px;
  width: 100%;
  padding-bottom: 380px;
}

.message {
  margin-bottom: 10px;
  padding: 15px;
  border-radius: 12px;
  max-width: 85%;
  /* Ограничение ширины сообщений */
  word-wrap: break-word;
  /* Перенос длинных слов */
}

.news-zakaz-price span {
  visibility: hidden;
}

.news-zakaz-date span {
  visibility: visible !important;
}

.kartochka-info-main span {
  visibility: hidden;
}

.user-message {
  background-color: white;
  align-self: flex-start;
  /* Сообщение пользователя слева */
  display: flex;
  /* align-items: end; */
  gap: 10px;
  flex-direction: column;
}

.bot-message {
  background-color: white;
  align-self: flex-end;
  /* Ваше сообщение справа */
}

.bot-message p {
  margin-right: 20px;
}

.user-message p {
  margin-left: 10px;
}

.chat-input {
  /* display: flex; */
  align-items: center;
  border-top: 1px solid #0c0c0c0d;
  position: fixed;
  bottom: 0;
  /* max-width: 450px; */
  width: 100%;
  /* width: 100%;
    max-width: 380px; */
  padding: 10px;
  background-color: #fff;
  /* padding-bottom: 0px; */
}

.clip-icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.clip-input {
  display: none;
}

.send-button {
  background: transparent;
  border: none;
}

.input-field {
  flex-grow: 1;
  margin: 0 10px;
  padding: 10px 16px;
  border-radius: 32px;
  border: none;
  outline: none;
  background-color: white;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  box-sizing: border-box;
  width: 100%;
  /* Растягиваем инпут на всю ширину */
}

.send-icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
  margin-right: 10px;
}

.chat-input-content {
  display: flex;
  align-items: center;
  /* width: 100%; */
  justify-content: space-between;
}

.chat-input-content input::placeholder {
  color: #6d6d6d;
  font-family: "Nunito", sans-serif;
}

.center-for-chat {
  padding: 0px;
}

.date-chat {
  display: flex;
  justify-content: center;
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #6d6d6d;
  margin-bottom: 20px;
}

.predl-zak-adres-date {
  display: flex;
  justify-content: space-around;
}

.predl-adr-date p {
  margin-block-start: 0em;
  margin-block-end: 1em;
}

.predl-img img {
  width: 80px;
  height: 87px;
}

.predl-img {
  width: 80px;
  height: 87px;
}

.predlozh-zakaz-block {
  border: solid 1px #e4ecf0;
  border-radius: 15px;
  padding: 10px;
  margin-top: 10px;
}

.news-zakaz-price a {
  font-size: 15px;
  line-height: 15px;
  font-weight: 400;
  color: #007aff;
  border-radius: 100px;
}

.message img {
  max-width: 100%;
}

.chat-zakaz-price {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.message p {
  margin-block-start: 0em;
  margin-block-end: 0em;
}

.chat-time-of-sms {
  display: flex;
  justify-content: flex-end;
}

.chat-time-of-sms span {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #6d6d6d;
  padding: 5px 0px;
}

.chat-isp-nem span {
  display: flex;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: #6d6d6d;
  /* max-width: 200px;
    width: 100%; */
  padding: 10px;
  border-radius: 12px;
  border: solid 1px #007aff;
  background-color: white;
  text-align: center;
}

.chat-input-content label {
  height: 45px;
}

.chat-isp-nem {
  justify-content: center;
  display: flex;
  align-items: center;
  position: fixed;
  bottom: 79px;
  width: 100%;
  /* max-width: 380px; */
  padding: 10px;
}

.chat-username-rate {
  display: flex;
  align-items: center;
  margin-left: 10px;
}

.chat-username-rate span {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: #b6b6b6;
}

.chat-button-vibrati-drug {
  display: flex;
  align-items: center;
  max-width: 380px;
  padding: 10px;
}

.chat-button-vibrati-drug a {
  padding: 10px 16px;
  border-radius: 33px;
  background-color: #16c5ca;
  color: white;
}

.options {
  position: relative;
  display: inline-block;
}

.menu {
  position: absolute;
  right: 0;
  background-color: white;
  border-radius: 12px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  width: 200px;
  padding: 10px;
  z-index: 10;
}

.menu-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  cursor: pointer;
}

.menu-item:not(:last-child) {
  border-bottom: 1px solid #e0e0e0;
}

.menu-item span {
  font-size: 16px;
  color: #333;
}

.menu-icon {
  width: 16px;
  height: 16px;
  background-color: #e0e0e0;
  border-radius: 4px;
}

.close-icon {
  color: #999;
  font-size: 16px;
  background: none;
}

.chat-otmenite-predl {
  padding: 10px 16px;
  border-radius: 33px;
  background-color: #007aff;
  color: white;
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.chat-flex-direct {
  flex-direction: column;
}

.chat-otkazati button {
  width: auto;
  margin-bottom: 10px;
}

.chat-otkazati {
  flex-direction: column;
}

.chat-otkazati-modal {
  height: auto;
}

.chat-otkazati-modal p {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: #6d6d6d;
}

.chat-otkazati-modal h2 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
}

.yurlic-sozdati-schet span {
  padding: 12px;
  border-radius: 12px;
  background-color: #16c5ca1a;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  color: #16c5ca;
}

.yurlic-sozdati-schet {
  margin-bottom: 20px;
  margin-top: 20px;
}

.but_disabled {
  background-color: #fff;
  color: #007aff;
  padding: 15px;
  border: 2px solid #007aff;
  width: 90%;
  font-size: 16px;
  cursor: unset;
  border-radius: 50px;
  pointer-events: none;
}

.or_img {
  width: 80px;
  height: 80px;
  border-radius: 13px;
}
span.badge {
  position: absolute;
  background: #ff3b30;
  color: #fff !important;
  font-size: 12px;
  border-radius: 50%;
  padding: 3px 5px;
}

.chat-input-bottom {
  position: relative;
  /* max-width: 420px; */
  width: 100%;
}
.chat-input-bottom input {
  width: 94%;
  padding: 17px 0px 17px 15px;
  border-radius: 25px;
  border: 1px solid #ccc;
  outline: none;
  font-size: 16px;
  background-color: #fff;
  /* margin-bottom: 12px; */
}

/* @media (max-width: 420px) {
    .chat-input {
        width: 93%;
    }
} */

/* @media (max-width: 420px) {
    .chat-input-bottom input {
        width: 90% !important;
    }
    .chat-input-bottom button {
        right: 26px !important;
    }
} */

@media (max-width: 700px) {
  .chat-input-bottom input {
    width: 79%;
  }
}

@media (max-width: 375px) {
  .chat-body {
    padding-bottom: 100px;
  }
}
/* @media (max-width: 360px) {
    .chat-input-bottom input {
        width: 97% !important;
    }
    .chat-input-bottom button {
        right: 0px !important;
    }
} */

.chat-input-bottom button {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  border-radius: 50%;
  width: 35px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.isp-zakaz-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chat-zak-ellipsis {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.chat-zakaz-price {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.popup_payment {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}
.popup-content_payment {
  position: relative;
  width: 95%;
  border-radius: 8px;

  max-width: 800px;
}
.popup_payment iframe {
  width: 100%;
  height: 400px;
  border: none;
  border-radius: 20px;
}
.close-btn_payment_pop {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ff5f5f;
  color: white;
  border: none;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 50%;
}

.loader {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
}

.loader.show {
  opacity: 1;
  visibility: visible;
}

/* End */


/* Start:/local/templates/cohelp/css/style-media.css?1744807894785*/
.index-content {
	width: 90%;
}
.index-buttons{
	justify-content: center;
}
.city-buttons{
	justify-content: space-around;
}
.povtor-head h2{
	display: flex;
	/* justify-content: center; */
	max-width: 900px;
}
.index-best-ispol{
	/* display: grid;
	justify-content: center; */
	flex-direction: column;
    display: flex;
    margin: 0 auto;
    max-width: 900px;
}
.swiper-container{
	max-width: 905px;
}
@media (max-width: 600px) {
	.index-content {
		width: 100%;
	}
	.swiper-container{
		max-width: 400px;
	}
	.city-buttons{
		justify-content: space-between;
	}
}

@media (min-width: 601px) and (max-width: 1024px) {
	.index-content {
		width: 80%;
	}
	.popup-type{
		left: 30%;
	}
}


@media (min-width: 1025px) {
	.ndex-content {
		width: 70%;
	}
	.popup-type{
		left: 40%;
	}
}

/* End */
/* /local/templates/cohelp/css/style.css?175074863078480 */
/* /local/templates/cohelp/css/style-media.css?1744807894785 */