/*
Theme Name: telesnaya-terapiya.ru
Version: 1.0.0
*/
@media screen and (min-width: 1024px) {
	.sitemap-flex {
		display: flex;
		flex-wrap: wrap;
	}
	.sitemap-flex__item {
		width: 48%;
	}
}
img.attachment-image-1.size-image-1 {
	border-radius: 20px;
}
.steps-work__list {
	margin: 0;
}
.steps-work__item {
	display: flex;
	flex-direction: column;
}

.steps-work__btn {
	margin-top: auto;
}

.steps-work__text p {
	margin: 0;
}

.steps-work__text {
	font-size: 15px;
}

.wpcf7-response-output {
	display: none !important;
}

span.wpcf7-not-valid-tip {
	display: none !important;
}

.input-item.wpcf7-not-valid {
	border-color: #EA4545 !important;
}

.input-item {
	border: 1px solid #fff !important;
}

div#order-popup input {
	border: 1px solid #857d7d !important;
}

div#order-popup input.wpcf7-not-valid {
	border-color: #EA4545 !important;
}

.hero--custom {
	padding-top: 120px;
}

.brs-list a {
	color: #d5bba2;
}

.brs-list path {
	fill: #d5bba2;
}

span.sep {
	margin: 5px;
}

.content-text a {
	color: #d5bba2;
}

.content-text a:hover,.brs-list a:hover {
	text-decoration: none;
}

.menu-mobile__location ul.location-dropdown {
	position: static;
	padding: 0;
	margin: auto;
	background: transparent;
}

.menu-mobile__location ul.location-dropdown a {
	color: #fff;
}

.how-work .how-work__list {
	margin: 0;
}

.video-work__wrap {
	max-width: 816px;
	margin: auto;
}

.video-work__img {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	position: relative;
	z-index: 5;
	text-decoration: none;
	border-radius: 33px;
	overflow: hidden;
}

span.video-work__text {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 20px;
	text-align: center;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	color: #FFFFFF;
	z-index: 5;
	padding-bottom: 50px;
}

.video-work__img img {
	display: block;
	border-radius: 33px;
}

section.video-work {
	padding-bottom: 110px;
}

.video-work__img:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 4;
	background: url('data:image/svg+xml,<svg width="130" height="130" viewBox="0 0 130 130" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="65" cy="65" r="65" fill="%23E0C6AD" fill-opacity="0.36"/><circle cx="65" cy="65" r="44" fill="%23E0C6AD"/><path d="M61.9859 52.5733C59.7846 51.2287 58 52.3302 58 55.0316V74.9665C58 77.6706 59.7846 78.7706 61.9859 77.4273L78.3485 67.4347C80.5505 66.0896 80.5505 63.9105 78.3485 62.5657L61.9859 52.5733Z" fill="white"/></svg>') no-repeat center;
}

.video-work__img:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 3;
	background: linear-gradient(0deg, rgba(30, 26, 23, 0.4), rgba(30, 26, 23, 0.4));
}

span.video-work__text p {
	margin: 20px 0;
}

.video-work__img:hover:after {
	opacity: .9;
}
section.how-work:after {
	bottom: -70%;
}

.video-work {
	position: relative;
}

.video-work:after {
	content: '';
	position: absolute;
	left: 0;
	top: -150px;
	bottom: 150px;
	width: 50%;
	background: url('data:image/svg+xml,<svg width="241" height="1133" viewBox="0 0 241 1133" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-8.50106 6.49827C204.701 -50 239 431.5 155 568.5C100.332 657.661 33.889 486.999 130.498 486.999C197.495 486.999 291.567 647.782 204.701 713.5C13.7002 858 188.546 928.922 179.998 1010C163.498 1166.5 13.8618 1132.32 -8.50107 1119.5C-84.7373 1075.79 -53.041 865.397 -145.001 817.323" stroke="%23D5BBA2" stroke-width="2"/></svg>') no-repeat left top;
	background-size: contain;
}

.video-work__content {
	position: relative;
	z-index: 5;
}
@media screen and (max-width: 768px) {
.video-work__img {
	width: 326px;
	height: 479px;
	margin: auto;
}

.video-work__img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.video-work__img:after {
	background-size: 96px;
}

span.video-work__text {
	padding: 20px 12px;
}

span.video-work__text br {
	display: none;
}

span.video-work__text p {
	margin: 10px 0;
}
}

section.tariffs {
    background: #faf5f3 no-repeat left center;
    padding-bottom: 115px;
    background-image: url(source/build/img/bg/serts.png);
}

.tariffs__note p:last-child {
    margin-bottom: 0;
}

.tariffs__content {
    position: relative;
}

