Заказать трансфер — это легко. Жми на картинку внизу!
Выбери удобный способ оплатынажав на картинку или свяжитесь с менеджером
Document
Приветствую Вас, меня зовут Елена!
Я Ведический астролог (Джйотиш) и нумеролог
Душа, родившаяся в человеческом теле, не теряя времени, должна
поставить цель — изучить, как правильно жить, чтобы быть счастливой. Это
самый главный вопрос, который только существует. Если человек его себе
постоянно задает, значит он живет не зря.
О.Торсунов
«Душа не рождается и не умирает. Она никогда не возникала,не
возникает и не возникнет. Она нерождённая, вечная, всегда существующая и
изначальная. Она не гибнет, когда погибает тело», — так написано в главной
ведической книге «Бхагавад Гите».
Ведическая астрология или Джйотиш переводится как «свет», на Востоке
называют «глазом Вед». Является традиционной астрологией Индии, которая
зародилась ранее 3000 лет до н. э. Она основывается на священных писаниях
— Ведах. Эти древние и глубокие знания помогают улучшить жизнь человека
во всех сферах.
Как тяжело человеку передвигаться без глаз, так и душе сложно без
знаний астрологии. Душа переселяется в материальном мире бесконечное
количество раз и, увлечённая независимостью,свободой воли и земными
наслаждениями, живёт, не замечая страданий. Ведическая астрология
помогает душе человека раскрыться, понять свою изначальную духовную
природу, а также проживать наработанную карму.
Астрология позволяет увидеть всю информацию о человеке в его
натальной карте. Всего лишь время и место вашего рождения раскроют
полностью ваш характер,предназначение, интересы, судьбу, таланты,
кармические задачи, отношения с родными,различные события и многое
другое.
"Сделай шаг, и дорога появится сама." Стив Джобс
Виды консультаций
Ведическая астрология (Джйотиш)
Расчет Саде Сати
Саде Сати - это особенный транзит Сатурна по натальной Луне,
является одним из важнейших периодов в жизни человека.
Саде-Сати - неблагоприятный период. К каждому из нас он приходит от одного до трех раз и длится 7,5 лет. Избежать его невозможно, но можно пережить его без потерь и даже улучшить свою жизнь.
К периоду Саде Сати необходимо готовиться заранее, а лучшая подготовка к нему - не творить негативную карму.
В ходе консультации вы получите расчет Саде Сати по вашей натальной карте, рекомендации как избежать негативных последствий наступления данного периода.
До консультации необходимо обязательно указать дату и время рождения, а также место рождения.
Полная консультация Астролога
Консультация включает в себя составление и анализ натальной карты одного человека, составление индивидуального гороскопа.
Во время консультации вы получите следующую информацию:
- кармические задачи, подсознательные программы
- таланты, способы реализации
- особенности характера
- предназначение, выбор профессии
- сильные и слабые стороны
- отношения с партнерами, личная жизнь
- отношения с родителями/детьми
- сильные и слабые планеты
- благоприятные/неблагоприятные периоды
- денежная карма, источники дохода
- рекомендации по гармонизации жизни
По итогам консультации вы получите информацию, правильно применив которую, вы сможете:
- обрести гармонию и покой
- укрепить здоровье
- улучшить качество жизни
- увеличить доход
- улучшить отношения с родственниками и друзьями и многое другое.
До консультации необходимо обязательно указать дату и время рождения, а также место рождения.
Расчет совместимости
Консультация включает в себя анализ двух натальных астрологических карт. Вы можете узнать о вашей совместимости с женихом/невестой,
супругом/супругой, родственником, другом.
Если говорить о браке, психологическая совместимость, согласие и дружба с партнером, поддержка, сексуальная совместимость, дети,
общие принципы и цели, заложенные в гороскопе партнеров, будут способствовать счастью и гармонии в семейной жизни. И наоборот.
Если вас интересует совместимость в браке, вы узнаете:
- способны ли вы на долгосрочные гармоничные отношения
- подходит ли человек для построения прочных семейных отношений
- чего ждать от потенциального супруга/супруги, какой вас может ожидать характер совместной жизни, условия быта, достаток и т.д.
Консультация может помочь найти общий язык с вашим ребенком, узнать к чему он склонен, какой тип обращения с ним наиболее эффективен,
что он ждет от родителей, какую помощь он может от них принять.
До консультации необходимо обязательно указать дату и время рождения, а также место рождения. Предоставить нужно как ваши данные,
так и данные по второму человеку.
Анализ здоровья
В ходе консультации вы получите информацию о вашем здоровье,
"зашифрованную" в гороскопе.
Вы узнаете основные причины ваших болезней и плохого самочувствия;
получите рекомендации по практикам, которые помогут улучшить здоровье
(йога, пранаяма, диета, мантры, упайи и т.д.).
До консультации необходимо обязательно указать дату и время рождения,
а также место рождения.
Экспресс - консультация. Ответ на один вопрос.
В ходе консультации в получаете ответ на один четко
сформулированный вопрос. Ответ будет расшифрован
из вашей астрологической натальной карты.
До консультации необходимо обязательно указать дату
и время рождения, а также место рождения.
Финансовый гороскоп
Персональный финансовый гороскоп поможет вам реализовать свой внутренний
потенциал в экономической сфере жизни. Данная услуга будет полезна
как бизнесменам, так и наемным сотрудникам.
В ходе консультации вы узнаете:
- "свои" источники дохода, которые зашифрованы в вашем гороскопе
- как увеличить свои доходы
- что мешает вам зарабатывать больше
- что будет помогать вам увеличивать свои доходы
- какие сферы жизни и профессиональные области будут приносить
вам максимальные доходы
- свои врожденные таланты и способности, которые могут дать вам
финансовую независимость
- что для вас лучше: найм, свой бизнес или фриланс
До консультации необходимо обязательно указать дату и время рождения,
а также место рождения.
Детский гороскоп
Во время консультации рассматривается карта рождения одного ребенка
возрастом до 12 лет.
Во время консультации вы узнаете:
-особенности характера вашего ребенка, которые важно учитывать,
его склонности и устремления
- сильные и слабые стороны ребенка
- на что обратить внимание в процессе воспитания, общения и т.д.
- какую профилактику касательно здоровья можно и нужно начинать
уже сейчас
- практики, подходящие для улучшения здоровья вашего ребенка
- в какие кружки/секции отдать ребенка, чтобы максимально раскрыть
его таланты
- какие способности, таланты заложены в вашего ребенка
До консультации необходимо обязательно указать дату и время рождения,
а также место рождения.
Ректификация
Ректификация — это определение точного времени рождения человека для составления верного гороскопа.
Почему важно знать точное время рождения?
Гороскоп — это карта положения небесных тел на момент рождения,
которая строится на основе данных о дате, времени и месте.
Точность времени очень важна, так как она влияет на верное
вычисление основных параметров гороскопа.
До консультации необходимо обязательно указать дату
и время рождения (предположительно), а также место рождения.
Выбор образования
В ходе консультации вы узнаете:
- какие и профессиональные области будут приносить
вам максимальные доходы
- свои врожденные таланты и способности, которые могут дать вам
финансовую независимость
- что для вас лучше: найм, свой бизнес или фриланс
- какой тип и вид образования подходит именно вам
- что для вас в приоритете на данном этапе жизни:
образование или работа
До консультации необходимо обязательно указать дату и время рождения,
а также место рождения.
Бизнес совместимость
В ходе консультации проверяется совместимость партнеров по бизнесу по
их натальным картам.
Вы получите ответы на вопросы:
- какие люди вам подходят для бизнес-партнерства
- какие люди могут инвестировать свои деньги в ваш бизнес
- перспективы вашего текущего сотрудничества
По каждому партнеру до консультации необходимо обязательно указать
дату и время рождения, а также место рождения.
Годовой прогноз
Консультация включает в себя:
Персональный гороскоп на год на основе:
- предсказательная техника Вимшоттари даша
- предсказательная техника Гочар (транзиты)
- предсказательная техника Варшапхала или Таджака
- расчет лучшего месяца в году(с поддержкой от высших сил)
- расчет лучших дней в году (в указанные дни можете планировать важные
сделки, например)
- периоды от Бога на основе техники Нараяна даша,
можно проследить на что нам в данный период дает «добро» сам Бог,
и активизируя данные дома мы получаем благословение в данных сферах.
До консультации необходимо обязательно указать дату и время рождения,
а также место рождения.
Нумерология
"Наша жизнь - это большой театр, где мы играем определенные роли. И от
того, как мы сыграем нашу роль, зависит наша следующая роль, следующая
жизнь."
Рами Блект
Программа Судьбы
Консультация включает в себя:
-определение метациклов человека с учетом смены знаков
-задача перед обществом и ваша социальная роль
-мнимые психологические дефекты, мешающие в развитии и достижении
поставленных целей
-матричные циклы
-определение пола человека в прошлом воплощении
-уровень развития души
-планетарная задача на воплощение
-допуски в эзотерику
Векторная карта включающая в себя:
-карта Рождения (с каким «багажом» знаний и умений человек пришел в
эту жизнь)
-карта Имени (что родители хотели от ребенка и чем какими
дополнительными качествами наделили)
-карта Подсознания (опыт из прошлой жизни)
-карта Инклюзий (совокупный опыт всех воплощений)
До консультации необходимо обязательно указать дату
рождения и имя
Кристалл Судьбы
Консультация включает в себя:
-задача Души
-соцальная задача
-точка препядствий,мнимый психологический дефект блокирующий таланты
-категория людей склонная к предательству по отношению к вам.
Полное описание и методы взаимодействия с ними.
-зона максимального раскрытия вашего потенциала.
Как быстро выйти из депрессии и наполнится ресурсом для жизни.
-ошибка прошлого воплощения, его влияние на сегодняшнюю жизнь
-самое слабое место в организме человека, на что необходимо в первую
очередь обратить внимание для сохранения здоровья.
-сфера жизни, создающая ложное представления о самореализации
и затягивающая вас в «болото».
-страхи и сожаления прошлой жизни, создающие дискомфорт
в этом воплощении. Рекомендации, по их преодолению.
-кармические черты характера, проявление которых проявляет Карму
в вашу жизнь
До консультации необходимо обязательно указать дату рождения,
имя, фамилию отца и по мужу (если меняли)
Совместимость
Вы можете узнать о вашей совместимости с женихом/невестой,
супругом/супругой,бизнес партнером, коллегой, соседом/соседкой,
родственником, другом, детьми. Совместимость между
любыми двумя людьми. Такой рсчет раскроет все грани отношений
и покажет вашу совместимость, мотивацию, препятствия,
предназначение и есть ли влияние кармы.
Консультация включает в себя:
-какие бывают отношения, их классификация.
-совместная цель партнерств, для чего встретились,
к чему необходимо прийти.
-сценарии поведения для каждого участника в партнерстве,
для быстрого достижения совместных результатов.
-с какими испытаниями и препятствиями столкнется пара в тот или
иной период жизни
-стадии отношений, их сценарии формирования.
-мотивация партнеров на каждой стадии отношений.
Какие эмоции испытывают участники по отношению друг к другу.
-определение кармичности отношений, их классификация.
-конфликт,причины, раздражители, кто инициатор
-график партнерских отношений
До консультации необходимо обязательно указать дату рождения.
Предоставить нужно как ваши данные, так и данные по второму человеку.
Карма
Возникает вопрос, а что же такое Карма? Карма — это деятельность,
которую человек когда либо совершал, а также проявление её
последствий как позитивных, так и отрицательных.
Консультация включает в себя:
-диагностика Кармы
-сценарий прошлой жизни
-положительное и отрицательное влияие Кармы
-блокирующие знаки, знаки препядствий и опасностей
-предупреждения и уроки по Карме
Графики:
-персональный график Судьбы и Кармы
-персональный график влияния Кармы на жизнь человека
До консультации необходимо обязательно указать дату рождения
Здоровье
Консультация включает в себя:
-диагностика болезней (соты кармических болезней,
чем может болеть человек)
-анализ реакции организма
-прогностика (класс болезней)
Графики:
-график здоровья
-график иммунитета
-график болезни
-график бионумерологических ритмов человека
До консультации необходимо обязательно указать дату рождения.
Графики
-персональный график Судьбы
-график успеха в карьере
-график успеха в личной жизни
-график финансового успеха
-график партнерских отношений
-график карьеры и бизнеса
-график совместного финансового потока
-график здоровья
-график иммунитета
-график бионумерологических ритмов человека
-график сотрудника
До консультации необходимо обязательно указать дату рождения
Бизнес нумерология
Только мечтаете заняться своим делом, но не хватает уверенности
и четких планов?
Уже есть компания, но дела идут не так гладко, как хотелось бы?
Хотите вывести вашу организацию на новый уровень?
Консультация включает в себя:
-анализ штатной структуры компании
-климат компании
-анализ работы со штатом в связи с внешними изменениями
-стратегии развития компании на рынке, стратегии инвестирования
-кристалл компании
-совмещенные кристалы (расчет сделок и перспектив сотрудничества,
анализ перспективности проекта)
-расчеты совместимости по бизнесу
-прогностика совместимости по разнополярным субъектам
-прогностика по событиям (день, месяц, год)
-совместная прогностика
-расчет перспективы по договорам
Графики:
-график угроз
-график противодействия угрозам
-график стратегического развития компании
До консультации необходимо обязательно указать:
дата основания компании, наименование юр лица,
регистрационный номер (налоговый номер) компании,
ОГРН или ИП или ПП или ЧП, ИНН, динамические даты,т.е.
даты любых изменений в документах
Прогностика
-прогноз на день
-прогноз на месяц
-прогноз на год
До консультации необходимо обязательно указать дату рождения и имя
*{
margin:0
}
body{
width: 100%;
margin-top: 0;
background-color: #FFEECA;
}
.my_info{
height: 100%;
width: 100%;
margin-top: 0;
text-align: center;
background: linear-gradient(240deg, #FFEECA, #FFDED1,#FFCBA2,#FFB4A2, #FFEECA );
}
.nym{
text-align: center;
font-size: 1.135rem;
}
.start_text{
font-size: 1.15rem;
}
.start{
font-size: 1.5rem;
}
.my_person{
font-size: 1.75rem;
}
.my_photo{
width: 215px;
height: 256px;
}
.footer {
position: relative; /* Футер остаётся в общем потоке страницы */
background-color: #968b75;; /* Цвет фона футера */
padding: 20px;
height: 75px; /* Пример высоты футера */
}
.social-icons {
position: absolute; /* Абсолютное позиционирование внутри футера */
bottom: 20px; /* Отступ от нижнего края футера */
right: 20px; /* Отступ от правого края футера */
display: flex;
flex-direction: row; /* Размещаем иконки вертикально */
gap: 10px; /* Расстояние между иконками */
}
.icon {
width: 50px; /* Ширина иконки */
height: 50px; /* Высота иконки */
border-radius: 10px; /* Скруглённые углы, если нужно */
transition: transform 0.3s; /* Эффект при наведении */
}
.icon:hover {
transform: scale(1.1); /* Увеличение при наведении */
}
.number{
position: absolute; /* Абсолютное позиционирование внутри футера */
bottom: 3px; /* Отступ от нижнего края футера */
right: 20px; /* Отступ от правого края футера */
display: flex;
}
/* Оформление секции с консультациями */
.consultations {
position: relative;
width: 90%; /* Ширина блока — 80% от ширины страницы */
margin: 50px; /* Центрирование блока на странице */
padding: 5px; /* Внутренние отступы (пространство внутри блока) */
}
.consultations2 {
position: relative;
width: 90%; /* Ширина блока — 80% от ширины страницы */
margin: 50px; /* Центрирование блока на странице */
padding: 5px; /* Внутренние отступы (пространство внутри блока) */
}
.natal-chart {
position: absolute;
top: 50px; /* Расстояние сверху, настройте по своему усмотрению */
right: 10px; /* Расстояние справа, настройте по своему усмотрению */
width: 300px;
height: 500px;
}
.nymerologia{
position: absolute;
top: 120px; /* Расстояние сверху, настройте по своему усмотрению */
right: 10px; /* Расстояние справа, настройте по своему усмотрению */
width: 300px;
height: 430px;
}
/* Стиль заголовка секции */
.section-title {
text-align: center; /* Текст заголовка выровнен по центру */
margin-bottom: 30px; /* Отступ снизу 30px */
font-size: 1.875rem; /* Размер текста заголовка (2 единицы rem) */
}
.natalcard{
rotate: 30;
}
/* Оформление заголовка карточки */
.consultation-title {
font-size: 1.375rem; /* Размер текста заголовка — 1.5 единицы rem */
margin-bottom: 10px; /* Отступ снизу для расстояния до следующего элемента */
text-transform: uppercase; /* Заглавные буквы для заголовка */
justify-content: center;
align-items: center;
text-align:center ;
}
/* Оформление одной карточки консультации */
.consultation-card {
background-color: #ffeeca00;
transition: all 0.3s ease-in-out; /* Плавный переход для любых изменений */
}
/* Контейнер для контента карточки */
.consultation-content {
position: relative; /* Этот элемент будет относительным, чтобы с ним было удобно работать */
}
/* Оформление подзаголовка */
.consultation-subtitle {
font-size: 1rem; /* Размер текста чуть меньше основного заголовка */
margin-bottom: 10px; /* Отступ снизу для пространства до текста */
font-size: 26px;
}
/* Скрытый блок с информацией */
.A {
max-height: 0; /* По умолчанию текст невидим, потому что высота блока — 0 */
overflow: hidden; /* Лишний текст скрыт */
transition: max-height 0.5s ease-in-out; /* Плавное открытие блока за 0.5 секунды */
line-height: 1.6; /* Пространство между строками текста */
text-align: justify; /* Выравнивание текста по ширине */
padding-left: 75px;
padding-right: 75px;
font-size: 20px;
padding-bottom: 5px;
width: 700px;
}
/* Оформление кнопки "подробнее/скрыть" */
.B {
color: #7c7c7c; /* Цвет текста кнопки — серый */
text-decoration: underline; /* Подчёркнутый текст */
cursor: pointer; /* Курсор становится "рукой", когда наводишь на текст */
display: inline-block; /* Кнопка выглядит как обычный текст */
margin-top: 15px; /* Отступ сверху, чтобы кнопка не прилипала к тексту */
font-weight: 600; /* Немного более жирный шрифт */
transition: color 0.3s; /* Плавное изменение цвета текста */
display: inline; /* Делаем его в одну линию с текстом */
text-decoration: none; /* Убираем подчеркивание */
padding-bottom: 15px;
}
/*1 card*/
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-info {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/* Если чекбокс включён, то текст раскрывается */
#toggle-info:checked ~ .consultation-details {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 500px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-label:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/*A card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoA:checked ~ .consultation-detailsA {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 500px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelA:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoA {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*B card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoB:checked ~ .consultation-detailsB {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 500px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelB:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoB {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*C card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoC:checked ~ .consultation-detailsC {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelC:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoC {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*D card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoD:checked ~ .consultation-detailsD {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelD:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoD {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*E card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoE:checked ~ .consultation-detailsE {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelE:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoE {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*F card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoF:checked ~ .consultation-detailsF {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelF:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoF {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*G card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoG:checked ~ .consultation-detailsG {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelG:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoG {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*H card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoH:checked ~ .consultation-detailsH {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelH:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoH {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*I card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoI:checked ~ .consultation-detailsI {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelI:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoI {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*J card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoJ:checked ~ .consultation-detailsJ {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelJ:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoJ {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*K card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoK:checked ~ .consultation-detailsK {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelK:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoK {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*L card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoL:checked ~ .consultation-detailsL {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelL:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoL {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*M card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoM:checked ~ .consultation-detailsM {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelM:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoM {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*N card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoN:checked ~ .consultation-detailsN {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelN:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoN {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*O card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoO:checked ~ .consultation-detailsO {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelO:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoO {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*P card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoP:checked ~ .consultation-detailsP {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelP:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoP {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*Q card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoQ:checked ~ .consultation-detailsQ {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelQ:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoQ {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*R card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoR:checked ~ .consultation-detailsR {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelR:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoR {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/* ноуты*/
@media (max-width: 1200px) {
/* Стиль заголовка секции */
.section-title {
text-align: center; /* Текст заголовка выровнен по центру */
margin-bottom: 30px; /* Отступ снизу 30px */
font-size: 1.875rem; /* Размер текста заголовка (2 единицы rem) */
}
.natalcard{
rotate: 30;
}
/* Оформление заголовка карточки */
.consultation-title {
font-size: 1.375rem; /* Размер текста заголовка — 1.5 единицы rem */
margin-bottom: 10px; /* Отступ снизу для расстояния до следующего элемента */
text-transform: uppercase; /* Заглавные буквы для заголовка */
justify-content: center;
align-items: center;
text-align:center ;
}
/* Оформление одной карточки консультации */
.consultation-card {
background-color: #ffeeca00;
transition: all 0.3s ease-in-out; /* Плавный переход для любых изменений */
}
/* Контейнер для контента карточки */
.consultation-content {
position: relative; /* Этот элемент будет относительным, чтобы с ним было удобно работать */
}
/* Оформление подзаголовка */
.consultation-subtitle {
font-size: 1rem; /* Размер текста чуть меньше основного заголовка */
margin-bottom: 10px; /* Отступ снизу для пространства до текста */
font-size: 26px;
}
/* Скрытый блок с информацией */
.A {
max-height: 0; /* По умолчанию текст невидим, потому что высота блока — 0 */
overflow: hidden; /* Лишний текст скрыт */
transition: max-height 0.5s ease-in-out; /* Плавное открытие блока за 0.5 секунды */
line-height: 1.6; /* Пространство между строками текста */
text-align: justify; /* Выравнивание текста по ширине */
padding-left: 75px;
padding-right: 75px;
font-size: 20px;
padding-bottom: 5px;
width:550px;
}
/* Оформление кнопки "подробнее/скрыть" */
.B {
color: #7c7c7c; /* Цвет текста кнопки — серый */
text-decoration: underline; /* Подчёркнутый текст */
cursor: pointer; /* Курсор становится "рукой", когда наводишь на текст */
display: inline-block; /* Кнопка выглядит как обычный текст */
margin-top: 15px; /* Отступ сверху, чтобы кнопка не прилипала к тексту */
font-weight: 600; /* Немного более жирный шрифт */
transition: color 0.3s; /* Плавное изменение цвета текста */
display: inline; /* Делаем его в одну линию с текстом */
text-decoration: none; /* Убираем подчеркивание */
padding-bottom: 15px;
}
/*1 card*/
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-info {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/* Если чекбокс включён, то текст раскрывается */
#toggle-info:checked ~ .consultation-details {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 500px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-label:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/*A card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoA:checked ~ .consultation-detailsA {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 500px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelA:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoA {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*B card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoB:checked ~ .consultation-detailsB {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 500px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelB:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoB {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*C card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoC:checked ~ .consultation-detailsC {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelC:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoC {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*D card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoD:checked ~ .consultation-detailsD {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelD:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoD {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*E card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoE:checked ~ .consultation-detailsE {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelE:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoE {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*F card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoF:checked ~ .consultation-detailsF {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelF:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoF {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*G card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoG:checked ~ .consultation-detailsG {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelG:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoG {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*H card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoH:checked ~ .consultation-detailsH {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelH:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoH {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*I card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoI:checked ~ .consultation-detailsI {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelI:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoI {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*J card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoJ:checked ~ .consultation-detailsJ {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelJ:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoJ {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*K card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoK:checked ~ .consultation-detailsK {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelK:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoK {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*L card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoL:checked ~ .consultation-detailsL {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelL:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoL {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*M card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoM:checked ~ .consultation-detailsM {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelM:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoM {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*N card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoN:checked ~ .consultation-detailsN {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelN:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoN {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*O card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoO:checked ~ .consultation-detailsO {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelO:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoO {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*P card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoP:checked ~ .consultation-detailsP {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelP:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoP {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*Q card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoQ:checked ~ .consultation-detailsQ {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelQ:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoQ {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*R card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoR:checked ~ .consultation-detailsR {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelR:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoR {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
}
/* телефы 1к*/
@media (max-width: 1000px) {
.consultations {
position: relative;
width: 95%; /* Ширина блока — 80% от ширины страницы */
margin: 5px; /* Центрирование блока на странице */
padding: 5px; /* Внутренние отступы (пространство внутри блока) */
}
.consultations2 {
position: relative;
width: 95%; /* Ширина блока — 80% от ширины страницы */
margin: 5px; /* Центрирование блока на странице */
padding: 5px; /* Внутренние отступы (пространство внутри блока) */
}
/* Стиль заголовка секции */
.section-title {
text-align: center; /* Текст заголовка выровнен по центру */
margin-bottom: 30px; /* Отступ снизу 30px */
font-size: 1.875rem; /* Размер текста заголовка (2 единицы rem) */
}
/* Оформление заголовка карточки */
.consultation-title {
font-size: 1.375rem; /* Размер текста заголовка — 1.5 единицы rem */
margin-bottom: 10px; /* Отступ снизу для расстояния до следующего элемента */
text-transform: uppercase; /* Заглавные буквы для заголовка */
justify-content: center;
align-items: center;
text-align:center ;
}
.natal-chart {
display: none;
position: absolute;
top: 5px; /* Расстояние сверху, настройте по своему усмотрению */
right: 10px; /* Расстояние справа, настройте по своему усмотрению */
width: 3px;
height: 5px;
}
.nymerologia{
display: none;
position: absolute;
top: 1px; /* Расстояние сверху, настройте по своему усмотрению */
right: 10px; /* Расстояние справа, настройте по своему усмотрению */
width: 3px;
height: 4px;
}
/* Оформление одной карточки консультации */
.consultation-card {
background-color: #ffeeca00;
transition: all 0.3s ease-in-out; /* Плавный переход для любых изменений */
}
/* Контейнер для контента карточки */
.consultation-content {
position: relative; /* Этот элемент будет относительным, чтобы с ним было удобно работать */
}
/* Оформление подзаголовка */
.consultation-subtitle {
font-size: 1rem; /* Размер текста чуть меньше основного заголовка */
margin-bottom: 10px; /* Отступ снизу для пространства до текста */
font-size: 26px;
}
/* Скрытый блок с информацией */
.A {
max-height: 0; /* По умолчанию текст невидим, потому что высота блока — 0 */
overflow: hidden; /* Лишний текст скрыт */
transition: max-height 0.5s ease-in-out; /* Плавное открытие блока за 0.5 секунды */
line-height: 1.6; /* Пространство между строками текста */
text-align: left; /* Выравнивание текста по ширине */
padding-left: 5px;
padding-right: 5px;
font-size: 20px;
padding-bottom: 5px;
width:300px;
}
/* Оформление кнопки "подробнее/скрыть" */
.B {
color: #7c7c7c; /* Цвет текста кнопки — серый */
text-decoration: underline; /* Подчёркнутый текст */
cursor: pointer; /* Курсор становится "рукой", когда наводишь на текст */
display: inline-block; /* Кнопка выглядит как обычный текст */
margin-top: 15px; /* Отступ сверху, чтобы кнопка не прилипала к тексту */
font-weight: 600; /* Немного более жирный шрифт */
transition: color 0.3s; /* Плавное изменение цвета текста */
display: inline; /* Делаем его в одну линию с текстом */
text-decoration: none; /* Убираем подчеркивание */
padding-bottom: 15px;
}
/*1 card*/
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-info {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/* Если чекбокс включён, то текст раскрывается */
#toggle-info:checked ~ .consultation-details {
max-height: 1500px; /* Когда мы ставим галочку, текст разворачивается до 500px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-label:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/*A card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoA:checked ~ .consultation-detailsA {
max-height: 1500px; /* Когда мы ставим галочку, текст разворачивается до 500px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelA:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoA {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*B card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoB:checked ~ .consultation-detailsB {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 500px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelB:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoB {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*C card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoC:checked ~ .consultation-detailsC {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelC:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoC {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*D card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoD:checked ~ .consultation-detailsD {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelD:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoD {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*E card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoE:checked ~ .consultation-detailsE {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelE:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoE {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*F card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoF:checked ~ .consultation-detailsF {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelF:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoF {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*G card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoG:checked ~ .consultation-detailsG {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelG:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoG {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*H card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoH:checked ~ .consultation-detailsH {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelH:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoH {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*I card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoI:checked ~ .consultation-detailsI {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelI:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoI {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*J card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoJ:checked ~ .consultation-detailsJ {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelJ:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoJ {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*K card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoK:checked ~ .consultation-detailsK {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelK:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoK {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*L card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoL:checked ~ .consultation-detailsL {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelL:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoL {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*M card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoM:checked ~ .consultation-detailsM {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelM:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoM {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*N card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoN:checked ~ .consultation-detailsN {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelN:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoN {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*O card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoO:checked ~ .consultation-detailsO {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelO:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoO {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*P card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoP:checked ~ .consultation-detailsP {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelP:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoP {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*Q card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoQ:checked ~ .consultation-detailsQ {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelQ:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoQ {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
/*R card*/
/* Если чекбокс включён, то текст раскрывается */
#toggle-infoR:checked ~ .consultation-detailsR {
max-height: 1000px; /* Когда мы ставим галочку, текст разворачивается до 225px */
}
/* Когда наводим на кнопку, она темнеет */
.toggle-labelR:hover {
color: #000; /* Меняем цвет текста на чёрный при наведении */
}
/* Чекбокс (который мы используем для открытия и закрытия текста) */
#toggle-infoR {
display: none; /* Скрываем сам чекбокс, чтобы его не видели */
}
}
