.elementor-1113 .elementor-element.elementor-element-d62520f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-c8aa759{--display:flex;}.elementor-1113 .elementor-element.elementor-element-515b5b7{--spacer-size:60px;}.elementor-1113 .elementor-element.elementor-element-2e6fb15{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-e1b53be{width:100%;max-width:100%;padding:0px 0px 0px 0px;text-align:center;}.elementor-1113 .elementor-element.elementor-element-e1b53be.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1113 .elementor-element.elementor-element-e1b53be .elementor-heading-title{font-size:50px;}.elementor-1113 .elementor-element.elementor-element-17d6e40{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-59479a2{--spacer-size:60px;}.elementor-1113 .elementor-element.elementor-element-6a051ce{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-6a051ce.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1113 .elementor-element.elementor-element-7d6c799{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1113 .elementor-element.elementor-element-6876762{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1113 .elementor-element.elementor-element-d757908{--spacer-size:80px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-1113 .elementor-element.elementor-element-6a051ce{--width:86.978%;}}@media(max-width:1024px){.elementor-1113 .elementor-element.elementor-element-e1b53be{width:var( --container-widget-width, 450px );max-width:450px;padding:0px 0px 20px 10px;--container-widget-width:450px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-1113 .elementor-element.elementor-element-515b5b7{--spacer-size:0px;}.elementor-1113 .elementor-element.elementor-element-e1b53be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -15px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-1113 .elementor-element.elementor-element-e1b53be .elementor-heading-title{font-size:35px;}.elementor-1113 .elementor-element.elementor-element-59479a2{--spacer-size:0px;}.elementor-1113 .elementor-element.elementor-element-d757908{--spacer-size:0px;}}/* Start custom CSS for html, class: .elementor-element-7d6c799 *//* Основной контейнер, который оборачивает все элементы блока */
        .info-block-wrapper {
            font-family: 'Montserrat', sans-serif; /* Устанавливаем семейство шрифта Montserrat */
            max-width: 1200px; /* Максимальная ширина блока */
            margin: 0px auto; /* Центрируем блок на странице */
            padding: 0px; /* Убираем внешние отступы для полного контроля */
            box-sizing: border-box; /* Учитываем padding и border в общей ширине элемента */
        }
        
        /* Верхний контейнер для фото и первого блока текста */
        .info-block-top {
            display: flex; /* Используем flexbox для расположения элементов в строку */
            gap: 30px; /* Расстояние между фото и текстовым блоком */
            align-items: flex-start; /* Выравниваем элементы по верхнему краю */
        }

        /* Контейнер для фотографии */
        .info-block-photo {
            flex-shrink: 0; /* Запрещаем контейнеру сжиматься */
            width: 450px; /* Фиксированная ширина контейнера для фото */
        }

        /* Стили для самого изображения */
        .info-block-photo img {
            width: 100%; /* Изображение занимает всю ширину родительского контейнера */
            height: auto; /* Высота подстраивается автоматически для сохранения пропорций */
            border-radius: 12px; /* Скругляем углы изображения */
            display: block; /* Убираем лишние отступы под изображением */
        }
        
        /* Общие стили для текстовых блоков */
        .info-block-text {
            color: #0A0A0AB8; /* Цвет текста, как указано в задании */
            padding: 25px; /* Внутренние отступы */
            border-radius: 12px; /* Скругляем углы */
            background: linear-gradient(90deg, #F6F4F0, #ffffff); /* Градиентный фон */
            font-weight: 400; /* Жирность шрифта по умолчанию (400 - normal) */
            font-size: 16px; /* Размер шрифта по умолчанию */
            line-height: 1.6; /* Межстрочный интервал для лучшей читаемости */
        }

        /* Первый текстовый блок */
        .text-block-1 {
            flex-grow: 1; /* Разрешаем блоку занимать все доступное пространство */
        }

        /* Второй (нижний) текстовый блок */
        .text-block-2 {
            margin-top: 30px; /* Отступ сверху от верхнего блока */
        }

        /* Кнопка "Читать дальше" */
        .read-more-btn {
            display: none; /* По умолчанию кнопка скрыта на десктопной версии */
            width: 100%; /* Кнопка занимает всю ширину */
            padding: 12px; /* Внутренние отступы */
            margin-top: 20px; /* Отступ сверху */
            border: 1px solid #ddd; /* Тонкая рамка */
            background-color: #f9f9f9; /* Светлый фон */
            border-radius: 8px; /* Скругление углов */
            cursor: pointer; /* Указатель в виде руки при наведении */
            font-size: 16px; /* Размер шрифта */
            color: #333; /* Цвет текста */
            transition: background-color 0.3s; /* Плавный переход цвета фона при наведении */
            font-family: 'Montserrat', sans-serif; /* Применяем шрифт и для кнопки */
        }

        .read-more-btn:hover {
            background-color: #f0f0f0; /* Цвет фона при наведении */
        }

        /* Контейнер для скрываемого контента */
        .collapsible-content {
            /* На десктопе контент всегда виден */
            display: block; 
        }

        /* * Адаптивные стили для мобильных устройств (ширина экрана до 768px) 
        */
        @media (max-width: 768px) {
            /* Добавляем боковые отступы для всего блока на мобильных */
            .info-block-wrapper {
                padding: 0px 0px; 
             
            }

            /* Верхний блок: элементы теперь располагаются друг под другом */
            .info-block-top {
                flex-direction: column; /* Меняем направление flex-контейнера на вертикальное */
            }

            /* Контейнер для фото теперь занимает всю ширину */
            .info-block-photo {
                width: 100%; /* Ширина на 100% */
                max-width: 420px; /* Ограничиваем максимальную ширину фото */
                margin: 0 auto 0px; /* Центрируем фото и добавляем отступ снизу */
            }

            /* Уменьшаем размер шрифта и меняем жирность в текстовых блоках */
            .info-block-text {
                font-size: 14px; /* Уменьшенный размер шрифта для мобильных */
                font-weight: 500; /* Увеличенная жирность для мобильных */
            }
            
            /* Устанавливаем отступ для второго блока текста на мобильных */
            .text-block-2 {
                margin-top: 20px;
            }

            /* Показываем кнопку "Читать дальше" */
            .read-more-btn {
                display: block;
            }
            
            /* Скрываем второй текстовый блок по умолчанию */
            .collapsible-content {
                display: none;
            }
        }/* End custom CSS */