.tariffs__content:after {
    content: '';
    position: absolute;
    left: -100px;
    bottom: -40px;
    width: 93px;
    height: 68px;
    background: url('data:image/svg+xml,<svg width="93" height="88" viewBox="0 0 93 88" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34 11L35.6879 29.4532C37.1976 40.4354 40.307 45.6685 49.4723 47.4775L68 49.5L49.4723 51.5225C40.307 53.3314 37.1976 58.5646 35.6879 69.5468L34 88L32.3121 69.5468C30.8024 58.5646 27.693 53.3314 18.5277 51.5225L0 49.5L18.5277 47.4775C27.693 45.6685 30.8024 40.4354 32.3121 29.4532L34 11Z" fill="%23D5BBA2"/><path d="M74 0L74.9432 10.305C75.7869 16.4379 77.5245 19.3604 82.6463 20.3705L93 21.5L82.6463 22.6295C77.5245 23.6396 75.7869 26.5621 74.9432 32.695L74 43L73.0568 32.695C72.2131 26.5621 70.4755 23.6396 65.3537 22.6295L55 21.5L65.3537 20.3705C70.4755 19.3604 72.2131 16.4379 73.0568 10.305L74 0Z" fill="%23D5BBA2"/></svg>') no-repeat center center;
}

.tariffs__list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.tariffs__note {
    text-align: center;
    margin-top: 36px;
    font-size: 18px;
    line-height: 171%;
    color: rgba(122, 114, 99, 0.67);
    opacity: 0.8;
}

.tariff-card__content {}

.tariff-card {
	border-radius: 30px;
	display: flex;
}

.tariff-card--single {
	padding: 30px;
	background: #D5BBA2;
	color: #fff;
	flex: 1 0 auto;
	align-items: center;
}

.tariff-card--small {
	padding: 30px 25px;
	background: #fff;
	flex: 1 0 auto;
	text-align: center;
	max-width: 296px;
}

.tariff-card__content {
	display: flex;
	flex-direction: column;
}

.tariff-card__image {
	overflow: hidden;
	margin-left: 35px;
	flex: 0 0 auto;
}

.tariff-card__image img {
	display: block;
	border-radius: 20px;
}

.tariff-card__content {
	width: 100%;
}

.tariff-card__title {
	font-family: 'Forum';
	font-weight: 400;
	font-size: 34px;
	line-height: 116%;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	margin-bottom: 21px;
}

.tariff-card__price {
	font-weight: 400;
	font-size: 31px;
	line-height: 150%;
}

.tariff-card__price span {
	font-size: 15px;
	font-weight: 400;
}

.tariff-card__button {
	margin-top: auto;
}

.tariff-card__button {
	margin-top: 40px;
}

.tariff-card__info {
	font-size: 16px;
	line-height: 150%;
	color: rgba(122, 114, 99, 0.7);
	margin-bottom: 19px;
}

.tariff-card--small .tariff-card__title {
	margin-bottom: 15px;
}

.tariff-card--single .btn-main span {
	background: #fff;
}

.tariff-card--single .btn-main::after {
	bottom: -4px;
}

@media screen and (max-width: 1200px) {
.tariffs__list {
	flex-wrap: wrap;
}

.tariff-card--single {
	width: 100%;
	max-width: 540px;
	margin: auto;
}

.tariff-card--small {
	width: 100%;
	max-width: 540px;
	margin: auto;
}
}
@media screen and (max-width: 768px) {
.tariff-card--single {
	flex-wrap: wrap;
	position: relative;
}

.tariff-card__content {
	text-align: center;
}

.tariff-card__image {
	margin: auto;
	margin-top: 10px;
	width: 200px;
	height: 200px;
	border-radius: 20px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 111px;
}

.tariff-card--single .tariff-card__button {
	padding-top: 211px;
}

.tariff-card__button {
	margin-top: 20px;
}
}

.phone-header__tel {
	font-weight: 400;
	font-size: 12px;
	line-height: 168%;
	letter-spacing: 0.04em;
	color: #6B6056;
	padding: 8px 0;
	padding-left: 22px;
	background: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.33366 1.625C4.60449 1.625 5.68783 4.0625 5.68783 4.33333C5.68783 4.875 4.87533 5.41667 4.60449 5.95833C4.33366 6.5 4.87533 7.04167 5.41699 7.58333C5.62824 7.79458 6.50033 8.66667 7.04199 8.39583C7.58366 8.125 8.12533 7.3125 8.66699 7.3125C8.93783 7.3125 11.3753 8.39583 11.3753 8.66667C11.3753 9.75 10.5628 10.5625 9.75032 10.8333C8.93783 11.1042 8.39616 11.1042 7.31283 10.8333C6.22949 10.5625 5.41699 10.2917 4.06283 8.9375C2.70866 7.58333 2.43783 6.77083 2.16699 5.6875C1.89616 4.60417 1.89616 4.0625 2.16699 3.25C2.43783 2.4375 3.25033 1.625 4.33366 1.625Z" stroke="%236B6056" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat left;
	display: block;
	background-size: 16px;
	font-weight: bold;
}
@media screen and (min-width: 1024px) {
.header-info-comp {
	display: flex;
	flex-direction: column;
	margin-top: -10px;
}

.header-info-comp .phone-header {
	display: block;
	margin-top: 0;
	order: 2;
	position: relative;
}

.header-info-comp .phone-header .phone-header__tel {
	font-weight: 700;
	font-size: 14px;
	line-height: 168%;
	padding-top: 0;
	padding-bottom: 0;
	background-position: -2px 1px;
	background-size: 18px;
	text-decoration: none;
}

button.location-btn {
	padding-bottom: 2px;
}

.location-btn:before {
	bottom: 0px;
}

.location-btn:after {
	bottom: 0px;
	top: 6px;
}
}
@media screen and (min-width: 1024px) {
nav.footer__nav iframe {margin-bottom: -35px;}

.footer__logo {
    margin-bottom: 30px;
}

.footer__legal {
    margin-bottom: 30px;
}
}


