/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";
/* ------------ *Default ------------- */
/* Flex Class */
.fx-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.fx-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.fx-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.fx-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.fx-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.fx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.fx-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* Flex Class End */

/* Reserved Class */
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.no-scroll {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.symbol-rub {
  font-family: -apple-system, system-ui, Arial, Helvetica, sans-serif;
}
.text-crop {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.pt-0 {
  padding-top: 0 !important;
}
s .mt-0 {
  margin-top: 0 !important;
}
/* Reserved Class End*/

/* Icons */
.i-wt {
  background: url(../img/svg/i-wt.svg) center/contain no-repeat;
}
.i-tg {
  background: url(../img/svg/i-tg.svg) center/contain no-repeat;
}
.i-vk {
  background: url(../img/svg/i-vk.svg) center/contain no-repeat;
}
.i-ok {
  background: url(../img/svg/i-ok.svg) center/contain no-repeat;
}
/* Icons END */

/* Style Default*/
a,
button,
.speed {
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
a.link {
  color: inherit;
}
a.link:hover,
a.link:active {
  color: #49d1c8;
}
a.link.link--green {
  color: #49d1c8;
}
a.link.link--green:hover,
a.link.link--green:active {
  color: #e7f9f7;
}
button {
  border: 0;
  padding: 0;
  cursor: pointer;
  background: none;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  outline: none;
}
/* Style Default End */

body {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
}

.wrapper {
  overflow: hidden;
  min-height: 100%;
}

.main {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.btn:disabled {
  background: gray;
  cursor: not-allowed;
  pointer-events: none;
}
.btn:disabled:hover:after {
  opacity: 0;
}
.btn {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 1;
  color: #fff;
  height: 56px;
  padding: 0 30px;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  position: relative;
  border-radius: 10px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn:after {
  opacity: 0;
  z-index: -1;
  border-radius: inherit;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

.btn:hover:after {
  opacity: 1;
}

.btn--main {
  background: #49d1c8;
}

.btn--agree {
  background: #63f09e;
  width: auto;
  margin-top: 20px;
}

.btn--main:after {
  background: -o-linear-gradient(left, #49d1c8 0%, #00a79c 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#49d1c8),
    to(#00a79c)
  );
  background: linear-gradient(90deg, #49d1c8 0%, #00a79c 100%);
}
.btn--cancel {
  background: #f08263;
  width: auto;
  margin-top: 20px;
}
.btn--second {
  background: #fdc500;
}

.btn--second:after {
  background: -o-linear-gradient(left, #fdc500 0%, #f09000 100%);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#fdc500),
    to(#f09000)
  );
  background: linear-gradient(90deg, #fdc500 0%, #f09000 100%);
}

.btn--sm {
  color: #fff;
  background: #00b2ac;
  font-size: 16px;
  font-weight: 400;
  height: 44px;
  padding: 0 30px;
  text-transform: none;
}

.btn--disabled {
  color: #fff;
  background: #dddddd;
  pointer-events: none;
}

.btn--transparent-grey {
  color: #9b9b9b;
  font-weight: 400;
  border: 1px solid #9b9b9b;
  background: transparent;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.btn--transparent-grey:after {
  background: -o-linear-gradient(left, #9b9b9b1c 0%, transparent 100%);
  background: -o-linear-gradient(179deg, #9b9b9b1c, transparent);
  background: linear-gradient(271deg, #9b9b9b1c, transparent);
}
.btn--transparent-green {
  color: #259d95;
  font-weight: 400;
  border: 1px solid #259d95;
  background: transparent;
  -webkit-transition: 0.2s all;
  -o-transition: 0.2s all;
  transition: 0.2s all;
}
.btn--transparent-green:after {
  background: -o-linear-gradient(left, #e7f9f7 0%, transparent 100%);
  background: -o-linear-gradient(179deg, #e7f9f7, transparent);
  background: linear-gradient(271deg, #e7f9f7, transparent);
}
.btn-circle--back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 6px 6px 7px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-radius: 100px;
  background: #49d1c8;
  width: 35px;
  height: 35px;
}
/* Title */

.title {
  margin-bottom: 30px;
}

.title h2 a {
  color: inherit;
}

.title h2 a:hover {
  color: #49d1c8;
}
/* Paginated registration form */
.doctor-card:not(:last-child) {
  margin-bottom: 20px;
}
.doctor-card {
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: #fff;
  padding: 40px;
  display: flex;
  gap: 30px;
}
.doctor-card--picture-box {
  min-width: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
}
.doctor-card--picture-box img {
  object-fit: cover;
  height: 140px;
  border-radius: 999999px;
}
.doctor-card--picture-box a {
  text-decoration-line: underline;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 200% */
}
.doctor-card--action-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-left: auto;
  gap: 32px;
}
.doctor-card--action-description {
  color: #363636;
  font-size: 15px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 15px;
}
.doctor-card--action-clinic-name {
  color: #000;
  font-size: 16px;
  line-height: 28px;
}
.doctor-card--action-clinic-address {
  color: #787878;
  font-size: 15px;
  line-height: 28px;
  flex-direction: column;
  text-align: left;
}

.doctor-card--info-profile {
  color: #787878;
  font-size: 15px;
  line-height: 28px;
}
.doctor-card--info-name {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
.doctor-card--info-experience {
  margin-top: 3px;
  color: #000;
  font-size: 16px;
  line-height: 28px;
}
.doctor-card--info-appointment {
  margin-top: 28px;
}
.doctor-card--info-appointment-type {
  color: #787878;
  font-size: 15px;
  line-height: 28px;
}
.doctor-card--info-appointment-box {
  margin-top: 4px;
  margin-bottom: 28px;
  border-radius: 10px;
  background: #f4f4f4;
  padding: 10px;
  max-width: 160px;
}
.doctor-card--info-appointment-place {
  color: #000;
  font-size: 15px;
  line-height: 1;
  margin-top: 4px;
  margin-left: 10px;
}
.doctor-card--info-appointment-price {
  color: #49d1c8;
  font-size: 15px;
  font-weight: 700;
  line-height: 28px;
  margin-left: 10px;
}
.doctor-card--info-address-wrapper {
  display: flex;
  column-gap: 16px;
  row-gap: 8px;
  margin-bottom: 28px;
  flex-wrap: wrap;
  max-width: fit-content;
}
.doctor-card--info-address {
  font-size: 14px;
  padding: 6px 16px;
  color: #363636;
  border: 1px #787878 solid;
  border-radius: 24px;
}
a.doctor-card--info-phone {
  display: block;
  border-radius: 5px;
  background: #71e8a0;
  padding: 6px 14px;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  transition: 0.2s opacity;
}
a.doctor-card--info-phone:hover,
a.doctor-card--info-phone:focus {
  opacity: 0.8;
}
.doctor-card.hidden,
.doctor-card.active-hidden {
  display: none;
}
.nice-select.form-paginated-select .list {
  max-height: 200px;
  overflow: auto;
}
.form-paginated--error,
.form-paginated--noaddress {
  font-weight: 700;
  color: red;
  margin: 8px 0;
  max-width: 240px;
  font-size: 15px;
}
.form-paginated--error span,
.form-paginated--noaddress span {
  color: #333;
}
.form-paginated-select--message {
  margin-top: 16px;
}
.form-paginated--datetime-wrapper {
  display: flex;
  gap: 64px;
  justify-content: space-between;
}
.form-paginated--time-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
.form-paginated--time-text {
  text-align: center;
}
.form-paginated--time-text-first {
  color: #000;
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
}
.form-paginated--time-text-second {
  color: #000;
  font-size: 15px;
  line-height: 28px;
  margin-top: 4px;
  margin-bottom: 33px;
}
.form-paginated--time-inputs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 10px;
  row-gap: 15px;
}
.form-paginated--time-inputs div {
  border-radius: 5px;
  border: 1px solid #e9e9e9;
  color: #000;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  padding: 11px 9px 11px 10px;
  cursor: pointer;
  transition: 0.2s background;
}
.form-paginated--time-inputs div:hover,
.form-paginated--time-inputs div:focus {
  background: rgb(113, 232, 160, 30%);
}
.form-paginated--time-inputs input:checked ~ div {
  border-radius: 5px;
  color: #fff;
  background: #71e8a0;
}
.form-paginated--time-inputs input {
  display: none;
}

.form-paginated--send {
  margin-bottom: 11px;
}
.form-paginated--send .js--form-message {
  font-size: 15px;
  margin-top: 8px;
  height: 19px;
}
.form-paginated--loader.active {
  display: flex;
}
.form-paginated--loader {
  display: none;
  cursor: wait;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  background-color: rgb(255, 255, 255, 50%);
  z-index: 2;
}
.form-paginated--loader svg {
  animation: spin 1s linear infinite;
}

.main--loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(255, 255, 255, 0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.main--loader.active {
  display: flex;
}
.main--loader svg {
  animation: spin 1s linear infinite;
}
.medical-card-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
}
.medical-card-loader.active {
  display: flex;
}
.medical-card-loader svg {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(1turn);
  }
}
.form-paginated-final.active {
  display: block;
}
.form-paginated-final {
  display: none;
  margin-bottom: 78px;
  border-radius: 10px;
  border: 4px solid #49d1c8;
  padding: 55px 53px 50px 44px;
}
.form-paginated-final-text-first {
  font-weight: 700;
  margin-bottom: 35px;
}
.form-paginated--calendar-doctor {
  display: flex;
  gap: 30px;
  margin-bottom: 60px;
}
.form-paginated--calendar-doctor .doctor-card--info-appointment-price {
  margin-left: 0;
  font-weight: 400;
}
.form-paginated--calendar-doctor .doctor-card--action-clinic-address {
  display: flex;
  gap: 16px;
  margin-top: 32px;
  align-items: center;
  color: #000;
}
.form-paginated--calendar-doctor
  .doctor-card--action-clinic-address
  .form-paginated-bigbuttons {
  padding: 0;
  flex-direction: column;
}
@media (max-width: 768px) {
  .doctor-card--action-clinic-address {
    flex-direction: column; /* Кнопки будут располагаться вертикально */
  }
}
.form-paginated--calendar-doctor
  .doctor-card--action-clinic-address
  .form-paginated-bigbuttons
  label.btn.btn--transparent-green {
  font-size: 14px;
  height: 52px;
  padding: 0 24px;
}
.form-paginated--calendar-doctor .doctor-card--info-name {
  margin-bottom: 51px;
}
.form-paginated--calendar-doctor .doctor-card--info-experience {
  display: none;
}
.js-doctors-showmore {
  color: #49d1c8;
  font-size: 18px;
  line-height: 28px;
  text-decoration-line: underline;
  margin: 39px auto 0;
  text-align: center;
  cursor: pointer;
  transition: 0.2s all;
  font-weight: 700;
}
.js-doctors-showmore:hover {
  text-decoration-line: none;
}
.js-doctors-showmore:active,
.js-doctors-showmore:focus {
  opacity: 0.8;
}
/* Form */
.form_message p {
  font-size: 15px;
  font-weight: 500;
  color: red;
}
.form_message p.message-success {
  color: lightseagreen;
}
.form_message p:not(:last-child) {
  margin-bottom: 8px;
}
.form_message {
  margin: 16px 0;
}

.form__field,
.form__field input,
.form__field textarea {
  display: block;
}

.form__field {
  margin-bottom: 12px;
}

.form__field span {
  display: none;
}

.form__field--checkbox input[type="checkbox"] {
  height: 19px;
  width: 19px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.form__field--checkbox {
  color: #3c3c3c;
  font-size: 15px;
  line-height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 32px;
}

.form__field--password {
  position: relative;
}
.form__field--password .show-password--wrapper {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 17px 0 17px;
  width: 56px;
  height: 100%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form__field--password .show-password--icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3e%3cg clip-path='url(%23clip0_1_1522)'%3e%3cpath d='M11 5.95821C13.53 5.95821 15.5833 8.01154 15.5833 10.5415C15.5833 11.009 15.4916 11.4582 15.3633 11.8799L18.1683 14.6849C19.4425 13.5574 20.4508 12.1457 21.0833 10.5324C19.4975 6.51738 15.5833 3.66654 11 3.66654C9.83579 3.66654 8.71746 3.84988 7.66329 4.18904L9.65246 6.17821C10.0833 6.04988 10.5325 5.95821 11 5.95821ZM2.48413 2.89654C2.12663 3.25404 2.12663 3.83154 2.48413 4.18904L4.28996 5.99488C2.80496 7.17738 1.62246 8.73571 0.916626 10.5415C2.50246 14.5657 6.41663 17.4165 11 17.4165C12.3933 17.4165 13.7225 17.1415 14.9508 16.6649L17.4441 19.1582C17.8016 19.5157 18.3791 19.5157 18.7366 19.1582C19.0941 18.8007 19.0941 18.2232 18.7366 17.8657L3.78579 2.89654C3.42829 2.53904 2.84163 2.53904 2.48413 2.89654ZM11 15.1249C8.46996 15.1249 6.41663 13.0715 6.41663 10.5415C6.41663 9.83571 6.58163 9.16654 6.86579 8.57988L8.30496 10.019C8.27746 10.184 8.24996 10.3582 8.24996 10.5415C8.24996 12.0632 9.47829 13.2915 11 13.2915C11.1833 13.2915 11.3483 13.264 11.5225 13.2274L12.9616 14.6665C12.3658 14.9599 11.7058 15.1249 11 15.1249ZM13.7225 10.239C13.585 8.95571 12.5766 7.95654 11.3025 7.81904L13.7225 10.239Z' fill='%23B9B9B9'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1_1522'%3e%3crect width='22' height='22' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  height: 22px;
  width: 22px;
  background-repeat: no-repeat;
}
input.show-password:checked ~ .show-password--icon {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='22' height='21' viewBox='0 0 22 21' fill='none'%3e%3cg clip-path='url(%23clip0_70_17)'%3e%3cpath d='M11 3.125C6.41663 3.125 2.50246 5.97583 0.916626 10C2.50246 14.0242 6.41663 16.875 11 16.875C15.5879 16.875 19.4975 14.0242 21.0833 10C19.4975 5.97583 15.5879 3.125 11 3.125ZM11 14.5833C8.46996 14.5833 6.41663 12.53 6.41663 10C6.41663 7.47 8.46996 5.41667 11 5.41667C13.53 5.41667 15.5833 7.47 15.5833 10C15.5833 12.53 13.53 14.5833 11 14.5833ZM11 7.25C9.48288 7.25 8.24996 8.48292 8.24996 10C8.24996 11.5171 9.48288 12.75 11 12.75C12.517 12.75 13.75 11.5171 13.75 10C13.75 8.48292 12.517 7.25 11 7.25Z' fill='%23787878'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_70_17'%3e%3crect width='22' height='22' fill='white' transform='translate(0 -1)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.form__field--password input.show-password {
  display: none;
}

.form__agreement {
  color: #818181;
  font-size: 13px;
  line-height: 20px;
  max-width: 320px;
}

.form__field--error {
  outline: red solid 1px;
}

.form__field--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  gap: 10px;
}

.form__field--filled > span {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
}
.form__field--filled > label.form__field {
  width: 100%;
}
.form__field--inline > label.form__field {
  margin-bottom: 0;
}
.input-count.form__field input {
  max-width: 65px;
  padding: 6px 5px 6px 12px;
}
.input-search.form__field {
  position: relative;
}
.input-search.form__field::after {
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3e%3ccircle cx='12.5' cy='11.5' r='7.5' stroke='%239A9A9A' stroke-width='2'/%3e%3cpath d='M16.7072 16.7071C17.0977 16.3166 17.7309 16.3166 18.1214 16.7071L21.8692 20.4549C22.2597 20.8454 22.2597 21.4786 21.8692 21.8691C21.4787 22.2596 20.8455 22.2596 20.455 21.8691L16.7072 18.1213C16.3167 17.7308 16.3167 17.0976 16.7072 16.7071Z' fill='%239A9A9A'/%3e%3c/svg%3e");
  width: 25px;
  height: 25px;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.form-title {
  margin-bottom: 26px;
  padding: 0 16px 0 14px;
  font-size: 16px;
  color: #000;
  line-height: 24px;
}
.form-blue-centered .form__field input {
  text-align: center;
}
.form__field.field-border-blue input {
  border: 1px solid #49d1c8;
  background-color: transparent;
  letter-spacing: 2.4px;
}
.form-blue-centered .form__field input:disabled {
  color: #2dafa7;
}
.form__field--captcha {
  display: flex;
  gap: 4%;
}
.form__field--captcha input,
.form__field--captcha .form__field--captcha-img {
  flex: 48%;
}
.form__field--captcha-img {
  background: #f4f4f4;
  border-radius: 10px;
  display: flex;
}
.form__field--captcha img {
  margin: auto;
  width: 180px;
  height: auto;
}
.form-paginated-page {
  display: none;
}
.form-paginated-pages {
  position: relative;
}
.form-paginated-page.active {
  display: block;
  margin-bottom: 78px;
}
.form-paginated-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
.form-paginated-tabs li {
  padding: 21px 0 21px 50px;
  color: #363636;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  background: #f4f4f4;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
.form-paginated-tabs li a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.form-paginated-tabs li:nth-child(1) {
  z-index: 4;
}
.form-paginated-tabs li:nth-child(2) {
  z-index: 3;
}
.form-paginated-tabs li:nth-child(3) {
  z-index: 2;
}
.form-paginated-tabs li:not(:last-child) {
  border-radius: 0px 100px 100px 0px;
  border-right: 1px solid #7c7c7c;
}
.form-paginated-tabs li:not(:first-child) {
  padding-left: 82px;
  margin-left: -32px;
}
@property --myColor1 {
  syntax: "<color>";
  initial-value: #49d1c8;
  inherits: false;
}

@property --myColor2 {
  syntax: "<color>";
  initial-value: #49d1c8;
  inherits: false;
}
.form-paginated-tabs li.active {
  --myColor1: #49d1c8;
  --myColor2: #49d1c8;
  border-right: 1px solid #fff;
  border-radius: 0px 100px 100px 0px;
  background-color: #49d1c8;
  background: linear-gradient(90deg, var(--myColor1) 0%, var(--myColor2) 100%);
  cursor: pointer;
  transition: --myColor2 0.3s;
  color: #fff;
}
.form-paginated-tabs li.active:hover {
  --myColor2: #00a79c;
}
.form-paginated-footer .paragraph {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px; /* 175% */
  max-width: 960px;
  margin-bottom: 27px;
}
.form-paginated-footer--buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
}
.form-paginated-bigbuttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-wrap: wrap;
}
.form-paginated-bigbuttons label.btn.btn--transparent-green {
  color: #363636;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px; /* 155.556% */
  text-transform: none;
  height: 56px;
  border: 2px solid #49d1c8;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.form-paginated-bigbuttons label.btn.btn--transparent-green.active {
  background: #49d1c8;
  color: #fff;
}
.form-paginated-bigbuttons label.btn.btn--transparent-green.active::after {
  background: none;
}
.form-paginated--speciality-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.form-paginated--speciality-list label {
  padding: 16px 24px;
  font-size: 16px;
  border: 1px solid #7c7c7c;
  border-radius: 6px;
  flex: 0 0 22%;
  cursor: pointer;
  user-select: none;
  transition: 0.2s all;
}
.form-paginated--speciality-list label:hover {
  background: #fafafa;
}
.form-paginated--speciality-list label:focus,
.form-paginated--speciality-list label:active {
  background: #f8f8f8;
  border: 1px solid #c5c5c5;
}
input[type="text"].search-input {
  width: 100%;
  background: #f4f4f4;
  border-radius: 6px;
  display: block;
  position: relative;
  height: 45px;
  margin-bottom: 24px;
  padding: 8px 16px;
  font-size: 18px;
  border: 0;
}
.search-input::placeholder {
  color: #7c7c7c;
}
.js-doctors-notfound {
  color: red;
  font-size: 18px;
}
.nice-select.form-paginated-select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3e%3cpath d='M10.15 11.6125L15 16.4625L19.85 11.6125C20.3375 11.125 21.125 11.125 21.6125 11.6125C22.1 12.1 22.1 12.8875 21.6125 13.375L15.875 19.1125C15.3875 19.6 14.6 19.6 14.1125 19.1125L8.37503 13.375C7.88753 12.8875 7.88753 12.1 8.37503 11.6125C8.86253 11.1375 9.66253 11.125 10.15 11.6125Z' fill='%239B9B9B'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 20px center;
  padding: 25px 96px 25px 30px;
  border-radius: 10px;
  border: 2px solid #49d1c8;
  position: relative;
  max-width: 100%;
}
.nice-select.form-paginated-select::before {
  content: " ";
  position: absolute;
  opacity: 0;
  z-index: -1;
  border-radius: inherit;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
  background: linear-gradient(271deg, #e7f9f7, transparent);
}
.nice-select.form-paginated-select:hover::before {
  opacity: 1;
}
.nice-select.form-paginated-select span {
  display: block;
  color: #363636;
  font-size: 18px;
  line-height: 28px; /* 155.556% */
  overflow: hidden;
  text-overflow: ellipsis;
}
label.btn {
  cursor: pointer;
}
.form__field input,
.form__field textarea {
  border: 0;
  color: #000;
  width: 100%;
  font-size: 20px;
  padding-left: 20px;
  background: #f4f4f4;
  border-radius: 10px;
  padding-right: 20px;
  font-weight: normal;
  border: 1px solid transparent;
  font-family: "Montserrat", sans-serif;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.form__field input {
  height: 54px;
  line-height: 54px;
}

.form__field textarea {
  resize: none;
  padding: 13px 20px;
}
.form__field--rating--wrapper {
  display: flex;
  margin-bottom: 12px;
}
.form__field--rating {
  cursor: pointer;
}
.form__field--rating-star {
  content: "";
  width: 54px;
  height: 54px;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
}
.form__field--rating-star.selected {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='54' height='52' viewBox='0 0 54 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M27.5 39.4039L17.0784 45.6819C16.618 45.9749 16.1367 46.1005 15.6344 46.0586C15.1322 46.0168 14.6927 45.8494 14.316 45.5564C13.9394 45.2634 13.6464 44.8972 13.4371 44.4577C13.2278 44.0182 13.186 43.5265 13.3115 42.9824L16.0739 31.1168L6.84513 23.1436C6.42659 22.767 6.165 22.338 6.06037 21.8566C5.95573 21.3753 5.98712 20.9045 6.15454 20.4441C6.32195 19.9837 6.57308 19.607 6.90791 19.314C7.24274 19.021 7.70313 18.8327 8.28908 18.749L20.4686 17.6817L25.1771 6.50674C25.3864 6.00449 25.7107 5.62781 26.1502 5.37668C26.5897 5.12556 27.0396 5 27.5 5C27.9604 5 28.4103 5.12556 28.8498 5.37668C29.2893 5.62781 29.6136 6.00449 29.8229 6.50674L34.5314 17.6817L46.7109 18.749C47.2969 18.8327 47.7573 19.021 48.0921 19.314C48.4269 19.607 48.678 19.9837 48.8455 20.4441C49.0129 20.9045 49.0443 21.3753 48.9396 21.8566C48.835 22.338 48.5734 22.767 48.1549 23.1436L38.9261 31.1168L41.6885 42.9824C41.814 43.5265 41.7722 44.0182 41.5629 44.4577C41.3536 44.8972 41.0606 45.2634 40.684 45.5564C40.3073 45.8494 39.8678 46.0168 39.3656 46.0586C38.8633 46.1005 38.382 45.9749 37.9216 45.6819L27.5 39.4039Z' fill='%23FDC500'/%3e%3c/svg%3e");
}
.form__field--rating-star.unselected {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='54' height='52' viewBox='0 0 54 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.5896 38.2738L27.5 33.5025L35.4104 38.3366L33.3386 29.2962L40.3073 23.2692L31.1413 22.4531L27.5 13.9149L23.8587 22.3903L14.6927 23.2064L21.6614 29.2962L19.5896 38.2738ZM27.5 39.4039L17.0784 45.6819C16.618 45.9749 16.1367 46.1005 15.6344 46.0586C15.1322 46.0168 14.6927 45.8494 14.316 45.5564C13.9394 45.2634 13.6464 44.8972 13.4371 44.4577C13.2278 44.0182 13.186 43.5265 13.3115 42.9824L16.0739 31.1168L6.84513 23.1436C6.42659 22.767 6.165 22.338 6.06037 21.8566C5.95573 21.3753 5.98712 20.9045 6.15454 20.4441C6.32195 19.9837 6.57308 19.607 6.90791 19.314C7.24274 19.021 7.70313 18.8327 8.28908 18.749L20.4686 17.6817L25.1771 6.50674C25.3864 6.00449 25.7107 5.62781 26.1502 5.37668C26.5897 5.12556 27.0396 5 27.5 5C27.9604 5 28.4103 5.12556 28.8498 5.37668C29.2893 5.62781 29.6136 6.00449 29.8229 6.50674L34.5314 17.6817L46.7109 18.749C47.2969 18.8327 47.7573 19.021 48.0921 19.314C48.4269 19.607 48.678 19.9837 48.8455 20.4441C49.0129 20.9045 49.0443 21.3753 48.9396 21.8566C48.835 22.338 48.5734 22.767 48.1549 23.1436L38.9261 31.1168L41.6885 42.9824C41.814 43.5265 41.7722 44.0182 41.5629 44.4577C41.3536 44.8972 41.0606 45.2634 40.684 45.5564C40.3073 45.8494 39.8678 46.0168 39.3656 46.0586C38.8633 46.1005 38.382 45.9749 37.9216 45.6819L27.5 39.4039Z' fill='%23FDC500'/%3e%3c/svg%3e ");
}

.form__field *::-webkit-input-placeholder {
  color: #a9a9a9;
}
.form__field *::-moz-placeholder {
  color: #a9a9a9;
} /* Firefox 19+ */
.form__field *:-moz-placeholder {
  color: #a9a9a9;
} /* Firefox 18- */
.form__field *:-ms-input-placeholder {
  color: #a9a9a9;
}

.form__field--error input {
  border-color: #ff0000;
}

.form__field--error *::-webkit-input-placeholder {
  color: #ff0000;
}
.form__field--error *::-moz-placeholder {
  color: #ff0000;
} /* Firefox 19+ */
.form__field--error *:-moz-placeholder {
  color: #ff0000;
} /* Firefox 18- */
.form__field--error *:-ms-input-placeholder {
  color: #ff0000;
}

/* Select*/

.select__wrap {
  position: relative;
}

.select__wrap:after {
  margin-top: 1px;
  top: 50%;
  right: 0;
  pointer-events: none;
  width: 12px;
  height: 8px;
  background: url(../img/svg/i-arrow-down.svg) center/contain no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nice-select {
  border: 0;
  padding: 0;
  color: #000;
  height: auto;
  display: block;
  font-size: 20px;
  cursor: pointer;
  line-height: normal;
  padding-right: 20px;
  font-weight: normal;
  font-family: "Montserrat", sans-serif;
}

.nice-select:after {
  display: none;
}

.nice-select .list {
  min-width: 100%;
  margin-top: 5px;

  border-radius: 0px; /* */
  height: 300px; /* */
  overflow-y: auto; /* */
}

.nice-select .option {
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 0 !important;
}

/* Swiper Arrows */
.swiper-button-next,
.swiper-button-prev {
  background-color: black;
  background-color: rgba(255, 255, 255, 0.5);
  right: 10px;
  padding: 30px;
  color: #49d1c8 !important;
  fill: black !important;
  stroke: black !important;
  border-radius: 100%;
}

/* Swiper arrow */

.swiper-button-arrow {
  width: 73px;
  height: 30px;
}

.swiper-button-arrow svg {
  fill: #fdc500;
  width: 100%;
  height: 100%;
}

.swiper-button-arrow:after {
  display: none;
}

.swiper-button-arrow:hover {
  opacity: 0.6;
}

/* Swiper dots */

.swiper-pagination-bullet {
  border-radius: 50%;
  background: #a5a5a5;
  opacity: 1 !important;
  margin: 0 3px !important;
  width: 14px;
  height: 14px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.swiper-pagination-bullet-active {
  background: #30e0d4;
}

/* List */

.list li {
  position: relative;
}

.list li:not(:last-child) {
  margin-bottom: 20px;
}

.list li:before {
  top: 10px;
  left: -18px;
}

.list--dots li:before {
  border-radius: 50%;
  background: #49d1c8;
  width: 8px;
  height: 8px;
}

/* ------------ *Header ------------- */

.header {
  font-size: 15px;
  font-weight: 500;
  position: relative;
  padding: 80px 0 80px;
}

/* Logo */

.logo {
  max-width: 208px;
  position: relative;
}

.logo img {
  display: block;
}

.logo span {
  color: #fdc500;
  font-size: 11px;
  margin-top: -3px;
  position: absolute;
  pointer-events: none;
  top: 50%;
  left: -55px;
  -webkit-transform: rotate(-90deg) translateY(-50%);
  -ms-transform: rotate(-90deg) translateY(-50%);
  transform: rotate(-90deg) translateY(-50%);
}

/* Nav */

.nav {
  padding-left: 50px;
}

.nav__item {
  margin-right: 38px;
}

.nav__link {
  color: #000;
  text-transform: uppercase;
}

.nav__link:hover,
.nav__link--active {
  color: #49d1c8;
}

/* Social */

.social__item {
  width: 26px;
  height: 26px;
}

.social__item:not(:last-child) {
  margin-right: 10px;
}

.social__item:hover {
  opacity: 0.6;
}

/* Phone */

.phone {
  margin-left: 38px;
}

.phone a {
  color: #49d1c8;
  font-size: 25px;
  font-weight: 800;
  position: relative;
  text-transform: uppercase;
}

.phone a:hover {
  text-decoration: underline;
}

.phone a span {
  color: #d5d5d5;
  font-size: 15px;
  font-weight: 500;
  position: absolute;
  top: -18px;
  left: 0;
}

/* Menu */

.menu .container {
  position: relative;
}

.menu .container:after {
  z-index: -1;
  border-radius: 50%;
  top: -162px;
  right: 170px;
  width: 220px;
  height: 192px;
  border: 35px solid #fdc500;
}

.menu__item:not(:last-child) {
  margin-right: 22px;
}

.menu__item:nth-last-child(2) {
  margin-right: 40px;
}

.menu__link {
  color: #000;
  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu__link svg {
  margin-right: 6px;
  width: 14px;
  height: 14px;
}

.menu__link:hover {
  text-decoration: underline;
}

.menu__item--drop .menu__link {
  padding-left: 12px;
  padding-right: 20px;
}

.menu__item--drop {
  position: relative;
}

.menu__item--drop .menu__link:before {
  top: 50%;
  left: 0;
  border-radius: 50%;
  background: #49d1c8;
  width: 6px;
  height: 6px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.menu__item--drop .menu__link:after {
  top: 50%;
  right: 0;
  width: 13px;
  height: 9px;
  background: url(../img/svg/i-arrow-down.svg) center/contain no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

/* Drop */

.drop__box {
  z-index: 99999999;
  padding: 15px 0;
}

.drop__item--info {
  margin-top: 5px;
}

.drop__item * {
  padding-left: 20px;
  padding-right: 20px;
}

.drop__item a {
  display: block;
  color: inherit;
  padding-top: 5px;
  padding-bottom: 5px;
}

.drop__item a:hover {
  background: #49d1c8;
}

.menu__item--drop:hover .drop {
  top: 100%;
  opacity: 1;
}

/* Btn */

.header__record {
  height: 48px;
}

/* Toggle */

.navbar-toggle:hover {
  opacity: 0.6;
}

.navbar-toggle span {
  display: block;
  position: relative;
  background: #49d1c8;
  width: 32px;
  height: 3px;
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}

.navbar-toggle.active span:first-child {
  top: 9px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navbar-toggle.active span:nth-child(2) {
  opacity: 0;
}

.navbar-toggle.active span:last-child {
  top: -9px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* ------------- *Intro -------------- */

.intro {
  margin-top: -50px;
}
.intro-wrapper {
  display: flex;
  gap: 20px;
}

.intro__sl {
  width: 50%;
}
.intro__item {
  position: relative;
  z-index: 1;
  color: #fff;
  padding: 30px;
  min-height: 500px;
  max-height: 500px;
  border-radius: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
}

/* Gradient Overlay 
.intro-gradient-overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(73, 209, 200, 0.8) 0%, rgba(73, 209, 200, 0.6) 30%, rgba(73, 209, 200, 0) 100%);
  border-radius: 8px;
  z-index: 0;
}*/

.intro__box {
  position: relative;
  max-width: 500px;
  width: 100%;
  z-index: 2;
  text-align: left;
}

.intro__title {
  line-height: 1;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
}

.intro__btn {
  margin-top: 22px;
  justify-content: flex-start;
}

.intro__btn .btn {
  height: 37px;
  font-size: 16px;
  padding: 0 20px;
}

/* Gradient Overlay */
.intro-gradient-overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(73, 209, 200, 0.8) 0%,
    rgba(73, 209, 200, 0.6) 30%,
    rgba(73, 209, 200, 0) 100%
  );
  border-radius: 8px;
  z-index: 0;
}

/* Static Images Section */
.intro-images {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.intro-image-top,
.intro-image-bottom {
  display: flex;
  height: calc((500px - 20px) / 2);
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}

/* Text Container for Static Images */
.intro-image-content {
  width: 50%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  z-index: 1;
}

.intro-image-title {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.2;
}

.intro-image-btn {
  display: inline-block; /* Предотвращает растягивание по ширине */
  max-width: fit-content; /* Устанавливает ширину кнопки под контент */
  font-weight: bold;
  padding: 10px 20px;
  color: #fff;
  border-radius: 10px;
  background: #fdc500;
  text-transform: uppercase;
  font-size: 16px;
  transition: all 0.3s ease;
}

.intro-image-btn:hover {
  background: #f0a500;
}

/* Image Container with Gradient Overlay */
.intro-image-wrapper {
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center; /* Center vertically */
  justify-content: center; /* Center horizontally */
}

.intro-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* Makes the image fit without stretching or cropping */
  object-position: center;
}

/* Контейнер для элементов управления */
.swiper-controls {
  position: absolute;
  display: flex;
  bottom: 16px;
  left: 24px;
  z-index: 10;
  align-items: center;
}

/* Стили для пагинации */
.intro__sl .swiper-pagination {
  position: relative !important;
  bottom: 0 !important;
  left: 0 !important;
  margin: 0 10px;
  width: auto !important;
  padding: 0 !important;
}
.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background: transparent !important;
  border: 2px solid #fff;
  opacity: 0.5 !important;
  margin: 0 6px !important;
  transition: all 0.3s;
}
/*
.swiper-pagination-bullet-active {
  background: #49d1c8 !important;
  border-color: #49d1c8 !important;
}
*/
.swiper-pagination-bullet-active {
  background: #fff !important;
  opacity: 1 !important;
}

/* Стили для стрелок */
.swiper-button-next,
.swiper-button-prev {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
  width: 30px !important;
  height: 30px !important;
  background: rgba(255, 255, 255, 0.3) !important;
  border-radius: 50% !important;
  padding: 0 !important;
  color: #fff !important;
  transition: all 0.3s;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-size: 16px !important;
  font-weight: bold;
}

/* Отступы между элементами управления */
.swiper-button-prev {
  margin-right: 10px !important;
}

.swiper-button-next {
  margin-left: 10px !important;
}

/* Hover эффект для стрелок */
.swiper-button-next:hover,
.swiper-button-prev:hover {
  background: rgba(255, 255, 255, 0.5) !important;
}

/* Media Queries */
@media (max-width: 1024px) {
  .intro-wrapper {
    flex-direction: column;
    gap: 10px;
  }

  .intro__sl,
  .intro-images {
    width: 100%;
  }

  .intro__item {
    min-height: 400px;
    max-height: 400px;
    background-size: contain;
  }

  .intro__title {
    font-size: 22px;
  }

  .intro-image-top,
  .intro-image-bottom {
    height: 250px;
  }
}

@media (max-width: 768px) {
  .intro__item {
    min-height: 300px;
    max-height: 300px;
  }
  .intro-image-wrapper img {
    object-fit: contain; /* Prevents cropping on smaller screens */
    object-position: bottom; /* Aligns image to the bottom */
  }

  .intro__title {
    font-size: 20px;
  }

  .intro-image-title {
    font-size: 18px;
  }

  .intro-image-btn {
    font-size: 13px;
  }
  .intro-image-top,
  .intro-image-bottom {
    height: 200px;
  }
}

@media (max-width: 480px) {
  .intro-image-wrapper img {
    object-fit: contain;
    object-position: bottom;
  }
  .intro__item {
    min-height: 300px;
    max-height: 300px;
  }

  .intro__title {
    font-size: 18px;
  }

  .intro-image-title {
    font-size: 16px;
  }

  .intro-image-btn {
    font-size: 11px;
    padding: 6px;
  }
  .intro-image-top,
  .intro-image-bottom {
    height: 150px;
  }
}
/* ------------- *Search ------------- */

.search {
  padding-top: 50px;
}

.search__form {
  position: relative;
}

.search__form input {
  padding-right: 160px;
}

.search__btn {
  position: absolute;
  height: auto !important;
  top: 0;
  right: 0;
  bottom: 0;
}

/* ----------- *Services ------------- */

.services {
  padding-top: 40px;
}

/* List */

.services__list {
  font-weight: 500;
  line-height: 1.3;
}

.services__list > li {
  margin-bottom: 25px;
}

.services__list p {
  position: relative;
  padding-left: 15px;
}

.services__list p:before {
  top: 9px;
  left: 0;
  border-radius: 50%;
  background: #49d1c8;
  width: 8px;
  height: 8px;
}

.services__list p a {
  color: inherit;
}

.services__list p a:hover {
  color: #49d1c8;
}

/* Body */

.services__body {
  margin-top: 15px;
}

.services__body .row [class*="col-"] {
  margin-bottom: 36px;
}

.services__item {
  height: 100%;
  padding: 34px;
  border-radius: 10px;
  background: #f4f4f4;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.services__item h3 {
  margin-bottom: 20px;
}

.services__item h3 a {
  color: inherit;
}

.services__item h3 a:hover {
  color: #49d1c8;
}

.services__item ul {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.services__item li:not(:last-child) {
  margin-bottom: 14px;
}

.services__item li a {
  color: #000;
  font-weight: 500;
}

.services__item li a:hover {
  text-decoration: underline;
}

.services__item .btn {
  margin-top: 20px;
}

/* ------------ *Doctors ------------- */

.doctors {
  padding-top: 50px;
}

.doctors .title {
  position: relative;
}

.doctors .title h2 {
  padding: 0 18px;
}

.doctors .swiper-button-prev-doc {
  left: 0;
}

.doctors .swiper-button-next-doc {
  right: 0;
}

.doctors__img {
  height: 392px;
  display: block;
  border-radius: 10px;
}

.doctors__text {
  margin: 22px auto 0;
  max-width: 290px;
  width: 100%;
}

.doctors__text h3 a {
  color: #000;
}

.doctors__text h3 a:hover {
  color: #49d1c8;
}

.doctors__text h4 a {
  color: #000;
  text-transform: uppercase;
}

.doctors__text h4 a:hover {
  color: #49d1c8;
}

.doctors__info {
  font-size: 17px;
  margin-top: 10px;
}

.doctors__info p:not(:last-child) {
  margin-bottom: 6px;
}

.doctors__feedback--button {
  max-width: 290px;
  margin: 22px auto 0;
}

.doctors__feedback--form {
  margin-top: 40px;
  max-width: 690px;
  display: none;
}

.doctors__feedback--form h3 {
  margin-bottom: 24px;
  color: #333;
  text-transform: none;
}

.doctors__feedbacks--wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 86px;
}
.doctors__feedbacks--wrapper h2 {
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: none;
}
.doctors__feedback {
  display: flex;
  gap: 138px;
  padding: 25px 0 30px 0;
  border-bottom: 1px #e9e9e9 solid;
}
.doctors__feedback--rating {
  max-width: 290px;
  margin: 0 auto 0;
}
.feedback-stars-wrapper {
  position: relative;
  padding: 1rem 0;
  white-space: nowrap;
  width: fit-content;
}
.feedback-stars-fill {
  background: white;
  height: 100%;
  overflow: hidden;
  mix-blend-mode: color;
  position: absolute;
  top: 0;
  right: 0;
}
.doctors__feedback.hidden {
  display: none;
}
.doctors__feedback:first-child {
  border-top: 1px #e9e9e9 solid;
}
.doctors__feedback--info {
  flex: 0 0 auto;
  width: 30%;
  font-size: 14px;
  color: #000000;
}
.doctors__feedback--author {
  line-height: 20px;
  font-weight: 700;
}
.doctors__feedback--date {
  margin-bottom: 11px;
}
.doctors__feedback--info-bottom p {
  font-size: 15px;
  line-height: 15px;
  color: #7d7987;
}
.doctors__feedback--content-text {
  font-size: 16px;
  line-height: 21px;
  color: #373737;
}
.doctors__feedback--showmore {
  position: relative;
  color: #00abaa;
}
.doctors__feedback--showmore.open span::after {
  -webkit-transform: rotate(180deg) translateY(5px);
  transform: rotate(180deg) translateY(5px);
}
.doctors__feedback--showmore span::after {
  content: "";
  position: absolute;
  right: -18px;
  bottom: 0;
  border: 5px solid transparent;
  border-top: 5px solid #00abaa;
}
.doctors__feedback--showmore span {
  font-size: 16px;
  position: relative;
  cursor: pointer;
  border-bottom: 1px dashed #00abaa;
}
.doctors__feedbacks--footer {
  display: flex;
  justify-content: space-between;
  margin-top: 16px;
}
.doctors__feedbacks--footer .link {
  display: block;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
}
/* ------------ *Record -------------- */

.record {
  padding-top: 50px;
}

.record__box {
  color: #fff;
  position: relative;
  margin-left: -95px;
  background: #49d1c8;
  border-radius: 10px;
  margin-right: -95px;
  padding: 68px 95px 50px;
}

.record .row {
  z-index: 1;
  position: relative;
}

.record .title {
  margin-bottom: 10px;
}

.record .title h2 {
  font-size: 52px;
  font-weight: bold;
  line-height: 1.13;
}

.record .paragraph {
  font-size: 26px;
  line-height: 1.15;
  max-width: 310px;
  width: 100%;
}

.record__form {
  margin-left: auto;
  position: relative;
  max-width: 495px;
  width: 100%;
}

.record__form .form__field {
  margin-bottom: 0;
}

.record__form input {
  height: 72px;
  font-size: 26px;
  background: #fff;
  line-height: 72px;
  border-radius: 17px;
  padding-right: 190px;
}

.record__btn {
  padding: 0 18px;
  position: absolute;
  height: auto !important;
  top: 8px;
  right: 8px;
  bottom: 8px;
}

.record__bg {
  z-index: -1;
  position: absolute;
  background: #f4f4f4;
  border-radius: 10px;
  pointer-events: none;
  left: 50%;
  bottom: 78px;
  width: 1392px;
  height: 559px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.record__circle {
  position: absolute;
  pointer-events: none;
  left: 50%;
  bottom: -62px;
  mix-blend-mode: multiply;
  width: 467px;
  height: 212px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../img/svg/record-circle.svg) center/contain no-repeat;
}

/* ------------ *Contacts ------------ */

.contacts {
  margin-top: 100px;
  position: relative;
}

.contacts--minus {
  margin-bottom: -50px;
}

.contacts .container {
  padding-top: 30px;
  padding-bottom: 40px;
}

.contacts__box {
  z-index: 1;
  width: 338px;
  padding: 40px 0;
  background: #fff;
  position: relative;
  border-radius: 10px;
}

.contacts__item {
  position: relative;
  padding-left: 35px;
  padding-right: 35px;
}

.contacts__item:not(:last-child) {
  margin-bottom: 40px;
}

.contacts__item--point:before {
  top: -9px;
  left: 0;
  width: 27px;
  height: 40px;
  background: url(../img/svg/i-point.svg) center/contain no-repeat;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.contacts__item h3 {
  line-height: 1;
  margin-bottom: 10px;
}

.contacts__tel {
  color: #49d1c8;
}

.contacts__tel a {
  color: inherit;
  font-weight: 500;
}

.contacts__tel a:hover {
  text-decoration: underline;
}

.contacts__item .social {
  margin-right: 20px;
}

/* ------------- *Footer ------------- */

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

.footer__logo {
  max-width: 208px;
  width: 100%;
}

.footer__logo img {
  display: block;
}

.footer__nav {
  gap: 20px;
  font-size: 15px;
  margin-left: auto;
  max-width: 670px;
  width: 100%;
}

.footer__nav a {
  color: #000;
  font-weight: 500;
  text-transform: uppercase;
}

.footer__nav a:hover {
  text-decoration: underline;
}

.footer__info {
  font-size: 17px;
  margin-top: 40px;
  padding-top: 28px;
  border-top: 1px solid #d4d4d4;
}

.footer__info a {
  color: inherit;
}

.footer__info a:hover {
  text-decoration: underline;
}

.footer__logos {
  margin-top: 30px;
}

.footer__logos [class*="col-"] {
  margin-bottom: 15px;
}

.footer__logos a,
.footer__logos img {
  width: 100%;
  display: block;
}

/* ------------- *Layer -------------- */

.layer {
  z-index: 61;
  display: none;
  position: fixed;
  background: rgb(0 0 0 / 51%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* ------------- *Modal -------------- */

.modal {
  z-index: 101;
  display: none;
  position: fixed;
  overflow-y: auto;
  background: rgb(0 0 0 / 51%);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.fullScreen {
  padding: 50px 0;
  min-height: 100%;
}

.modal__box {
  background: #fff;
  position: relative;
  border-radius: 10px;
  padding: 45px 50px 50px;
  max-width: 494px;
  width: 96%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 26px;
  height: 26px;
}

.modal__close svg {
  display: block;
  width: 100%;
  height: 100%;
}

.modal__close:hover {
  opacity: 0.6;
}

.form__modal {
  margin-top: 25px;
}

.modal__btn {
  margin-top: 40px;
}

.modal__links {
  margin-left: 35px;
}

.modal__links p:not(:last-child) {
  margin-bottom: 5px;
}

.modal__links a {
  color: #000;
}

.modal__links a:hover {
  text-decoration: underline;
}

.modal .paragraph {
  line-height: 1.4;
  margin-top: 12px;
}

/* =================================== */
/*            Page: Licenses           */
/* =================================== */

.licenses--padding {
  padding-top: 95px;
}

.licenses .row [class*="col-"] {
  margin-bottom: 35px;
}

.licenses__img {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}

.licenses__img i {
  height: 392px;
  display: block;
}

.licenses__img img {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.licenses__info {
  font-size: 17px;
  margin-top: 15px;
  padding-left: 30px;
}

.licenses__info p:not(:last-child) {
  margin-bottom: 8px;
}

/* =================================== */
/*            Page: Services           */
/* =================================== */

.p-services .search__form {
  margin-bottom: 40px;
}

/* =================================== */
/*             Page: Service           */
/* =================================== */

.service .paragraph {
  width: 100%;
  line-height: 1.3;
}

.service__left {
  max-width: 690px;
}

.service__right {
  max-width: 280px;
  margin-left: auto;
}

.service__right p + p {
  margin-top: 20px;
}

.service__right strong {
  display: block;
}

.p-doctors {
  padding-top: 40px;
}

.p-doctors .row [class*="col-"] {
  margin-bottom: 50px;
}

.p-doctors + .record {
  padding-top: 0;
}

/* =================================== */
/*             Page: Doctors           */
/* =================================== */

.record + .p-doctors {
  padding-top: 90px;
}

/* =================================== */
/*             Page: Doctor            */
/* =================================== */

.doctor__left {
  line-height: 1.3;
  max-width: 690px;
  width: 100%;
}

.doctor__info li {
  margin-top: 25px;
  position: relative;
  padding-left: 24px;
}

.doctor__info li span {
  display: block;
  font-weight: bold;
}

.doctor__info > li:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 16px;
  height: 2px;
  background-color: #49d1c8;
}

.doc_spec_list {
  color: #1d2f3c;
  font-size: 20px;
  line-height: 20px;
  background: #f6f9fb;
  border-radius: 8px;
  display: inline-flex;
  padding: 4px 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  align-items: center;
}

.doc_spec_list:hover {
  background: #e2fdfb;
  color: #49d1c8;
  text-decoration: none;
}

/* =================================== */
/*             Page: Blog              */
/* =================================== */

.p-block .row [class*="col-"] {
  margin-bottom: 50px;
}

/* =================================== */
/*            Page: Article            */
/* =================================== */

.article__head {
  line-height: 1.3;
}

.article__head span {
  color: #a9a9a9;
  font-size: 17px;
}

.article__head p {
  font-size: 23px;
  margin-top: 10px;
}

.article__img img,
.article__descImg img {
  width: 100%;
  display: block;
  border-radius: 10px;
}

.article__desc {
  margin-top: 10px;
  line-height: 1.3;
}

.article__desc strong {
  display: block;
  margin-top: 30px;
}

.article__descImg {
  margin-top: 30px;
}

/* =================================== */
/*              Page: Oms              */
/* =================================== */

.oms__desc {
  line-height: 1.3;
}

.oms__left {
  position: relative;
  max-width: 296px;
  width: 100%;
}

.oms__left:after {
  pointer-events: none;
  top: 160px;
  left: -35px;
  width: 129px;
  height: 176px;
  background: url(../img/svg/i-arrow-right.svg) center/contain no-repeat;
}

.oms__services {
  padding-top: 75px;
}

.oms__services .title h2 {
  line-height: 1.4;
}

.oms__servicesItem {
  height: 100%;
  font-size: 19px;
  line-height: 1.3;
  position: relative;
  padding: 25px 20px;
  background: #f4f4f4;
  border-radius: 10px;
}

.oms__servicesItem--circle:before {
  pointer-events: none;
  top: -70px;
  right: -116px;
  width: 391px;
  height: 178px;
  background: url(../img/svg/record-circle.svg) center/contain no-repeat;
}

.oms__services .fx-column .oms__servicesItem {
  height: calc(50% - 19px);
}

.oms__servicesItem p a {
  color: inherit;
}

.oms__servicesItem p a:hover {
  color: #49d1c8;
}

.oms__nav {
  margin-top: 80px;
}

.oms__nav li {
  margin-bottom: 8px;
}

.oms__nav li a {
  color: inherit;
}

.oms__nav li a:hover {
  text-decoration: underline;
}

.survey {
  margin-top: 70px;
}

.survey .title h2 {
  line-height: 1.45;
}

.survey__item {
  height: 100%;
  padding: 25px;
  line-height: 1.5;
  border-radius: 10px;
  border: 3px solid #49d1c8;
}

.survey__txt {
  line-height: 1.3;
  padding-top: 25px;
  position: relative;
}

.survey__txt:after {
  pointer-events: none;
  top: 95px;
  left: 131px;
  width: 176px;
  height: 60px;
  background: url(../img/svg/i-arrow-right-small.svg) center/contain no-repeat;
}

.oms__info {
  line-height: 1.3;
  margin-top: 60px;
}

.oms__infoIntem {
  padding: 30px;
  border-radius: 10px;
  border: 3px solid #49d1c8;
}

.law {
  line-height: 1.3;
  margin-top: 70px;
  padding: 45px 30px;
  background: #f4f4f4;
  border-radius: 10px;
}

.law__box {
  max-width: 910px;
  width: 100%;
}

.law p + p {
  margin-top: 25px;
}

/* =================================== */
/*            Page: Contacts           */
/* =================================== */

.p-contacts {
  margin-top: -45px;
  position: relative;
  padding: 50px 0 165px;
}

.p-contacts .contacts__box {
  width: 408px;
  padding-top: 20px;
  padding-bottom: 0;
}

.p-contacts .contacts__item {
  padding-top: 20px;
  padding-bottom: 20px;
}

.p-contacts .contacts__item--bg {
  background: #f4f4f4;
}

.p-contacts .contacts__item--point:before {
  top: 10px;
}

.p-contacts .contacts__item:not(:last-child) {
  margin-bottom: 0;
}

.contacts__info {
  font-size: 23px;
  margin-top: 15px;
}

.contacts__infoItem:not(:last-child) {
  margin-bottom: 20px;
}

.record--minus {
  padding-top: 0;
  margin-top: -40px;
}

/* =================================== */
/*          Page: Information          */
/* =================================== */

.information__item {
  font-size: 23px;
  line-height: 1.13;
  padding: 25px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.information__item:nth-child(odd) {
  background: #f4f4f4;
}

.information__item span {
  max-width: 680px;
  width: 100%;
}

.information__item a {
  color: #000;
  margin-left: 25px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.information__item a:hover {
  text-decoration: underline;
}

/* =================================== */
/*             Page: About             */
/* =================================== */

.about .paragraph {
  line-height: 1.3;
}

.about .paragraph p + p {
  margin-top: 25px;
}

.about__img img {
  display: block;
  margin-left: auto;
}

.dignity {
  margin-top: 25px;
}

.dignity__item {
  margin-top: 45px;
}

.dignity__item span {
  color: #49d1c8;
  display: block;
  line-height: 1;
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
}

.dignity__item p {
  line-height: 1.3;
  margin-top: 10px;
  max-width: 205px;
  width: 100%;
}

.services-icon {
  padding-top: 70px;
}

.services-icon .title {
  margin-bottom: 0 !important;
}

.services-icon i {
  display: block;
  width: 40px;
  height: 40px;
}

.services-icon p {
  margin-top: 11px;
  line-height: 1.4;
}

.services-icon p a {
  color: #000;
  font-size: 17px;
  text-decoration: underline;
}

.services-icon p a:hover {
  text-decoration: none;
}

.p-contacts--internal {
  margin-top: 45px !important;
}

/* =================================== */
/*    Page: Login,register,revovery    */
/* =================================== */
a#resend_sms_link {
  color: #49d1c8;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  transition: all 0.2s;
}
a#resend_sms_link:hover,
a#resend_sms_link:active {
  color: #e7f9f7;
}
.login__box {
  padding: 34px;
}
.login__box--wrapper {
  border-radius: 10px;
  border: 4px solid #49d1c8;
  margin-left: -15px;
  margin-right: -15px;
}

.login__box .form__field {
  margin-bottom: 20px;
}

.login__actions {
  font-size: 15px;
  color: #3c3c3c;
  line-height: 28px;
}
.login__possibilities h2 {
  font-size: 18px;
  font-weight: 600;
}
.login__possibilities ul {
  font-size: 16px;
  margin-top: 36px;
  font-weight: 400;
  line-height: 24px;
}
.login__possibilities ul li::before {
  content: "";
  background-image: url(../img/svg/checkmark.svg);
  position: absolute;
  width: 25px;
  height: 25px;
  left: 0;
}
.login__possibilities ul li {
  position: relative;
  padding-left: 38px;
}
.login__possibilities ul li:not(:last-child) {
  margin-bottom: 38px;
}
.login-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 26px;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 46px;
  margin-top: -18px;
}
.vertical-strip {
  width: 1px;
  background: #ebebeb;
  margin: 0 40px;
}
.code-timer {
  color: #818181;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 20px;
}
.buttons-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 14px;
  gap: 29px;
}
.buttons-row > .btn {
  width: 100%;
}
/* =================================== */
/*             Page: Profile           */
/* =================================== */
.profile {
  padding-top: 20px;
}
a.profile__logout {
  display: block;
  margin-top: 20px;
  text-align: center;
  padding: 12px 20px;
  color: #fff;
  background: #ff5a5a;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  transition: background 0.3s ease, transform 0.2s ease;
}

a.profile__logout:hover {
  background: #49d1c828;
}
a.profile__logout:focus,
a.profile__logout:active {
  opacity: 0.8;
}
.profile__form {
  max-width: 536px;
}
.profile__form .btn {
  margin-top: 50px;
}
.profile h2 {
  color: #000;
  font-size: 26px;
  font-weight: 700;
  text-transform: none;
  margin-bottom: 46px;
}
.profile h2.checkmark {
  position: relative;
}
.profile h2.checkmark::after {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 12px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3e%3cg clip-path='url(%23clip0_1_1407)'%3e%3cpath d='M15 2.5C8.1 2.5 2.5 8.1 2.5 15C2.5 21.9 8.1 27.5 15 27.5C21.9 27.5 27.5 21.9 27.5 15C27.5 8.1 21.9 2.5 15 2.5ZM11.6125 20.3625L7.125 15.875C6.6375 15.3875 6.6375 14.6 7.125 14.1125C7.6125 13.625 8.4 13.625 8.8875 14.1125L12.5 17.7125L21.1 9.1125C21.5875 8.625 22.375 8.625 22.8625 9.1125C23.35 9.6 23.35 10.3875 22.8625 10.875L13.375 20.3625C12.9 20.85 12.1 20.85 11.6125 20.3625Z' fill='%23FDC500'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_1_1407'%3e%3crect width='30' height='30' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
}
.profile__notify {
  margin-top: 30px;
  padding: 20px 34px 21px 31px;
  color: #363636;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  border-radius: 10px;
  background: #e7f9f7;
}
.profile__nav {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.profile__nav li {
  border-bottom: 1px solid #e3e3e3;
}

.profile__nav li:last-child {
  border-bottom: none;
}
.profile__nav li:first-child a {
  border-radius: 10px 10px 0 0;
}
.profile__nav li:last-child a {
  border-radius: 0 0 10px 10px;
  padding-bottom: 24px;
}
.profile__nav a:hover,
.profile__nav a:active {
  background: #e7f9f7;
}
.profile__nav a {
  display: flex;
  align-items: center;
  padding: 16px 24px;
  color: #333;
  font-weight: 500;
  font-size: 16px;
  transition: all 0.3s ease;
}
.profile__nav a:hover,
.profile__nav a:focus {
  background: #e7f9f7;
  color: #49d1c8;
}

.profile__nav a:hover i,
.profile__nav a:focus i {
  transform: scale(1.2);
}
.profile__nav .active a {
  font-weight: 700;
  background: #49d1c8;
  color: #fff;
}
.profile__nav .active a i {
  color: #fff;
}
.profile__nav a i {
  margin-right: 12px;
  font-size: 18px;
  color: #49d1c8;
  transition: transform 0.3s ease, color 0.3s ease;
}
.profile__nav .active a::before {
  content: "";
  position: absolute;
  right: 24px;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3e%3cpath d='M9.677 16.5418L13.7187 12.5002L9.677 8.4585C9.27075 8.05225 9.27075 7.396 9.677 6.98975C10.0833 6.5835 10.7395 6.5835 11.1458 6.98975L15.927 11.771C16.3333 12.1772 16.3333 12.8335 15.927 13.2397L11.1458 18.021C10.7395 18.4272 10.0833 18.4272 9.677 18.021C9.28117 17.6147 9.27075 16.9481 9.677 16.5418Z' fill='white'/%3e%3c/svg%3e");
}
.table-responsive {
  overflow: auto;
}
.profile__table thead {
  background: #49d1c8;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
}
.profile__table thead th {
  padding: 9px 10px;
}
.profile__table thead.table-order th.js-table-order {
  cursor: pointer;
  padding: 9px 10px;
  padding-left: 30px;
  position: relative;
}
.profile__table thead.table-order th.js-table-order:hover,
.profile__table thead.table-order th.js-table-order:focus {
  box-shadow: 0px -13px 17px -23px inset rgb(0 0 0 / 57%);
  -webkit-box-shadow: 0px -13px 17px -23px inset rgb(0 0 0 / 57%);
}
.profile__table thead.table-order th.js-table-order:first-child {
  padding-left: 40px;
}
.profile__table thead.table-order th.js-table-order:first-child::before {
  left: 10px;
}
.profile__table table {
  min-width: 100%;
  border-collapse: separate; /* Важно для закругления углов */
  border-spacing: 0; /* Убираем отступы между ячейками */
  border-radius: 10px; /* Радиус закругления */
  overflow: hidden; /* Обрезаем содержимое, выходящее за пределы закругления */
}
.profile__table tbody tr {
  font-size: 13px;
  background: #f5f5f5;
}
.profile__table tbody tr:hover {
  background: #e7f9f7;
}
.profile__table tbody tr td {
  font-weight: 500;
  padding: 26px 10px;
  vertical-align: middle;
  position: relative;
}
.profile__table tbody tr td:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  right: 0;
  width: 1px;
  background-color: #e3e3e3;
}
.profile__table tbody tr:not(:last-child) {
  border-bottom: 3px solid #fff;
}
.profile__table-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  margin-bottom: 10px;
  gap: 1rem;
}
.profile__table-filter .form__field input {
  background: transparent;
  border: 1px solid #9a9a9a;
  height: 40px;
  border-radius: 4px;
}
.profile__table-filter .form__field input::-webkit-input-placeholder {
  color: #787878;
}
.profile__table-filter .form__field input::-moz-placeholder {
  color: #787878;
}
.profile__table-filter .form__field input:-ms-input-placeholder {
  color: #787878;
}
.profile__table-filter .form__field input::-ms-input-placeholder {
  color: #787878;
}
.profile__table-filter .form__field input::placeholder {
  color: #787878;
}
.profile__content .btn {
  font-size: 18px;
}
.profile__content .form__field input {
  font-size: 16px;
}
.profile__table-after {
  margin-top: 24px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.profile__table-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  font-weight: 700;
}
.profile__table-showmore {
  margin: 0 auto;
}
.profile__table tbody > tr.hidden {
  display: none;
}
.table-order th.js-table-order::before {
  content: "";
  position: absolute;
  width: 19px;
  height: 21px;
  left: 0px;
  top: 0;
  bottom: 0;
  background-repeat: no-repeat;
  margin: auto;
}
.table-order .order-asc::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' viewBox='0 0 19 21' fill='none'%3e%3cpath d='M13.5404 18.4596C13.7942 18.7135 14.2058 18.7135 14.4596 18.4596L18.5962 14.323C18.85 14.0692 18.85 13.6576 18.5962 13.4038C18.3424 13.15 17.9308 13.15 17.677 13.4038L14 17.0808L10.323 13.4038C10.0692 13.15 9.65765 13.15 9.40381 13.4038C9.14997 13.6576 9.14997 14.0692 9.40381 14.323L13.5404 18.4596ZM13.35 4L13.35 18L14.65 18L14.65 4L13.35 4Z' fill='%23A1EEE9'/%3e%3cpath d='M5.45962 3.54038C5.20578 3.28654 4.79422 3.28654 4.54038 3.54038L0.403806 7.67696C0.149965 7.9308 0.149965 8.34235 0.403806 8.59619C0.657647 8.85003 1.0692 8.85003 1.32304 8.59619L5 4.91924L8.67696 8.59619C8.9308 8.85003 9.34235 8.85003 9.59619 8.59619C9.85003 8.34235 9.85003 7.9308 9.59619 7.67696L5.45962 3.54038ZM5.65 18L5.65 4L4.35 4L4.35 18L5.65 18Z' fill='white'/%3e%3c/svg%3e");
}
.table-order .order-desc::before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='19' height='21' viewBox='0 0 19 21' fill='none'%3e%3cpath d='M13.5404 18.4596C13.7942 18.7135 14.2058 18.7135 14.4596 18.4596L18.5962 14.323C18.85 14.0692 18.85 13.6576 18.5962 13.4038C18.3424 13.15 17.9308 13.15 17.677 13.4038L14 17.0808L10.323 13.4038C10.0692 13.15 9.65765 13.15 9.40381 13.4038C9.14997 13.6576 9.14997 14.0692 9.40381 14.323L13.5404 18.4596ZM13.35 4L13.35 18L14.65 18L14.65 4L13.35 4Z' fill='white'/%3e%3cpath d='M5.45962 3.54038C5.20578 3.28654 4.79422 3.28654 4.54038 3.54038L0.403806 7.67696C0.149965 7.9308 0.149965 8.34235 0.403806 8.59619C0.657647 8.85003 1.0692 8.85003 1.32304 8.59619L5 4.91924L8.67696 8.59619C8.9308 8.85003 9.34235 8.85003 9.59619 8.59619C9.85003 8.34235 9.85003 7.9308 9.59619 7.67696L5.45962 3.54038ZM5.65 18L5.65 4L4.35 4L4.35 18L5.65 18Z' fill='%23A1EEE9'/%3e%3c/svg%3e");
}
.profile__form--short {
  max-width: 385px;
}
.profile__form--short .btn {
  margin-top: 5px;
}
.profile-user-compact {
  display: flex;
  align-items: center;
  background-color: #e7f9f7;
  border-radius: 50px;
  padding: 10px 20px;
  margin-bottom: 20px;
}

.profile-user-icon {
  font-size: 24px;
  color: #49d1c8;
  margin-right: 10px;
}

.profile-user-fullname {
  font-size: 18px;
  font-weight: 600;
  color: #333;
}
/* ------------ Calendar ------------- */
.calendar[data-calendar-theme="light"] .vanilla-calendar-day {
  height: 50px;
  width: 50px;
}
.calendar[data-calendar-theme="light"] .vanilla-calendar-month {
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}
.calendar[data-calendar-theme="light"] .vanilla-calendar-header {
  margin-bottom: 29px;
}
.calendar[data-calendar-theme="light"].vanilla-calendar {
  max-width: 655px;
  width: 100%;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  padding: 30px 36px 30px;
}
.calendar[data-calendar-theme="light"] .vanilla-calendar-arrow:before {
  -webkit-mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3e%3cpath d='M9.67712 16.5418L13.7188 12.5002L9.67712 8.4585C9.27087 8.05225 9.27087 7.396 9.67712 6.98975C10.0834 6.5835 10.7396 6.5835 11.1459 6.98975L15.9271 11.771C16.3334 12.1772 16.3334 12.8335 15.9271 13.2397L11.1459 18.021C10.7396 18.4272 10.0834 18.4272 9.67712 18.021C9.28129 17.6147 9.27087 16.9481 9.67712 16.5418Z' fill='%23383838'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3e%3cpath d='M9.67712 16.5418L13.7188 12.5002L9.67712 8.4585C9.27087 8.05225 9.27087 7.396 9.67712 6.98975C10.0834 6.5835 10.7396 6.5835 11.1459 6.98975L15.9271 11.771C16.3334 12.1772 16.3334 12.8335 15.9271 13.2397L11.1459 18.021C10.7396 18.4272 10.0834 18.4272 9.67712 18.021C9.28129 17.6147 9.27087 16.9481 9.67712 16.5418Z' fill='%23383838'/%3e%3c/svg%3e");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
}
.calendar[data-calendar-theme="light"]
  .vanilla-calendar-arrow.vanilla-calendar-arrow_prev:before {
  -webkit-transform: rotateZ(180deg);
  transform: rotate(180deg);
}
.calendar[data-calendar-theme="light"]
  .vanilla-calendar-arrow.vanilla-calendar-arrow_next:before {
  -webkit-transform: rotateZ(0deg);
  transform: rotate(0deg);
}
.calendar[data-calendar-theme="light"] .vanilla-calendar-arrow {
  border-radius: 100px;
  border: 1px solid #606060;
  display: flex;
  width: 40px;
  height: 40px;
  padding: 8px 7px 7px 8px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
.calendar[data-calendar-theme="light"] .vanilla-calendar-day__btn {
  border: 1px solid #e9e9e9;
  border-radius: 100px;
  color: #259d95;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  font-family: "Montserrat";
}
.calendar[data-calendar-theme="light"] .vanilla-calendar-day__btn_disabled {
  /* border: 1px solid #E9E9E9;
  border-radius: 100px; */
  color: #000;
  font-weight: 400;
}
.calendar[data-calendar-theme="light"] .vanilla-calendar-day__btn_prev {
  color: #b6b6b6;
  font-weight: 400;
}
.calendar[data-calendar-theme="light"] .vanilla-calendar-day__btn_selected {
  background-color: #49d1c8;
  border: 1px solid #49d1c8;
  color: #fff;
  font-weight: 400;
}
.calendar[data-calendar-theme="light"] .vanilla-calendar-week__day {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}
.calendar[data-calendar-theme="light"] .vanilla-calendar-year_disabled {
  display: none;
}
.calendar[data-calendar-theme="light"] .vanilla-calendar-week {
  margin-bottom: 38px;
}
.calendar[data-calendar-theme="light"] .vanilla-calendar-days {
  row-gap: 10px;
}

/* ------------ *Default ------------- */
/* ------------ *Default ------------- */
/* ------------ *Default ------------- */
/* --------- *Before::After ---------- */
.btn:after,
.list li:before,
.menu .container:after,
.menu__link:before,
.menu__link:after,
.intro__item:after,
.services__list p:before,
.contacts__item:before,
.select__wrap:after,
.oms__left:after,
.oms__servicesItem--circle:before,
.survey__txt:after {
  content: " ";
  position: absolute;
}

.btn-primary {
  color: #fff;
  background-color: #49d1c8;
  border: none; /* Убираем рамку */
  padding: 12px 28px; /* Поля вокруг текста */
  border-radius: 10px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}
.btn-primary:hover {
  background-color: #fec900;
  color: white;
}

/* -----------------------------------
              Dropdown menu
--------------------------------------*/
.main-menu > li > a {
  color: #303030;
  /*padding: 30px 12px;*/
  text-transform: uppercase;
}

.main-menu li {
  /* display: inline-block; */
  position: relative;
}

.main-menu span.indicator {
  margin-left: 3px;
}

/* Dropdown Style */

.dropdown {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
  left: 0;
  position: absolute;
  text-align: left;
  top: 130%;
  width: 220px;
  z-index: 999;
  display: none;
}
.dropdown li {
  display: block;
  border-bottom: 1px solid #e5e5e5;
}
.dropdown li a {
  display: block;
  padding: 8px 20px;
}

/* -----------------------------------
              Mega menu
--------------------------------------*/
nav ul#megamenu {
  display: block;
  margin: 0;
  padding: 0;
  cursor: pointer;
  list-style: 0;
}
nav ul#megamenu li {
  position: relative;
}
nav ul#megamenu li a {
  color: #000;
  text-transform: uppercase;
}
/*
nav ul#megamenu li:hover > #mega {
  display: block;
  visibility: visible;
  opacity: 1; 
  transform: translateY(0);
  top: 100%; 
  
}
*/

#mega {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
  /* left: 0; */
  position: absolute;
  top: 130%;
  width: 600px;
  height: auto;
  padding: 20px 30px;
  z-index: 999;
  right: 0;
  left: auto;
  text-align: left;
  cursor: pointer;
  display: none;

  /*
  transition: all 0.3s ease 0s;
  display: none;
  */
}
ul#megamenu ul {
  float: left;
  width: 31%;
  margin: 0 2% 15px 0;
  padding: 0;
  list-style: none;
}
ul#megamenu ul li {
  display: block;
}
ul#megamenu ul li a {
  float: left;
  display: block;
  width: 100%;
  height: auto;
  line-height: 1.3em;
  text-decoration: none;
  padding: 6px 0;
}
ul#megamenu ul li:first-child a {
  color: #fec900;
  cursor: default;
}

nav ul#megamenu li a:hover,
nav ul#megamenu li:hover > a {
  color: #49d1c8;
}

/*
nav ul#megamenu li:hover #arrow {
transition: all 0.25s ease-in; 
transform: rotate(180deg);
}
*/

/* faq */
.faq {
  margin-bottom: 20px;
  transition: 0.3s all;
  border: 1px solid #d9e9ff;
  box-shadow: 0 3px 6px rgba(73, 209, 200, 0.16);
  border-radius: 10px;
}

.faq_active {
  margin-bottom: 30px;
}

.faq__question {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-height: 62px;
  padding: 10px 35px;
  background-color: #fff;
  transition: 0.3s all;
  cursor: pointer;
  border-radius: 10px;
}

.faq__question:hover {
  background: rgba(73, 209, 200, 0.16); /* #f6fbff; */
}

.faq_active .faq__question {
  background: rgba(254, 201, 0, 0.5); /* #f6fbff; */
}

.faq__ico {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.faq__ico_m_r {
  margin-right: 13px;
}

.faq__ttl {
  color: #000; /* 32325c */
  font-size: 17px;
  font-weight: 600;
  flex-grow: 1;
}

.faq__close {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
}

.faq__close:before {
  content: "";
  display: block;
  height: 4px; /* Увеличена толщина */
  background-color: #49d1c8;
  position: absolute;
  top: calc(50% - 2px); /* Изменено, чтобы центрировать новую толщину */
  left: 0;
  right: 0;
  border-radius: 2px; /* Добавлено для закругления концов */
  transition: 0.3s all;
}

.faq_active .faq__close:before {
  transform: rotate(180deg);
}

.faq__close:after {
  content: "";
  display: block;
  width: 4px; /* Увеличена толщина */
  background-color: #49d1c8;
  position: absolute;
  top: 0;
  left: calc(50% - 2px); /* Изменено, чтобы центрировать новую толщину */
  bottom: 0;
  border-radius: 2px; /* Добавлено для закругления концов */
  transition: 0.3s all;
}

.faq_active .faq__close:after {
  transform: rotate(180deg);
  opacity: 0;
}

.faq__answer {
  border-radius: 0 0 10px 10px; /*border-radius: 2px;*/
  background-color: #fff;
  padding: 30px 35px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  display: none;
}

.faq__txt {
  color: #000; /* 5b6787 */
  font-size: 16px;
  font-weight: 500;
}

.faq__accent {
  color: rgb(254, 185, 84);
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 2px;
}
/* faq end */

.job_sum details {
  display: block;
  width: 100%;
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 1.5rem;
  padding: 20px 30px;
}
.job_sum summary::-webkit-details-marker {
  display: none;
}
.job_sum summary::-moz-list-bullet {
  list-style-type: none;
}
.job_sum summary::marker {
  display: none;
}
.job_sum summary {
  display: block;
  padding: 0.3em 1em 0.3em 0.9em;
  border-bottom: 1px solid #e2e8f0;
  font-size: 1.4em;
  cursor: pointer;
  position: relative;
}
.job_sum summary:before {
  top: 0.4em;
  right: 0.3em;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=")
    no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em;
  content: "";
  position: absolute;
  transition: transform 0.5s;
}
.job_sum details[open] > summary:before {
  transform: scale(1, -1);
}
.job_sum summary ~ * {
  padding: 0 1em 10px 1.4em;
}
.job_sum details[open] summary ~ * {
  animation: sweep 0.5s ease-in-out;
}
@keyframes sweep {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.job_sum summary:focus {
  outline: 0;
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), inset 0 0 2px rgba(0, 0, 0, 0.3);
}
.job_sum a {
  color: #49d1c8;
  text-decoration: none;
}
.job_sum a:hover {
  color: #fec900;
}
.card {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
  padding: 20px 30px;
  border-radius: 15px;
  font-family: "Montserrat", sans-serif;
  line-height: 33px;
}

.card a {
  color: #5cb8b2;
  text-decoration: none;
}
.card a:hover {
  color: #d6ac0c;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.card_table {
  width: 100%;
}

.card_table tr,
td,
th {
  border-bottom: 1px solid #e5e5e5;
  font-size: 15px;
}

@media (max-width: 720px) {
  .card_table thead {
    display: none;
  }

  .card_table tr {
    display: block;
  }

  .card_table td {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
  }

  .card_table td::before {
    content: attr(data-label);
    font-weight: bold;
    margin-right: 20px;
  }
}
.column {
  float: left;
  width: 50%;
  padding: 0 10px;
  margin-bottom: 20px;
}

/* Remove extra left and right margins, due to padding */
.row_card {
  margin: 5 -5px;
}

/* Clear floats after the columns */
.row_card:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* Style the counter cards */
.sub_card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  padding: 16px;
  background-color: #ffffff;
  font-family: "Montserrat", sans-serif;
  border-radius: 15px;
}
.sub_card sub {
  display: inline-block;
  margin-bottom: 15px;
}
.sub_card p,
i {
  vertical-align: middle;
  min-width: 20px;
  text-align: left;
}

.sub_card i {
  color: #49d1c8;
}

.sub_card a {
  color: #000000;
  text-decoration: none;
}
.sub_card a:hover {
  color: #d6ac0c;
}

.styledprice {
  display: grid;
  gap: 10px;
  grid-template-columns: 80% 10%;
  border-bottom: 1px solid #e5e5e5;
}

.srv_name,
.price_num {
  padding: 1%;
  border-radius: 10px;
}

.srv_name a {
  color: #000000;
}

.srv_name a.link:hover,
.srv_name a.link:active {
  color: #49d1c8;
}
.srv_name a.link.link--green {
  color: #49d1c8;
}
.srv_name a.link.link--green:hover,
a.link.link--green:active {
  color: #e7f9f7;
}

.price_num {
  color: #737473;
  white-space: nowrap;
}

@media (max-width: 400px) {
  .styledprice {
    font-size: 14px;
  }
}

.doc-blockquote {
  background: #f9f9f9;
  border-left: 10px solid #49d1c8;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
  border-radius: 10px;
}
.doc-blockquote:before {
  color: #fec900;
  content: open-quote;
  font-size: 130px;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.doc-blockquote p {
  display: inline-block;
}
.doc-blockquote p::first-letter {
  font-size: 30px;
  font-weight: bold;
}

.doc-info-spoiler {
  margin-bottom: 20px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ddd;
}

.doc-info-spoiler-header {
  padding: 15px;
  background-color: #f9f9f9;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
  position: relative;
}

.doc-info-spoiler-header h3 {
  margin: 0;
  font-size: 18px;
}

.doc-info-spoiler-body {
  padding: 15px;
  display: none;
}

.doc-info-spoiler .fa-angle-down {
  color: #fec900;
  transition: transform 0.3s ease;
  top: 50%;
  transition: transform 0.3s ease;
  margin-left: 10px; /* Отступ слева для стрелки */
}

.doc-info-spoiler.open .fa-angle-down {
  transform: translateY(-50%) rotate(180deg);
}

.doc-info-spoiler-body li {
  margin-top: 25px;
  position: relative;
  padding-left: 24px;
}

.doc-info-spoiler-body li span {
  display: block;
  font-weight: bold;
}

.doc-info-spoiler-body > li:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 16px;
  height: 2px;
  background-color: #49d1c8;
}

/* footer */

.footer-legal-text {
  text-transform: uppercase;
  font-weight: 300;
  opacity: 0.7;
  text-align: center;
  margin-top: 20px !important;
  font-size: 12px;
  letter-spacing: 1px;
}

.footer-legal-text .nobr {
  white-space: initial;
}

@media (min-width: 768px) {
  .footer-legal-text {
    margin-left: 0;
    font-size: 14px;
    letter-spacing: 9.3px;
  }
  .footer-legal-text .nobr {
    white-space: nowrap;
  }
}

@media (max-width: 1280px) {
  .footer-legal-text {
    letter-spacing: 6px;
  }
}

@media (max-width: 992px) {
  .footer-legal-text {
    letter-spacing: 5.25px;
    font-size: 10px;
  }
}

@media (max-width: 350px) {
  .footer-legal-text {
    font-size: 8px;
  }
}

@media (min-width: 768px) {
  .nobr {
    white-space: nowrap;
  }
}

.service-title {
  text-align: center;
  margin-bottom: 20px;
  background-color: #49d1c8;
  color: white;
  padding: 10px;
  border-radius: 5px 5px 0 0;
}

.tabs-container {
  display: flex;
  justify-content: center;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}

.tab {
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid #ccc;
  border-bottom: none;
  background-color: #fff;
  color: #666;
  transition: all 0.3s ease;
  border-radius: 10px;
}

.tab:hover {
  background-color: #f0f0f0;
}

.tab.active {
  background-color: #49d1c8;
  color: white;
}

.tab i {
  margin-right: 5px;
}

.tab-content {
  display: none;
  padding: 20px;

  line-height: 1.6;
}

.tab-content.active {
  display: block;
}

/* Media Query for Mobile Devices */
@media (max-width: 767px) {
  .tabs-container {
    flex-wrap: wrap;
  }

  .tab {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
  }

  .tab:last-child {
    margin-bottom: 0;
  }

  .service-title {
    font-size: 20px;
    padding: 15px;
  }
  /*
      .service-title {
        font-size: 20px;
        padding: 15px;
      }
*/
}

/* QTIP (всплывающие подсказки) */

.qtip {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #fec900;
  border-bottom: 0.05em dotted #3bb4e5;
  box-sizing: border-box;
  font-style: normal;
  transition: all 0.25s ease-in-out;
}
.qtip:hover {
  color: #49d1c8;
  border-bottom: 0.05em dotted #069;
}
/*the tip*/
.qtip:before {
  content: attr(data-tip);
  font-size: 14px;
  position: absolute;
  background: rgba(10, 20, 30, 0.85);
  color: #fff;
  line-height: 1.2em;
  padding: 0.5em;
  font-style: normal;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  min-width: 120px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  letter-spacing: 0;
  font-weight: 600;
}
.qtip:after {
  width: 0;
  height: 0;
  border-style: solid;
  content: "";
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.qtip:hover:before,
.qtip:hover:after {
  visibility: visible;
  opacity: 1;
}
/*top*/
.qtip.tip-top:before {
  top: 0;
  left: 50%;
  transform: translate(-50%, calc(-100% - 8px));
  box-sizing: border-box;
  border-radius: 3px;
}
.qtip.tip-top:after {
  border-width: 8px 8px 0 8px;
  border-color: rgba(10, 20, 30, 0.85) transparent transparent transparent;
  top: -8px;
  left: 50%;
  transform: translate(-50%, 0);
}
/*bottom*/
.qtip.tip-bottom:before {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, calc(100% + 8px));
  box-sizing: border-box;
  border-radius: 3px;
}
.qtip.tip-bottom:after {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent rgba(10, 20, 30, 0.85) transparent;
  bottom: -8px;
  left: 50%;
  transform: translate(-50%, 0);
}
/*left*/
.qtip.tip-left:before {
  left: 0;
  top: 50%;
  transform: translate(calc(-100% - 8px), -50%);
  box-sizing: border-box;
  border-radius: 3px;
}
.qtip.tip-left:after {
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent rgba(10, 20, 30, 0.85);
  left: -8px;
  top: 50%;
  transform: translate(0, -50%);
}
/*right*/
.qtip.tip-right:before {
  right: 0;
  top: 50%;
  transform: translate(calc(100% + 8px), -50%);
  box-sizing: border-box;
  border-radius: 3px;
}
.qtip.tip-right:after {
  border-width: 8px 8px 8px 0;
  border-color: transparent rgba(10, 20, 30, 0.85) transparent transparent;
  right: -8px;
  top: 50%;
  transform: translate(0, -50%);
}
.qtip-icon {
  vertical-align: text-top;
  margin-left: 5px; /* Adjust as needed */
}

.quote-container {
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin: 50px; */
  padding: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  flex-direction: row;
  gap: 20px;
}

.quote-text {
  flex: 1;
  font-size: 18px;
  color: #333;
}

.quote-text p {
  margin: 0;
  font-style: italic;
  position: relative;
  padding-left: 30px;
}

.quote-text p:before {
  content: "\201C";
  font-size: 50px;
  position: absolute;
  left: 0;
  top: -10px;
  color: #49d1c8;
}

.quote-image {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 150px;
}

.quote-image img {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.quote-image .author {
  margin-top: 10px;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

@media (max-width: 768px) {
  .quote-container {
    flex-direction: column;
    text-align: left;
  }

  .quote-text p {
    padding-left: 0;
  }

  .quote-text p:before {
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
  }
}

@media (max-width: 480px) {
  .quote-container {
    margin: 20px;
    padding: 10px;
  }

  .quote-image {
    width: 100px;
  }

  .quote-image img {
    width: 100px;
    height: 100px;
  }

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

  .quote-image .author {
    font-size: 14px;
  }
}

.price-section {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.highlight {
  background-color: #e0f7fa;
  padding: 15px;
  border-left: 4px solid #49d1c8;
  margin-bottom: 20px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.highlight-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.highlight ul li i {
  margin-right: 10px;
  color: #fec900;
}

.price-info {
  flex: 1;
}

.price-info p {
  margin: 5px 0;
}

.button-container {
  flex-shrink: 0;
}

.btn-appointment {
  display: inline-block;
  padding: 10px 20px;
  background-color: #49d1c8;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s;
  font-weight: bold;
  cursor: pointer;
}

.btn-appointment:hover {
  background-color: #3baca3;
}

@media (max-width: 768px) {
  .highlight {
    flex-direction: column;
    align-items: flex-start;
  }

  .highlight-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .button-container {
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }

  .btn-appointment {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .highlight {
    padding: 10px;
  }

  .btn-appointment {
    padding: 8px 16px;
  }
}

.icon {
  margin-right: 10px;
  color: #49d1c8;
}

.icon-minus {
  color: rgba(254, 201, 0, 0.6);
}
.program-item {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.program-item i {
  flex-shrink: 0;
  width: 30px;
  text-align: center;
}

.program-item-two {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
  padding-left: 30px;
}

.program-item-two i {
  flex-shrink: 0;
  width: 30px;
  text-align: center;
}

.text-section,
.image-section {
  flex: 1;
  min-width: 300px;
  margin: 10px;
}
.image-section img {
  max-width: 100%;
  border-radius: 8px;
}

.doctors-section {
  margin-top: 40px;
}

.highlight {
  background-color: #e0f7fa;
  padding: 15px;
  border-left: 4px solid #49d1c8;
  margin-bottom: 20px;
  border-radius: 4px;
  border-radius: 10px;
}

.highlight-box {
  border: 2px solid #fec900;
  padding: 20px;
  border-radius: 10px;
  background-color: #fff9e6;
  margin: 20px 0;
}

.highlight-box h3 {
  color: #fec900;
  margin-bottom: 10px;
  text-align: center;
}

.highlight-box p {
  margin: 10px 0;
}

.price-section {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.highlight-turquoise {
  background-color: #e0f7fa;
  padding: 15px;
  border-left: 4px solid #49d1c8;
  margin-bottom: 20px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

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

.price-info {
  flex: 1;
}

.price-info p {
  margin: 5px 0;
}

.button-container {
  flex-shrink: 0;
}

.btn-appointment {
  display: inline-block;
  padding: 10px 20px;
  background-color: #49d1c8;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  transition: background-color 0.3s;
  font-weight: bold;
}

.btn-appointment:hover {
  background-color: #3baca3;
}

@media (max-width: 768px) {
  .highlight-turquoise {
    flex-direction: column;
    align-items: flex-start;
  }

  .highlight-turquoise-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .button-container {
    margin-top: 10px;
    width: 100%;
    text-align: center;
  }

  .btn-appointment {
    width: 100%;
    text-align: center;
  }
}

@media (max-width: 480px) {
  .highlight-turquoise {
    padding: 10px;
  }

  .btn-appointment {
    padding: 8px 16px;
  }
}

.content-block {
  display: flex;
  align-items: center;
  margin: 20px;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 10px;
  border: 1px solid #d9e9ff;
  box-shadow: 0 3px 6px rgba(16, 55, 133, 0.16);
}

.content-block .text {
  flex: 1;
  margin-right: 10px;
}

.content-block .content-image {
  max-width: 150px;
  height: auto;
  border-radius: 10px;
}

@media (max-width: 600px) {
  .content-block {
    flex-direction: column;
    align-items: flex-start;
  }

  .content-block .text {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .content-block .content-image {
    max-width: 100%;
    width: 100%;
  }
}

.card-application-container {
  padding-block: 5rem;
}

.card-application-content {
  margin-inline: 1.75rem;
  overflow: hidden;
  padding: 1.75rem;
}

.card-application-article {
  width: 300px;
  height: 400px; /* Фиксированная высота карточек для одинаковой длины */
  display: flex;
  flex-direction: column; /* Вертикальное выравнивание содержимого */
  overflow: visible;
  box-shadow: 0 4px 8px 0 rgba(73, 209, 200, 0.2);
  transition: 0.3s;
  background-color: #ffffff;
  font-family: "Montserrat", sans-serif;
  border-radius: 30px;
  border: 1px solid #e0e0e0;
  margin: 0.5rem;
}
.card-application-article:hover {
  box-shadow: 0 8px 16px 0 rgba(73, 209, 200, 0.3); /* Увеличиваем тень */
  transform: translateY(-2px); /*  "Приподнимаем" карточку */
}
.card-application-button:hover {
  background-color: #3cb9b0; /*  Меняем цвет фона при наведении */
  cursor: pointer; /*  Указываем, что это кликабельный элемент */
}

.card-application-button:active {
  transform: translateY(1px); /*  "Вдавливаем" кнопку при нажатии */
}
.card-application-data {
  padding: 1.5rem 2rem;
  flex: 1; /* Занимает доступное пространство */
  display: flex;
  flex-direction: column; /* Вертикальное выравнивание содержимого */
  justify-content: space-between; /* Равномерное распределение содержимого */
  position: relative;
  z-index: 10;
}

/* Card Text */
.card-application-name {
  margin-bottom: 0.75rem;
  text-align: center;
}

.card-application-description {
  margin-bottom: 1.75rem;
  flex: 1; /* Занимает доступное пространство */
}

.card-application-button {
  display: inline-block;
  background-color: #49d1c8; /* Цвет фона кнопки */
  border-radius: 0.25rem;
  color: #ffffff; /* Цвет текста кнопки */
  font-weight: 600;
  padding: 0.5rem 1rem; /* Отступы кнопки */
  text-align: center; /* Выравнивание текста */
  margin-top: 1rem; /* Отступ сверху кнопки */
}

/* Swiper Class */
.swiper-button-prev-application::after,
.swiper-button-next-application::after {
  content: "";
}

.swiper-button-prev-application,
.swiper-button-next-application {
  cursor: pointer;
  width: initial;
  height: initial;
  font-size: 5rem;
  color: #49d1c8;
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-button-prev-application {
  left: 1rem;
}

.swiper-button-next-application {
  right: 1rem;
}

.swiper-button-prev-application::after,
.swiper-button-next-application::after {
  content: "";
}

/* Swiper Pagination */
.swiper-pagination-application {
  position: relative; /* Изменяем позиционирование */
  bottom: 0; /* Убираем отступ снизу */
  left: 50%;
  transform: translateX(-50%);
  margin-top: 2rem; /* Добавляем отступ сверху */
  overflow: visible;
}

.swiper-pagination-application .swiper-pagination-bullet {
  background-color: #bbc7c6;
  opacity: 1;
}

.swiper-pagination-application .swiper-pagination-bullet-active {
  background-color: #49d1c8;
}

/* Media Queries Breakpoints */

/* Small Devices */
@media screen and (min-width: 768px) {
  .card-application-content {
    margin-inline: 3rem;
  }
  .swiper-button-next-application,
  .swiper-button-prev-application {
    display: block;
  }
}

/* Large Devices */
@media screen and (min-width: 1120px) {
  .card-application-container {
    max-width: 1120px;
  }
  .swiper-button-next-application {
    right: 1rem;
  }
  .swiper-button-prev-application {
    left: 1rem;
  }
}

#additionalInfo {
  width: 100%; /* Занимает всю ширину родительского контейнера */
  box-sizing: border-box; /* Включает в расчет ширины padding и border */
  padding: 0.5rem; /* Добавляет внутренние отступы для улучшения визуального восприятия */
  border: 1px solid #ced4da; /* Стилизует границу поля ввода */
  border-radius: 0.25rem; /* Скругляет углы для согласованности дизайна */
}

/* Preparation Подготовка к процедурам */

/* Custom list styles */
.fa-circle-list,
.fa-check-list,
.fa-minus-list,
.colored-numbers {
  list-style: none;
  padding-left: 2em;
}

.fa-circle-list li,
.fa-check-list li,
.fa-minus-list li,
.colored-numbers li {
  position: relative;
  margin-bottom: 0.5em;
}

/* Icons for lists */
.fa-circle-list li::before {
  content: "\f111";
  /* fa-circle */
  left: -2em;
  top: 0.45em;
  font-size: 0.5em;
}

.fa-check-list li::before {
  content: "\f00c";
  /* fa-check */
  left: -1.5em;
  top: 0.25em;
  font-size: 0.75em;
}

.fa-minus-list li::before {
  content: "\f068";
  /* fa-minus */
  left: -1.5em;
  top: 0.25em;
  font-size: 0.75em;
}

/* Common styles for all icon lists */
.fa-circle-list li::before,
.fa-check-list li::before,
.fa-minus-list li::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  color: #fec900;
}

/* Numbered list */
.colored-numbers {
  counter-reset: item;
  padding-left: 1.5em;
  /* Уменьшил отступ слева */
}

.colored-numbers li {
  counter-increment: item;
  padding-left: 2em;
  /* Оставил отступ для цифр */
  margin-bottom: 0.5em;
  position: relative;
}

.colored-numbers li::before {
  content: counter(item) ".";
  position: absolute;
  left: 0;
  color: #fec900;
  font-weight: bold;
  width: 1.5em;
  /* Фиксированная ширина для выравнивания */
  text-align: right;
}