/* Контейнер для чекбоксов */
.custom-checkbox-group {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    gap: 15px; /* Расстояние между первым и вторым чекбоксом */
    text-align: left;
}

/* Убираем стандартные отступы CF7 */
.custom-checkbox-group .wpcf7-list-item {
    margin-left: 0;
    margin-bottom: 0;
    display: block;
}

/* Выравниваем чекбокс и текст в одну линию */
.custom-checkbox-group label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    font-size: 14px; /* Размер текста */
    line-height: 1.4;
    font-weight: 400;
    color: #4a403a; /* Теплый темно-серый цвет для основного текста */
}

/* Стилизуем сам квадратик чекбокса */
.custom-checkbox-group input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 24px;
    width: 24px;
    height: 24px;
    border: 1px solid #c8baa9; /* Бежевая рамка квадратика в тон сайту */
    border-radius: 4px; /* Скругление углов */
    background-color: #fff;
    margin-right: 15px; /* Отступ от квадратика до текста */
    margin-top: 2px;
    cursor: pointer;
    position: relative;
    transition: 0.3s;
}

/* Цвет рамки чекбокса при наведении */
.custom-checkbox-group input[type="checkbox"]:hover {
    border-color: #988471; 
}

/* Рисуем галочку при нажатии */
.custom-checkbox-group input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 8px;
    top: 3px;
    width: 6px;
    height: 12px;
    border: solid #6d5c53; /* Темно-коричневый цвет галочки */
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Стили для ссылок внутри текста */
.custom-checkbox-group .wpcf7-list-item-label a {
    color: #6d5c53; /* Темно-коричневый цвет ссылок */
    text-decoration: underline;
    transition: 0.3s;
}

/* Ссылки при наведении курсора */
.custom-checkbox-group .wpcf7-list-item-label a:hover {
    text-decoration: none;
    color: #988471; /* Чуть более светлый коричневый при наведении */
}

/* Настройки сообщения об ошибке под чекбоксом */
.custom-checkbox-group .wpcf7-not-valid-tip {
    font-size: 12px;
    margin-top: 5px;
    color: #d9534f; /* Цвет ошибки оставляем красным, чтобы клиент её заметил */
}

/* Разрешаем тексту переноситься на новые строки и не растягивать окно */
.custom-checkbox-group .wpcf7-list-item-label {
    flex: 1;
    white-space: normal;
    word-break: break-word; /* на случай длинных слов без пробелов */
}

/* Ограничиваем ширину самой формы (как было изначально) */
.certificate__form2 {
    max-width: 450px; /* Если окно всё еще широкое, можете уменьшить до 400px */
    margin: 0 auto; /* Центрируем форму внутри попапа */
}

/* Контейнер для юридических ссылок */
.footer__legal {
    display: flex;
    flex-direction: column; /* Выстраиваем ссылки в аккуратный столбик */
    gap: 10px; /* Расстояние между ссылками */
    margin-top: 15px; /* Отступ сверху, чтобы отделить от других элементов */
}

/* Стилизация самих ссылок */
.footer__legal-link {
    font-size: 13px; /* Немного уменьшенный размер шрифта */
    line-height: 1.3;
    color: #988471; /* Теплый светло-коричневый (сочетается с сайтом) */
    text-decoration: underline; /* Подчеркивание дает понять, что это ссылка */
    text-decoration-color: rgba(152, 132, 113, 0.4); /* Полупрозрачное подчеркивание */
    text-underline-offset: 3px; /* Отодвигаем подчеркивание от текста */
    transition: 0.3s ease; /* Плавная анимация при наведении */
}

/* Эффект при наведении курсора */
.footer__legal-link:hover {
    color: #6d5c53; /* При наведении делаем цвет более темным и насыщенным */
    text-decoration-color: #6d5c53; 
}