.t-title {
    font-family: 'MontserratRF', Arial, sans-serif;
    font-weight: 600;
    color: #000000;
}

#recorddiv1901976533::after {
    content: '';
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    height: 330px;
    background: url(https://static.tildacdn.com/tild3935-3430-4331-a631-396535396461/Vector_1.svg) bottom;
    background-size: cover;
    z-index: 15; /* Поверх дымки */
}

/* 1. Общий контейнер карточки */
.uc-tours-block .t778__wrapper {
    background-color: #f6f6f8 !important; /* Белый фон всей карточки */
    border-radius: 24px !important;
    padding: 20px !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    border: none !important;
    position: relative;
}

/* 2. Настройка картинки (эффект "картинка внутри") */
.uc-tours-block .t778__imgwrapper {
    border-radius: 16px !important; 
    margin-bottom: 20px !important;
    overflow: hidden !important;
}

/* 3. Текстовый блок (убираем фон, который был в коде) */
.uc-tours-block .t778__content {
    background-color: transparent !important; 
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
}

/* 4. Заголовок и описание */
.uc-tours-block .t778__title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    margin-bottom: 12px !important;
    padding: 0 !important;
}

.uc-tours-block .t778__descr {
    font-size: 14px !important;
    color: #7c7c7c !important;
    margin-bottom: 15px !important;
    padding: 0 !important;
}

/* 5. Цена */
.uc-tours-block .t778__price-wrapper {
    margin-top: auto !important; /* Прижимает цену и кнопку к низу */
    padding-bottom: 15px !important;
}

.uc-tours-block .t778__price {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: #3b318d !important; /* Фиолетовый акцент */
}

/* 6. Кнопка */
.uc-tours-block .t778__btn {
    background-color: #ffffff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 30px !important;
    color: #3b318d !important;
    width: 100% !important;
    justify-content: center !important;
    transition: 0.3s !important;
}

/* Добавляем стрелочку как в Фигме */
.uc-tours-block .t778__btn .t-btnflex__text:after {
    content: ' →';
    margin-left: 5px;
}

/* --- HOVER ЭФФЕКТ (КАК В FIGMA) --- */
.uc-tours-block .t778__col:hover .t778__wrapper {
    background-color: #5d51e8 !important; /* Тот самый фиолетовый */
    transform: rotate(-1.5deg) translateY(-10px) !important; /* Наклон и подъем */
    box-shadow: 0 20px 40px rgba(93, 81, 232, 0.3) !important;
}

/* Белый текст при наведении */
.uc-tours-block .t778__col:hover .t778__title,
.uc-tours-block .t778__col:hover .t778__descr,
.uc-tours-block .t778__col:hover .t778__price,
.uc-tours-block .t778__col:hover .t778__price-currency {
    color: #ffffff !important;
}

/* Кнопка при наведении становится белой */
.uc-tours-block .t778__col:hover .t778__btn {
    background-color: #ffffff !important;
    color: #5d51e8 !important;
    border-color: #ffffff !important;
}
/**************************************************************************************/
/* Скрываем иконку подсказки скролла, чтобы не мешала */
.uc-gallery-pro .t1148__scroll-icon-wrapper {
    display: none !important;
}

/* Настройка отступов для увеличения центрального слайда */
.uc-gallery-pro .t1148__gallery {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    overflow: visible !important;
}

/* Все слайды по умолчанию */
.uc-gallery-pro .t1148__item {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
    opacity: 0.5 !important; /* Боковые слайды бледнее */
    transform: scale(0.9) !important;
}

/* Скругление картинок */
.uc-gallery-pro .t1148__img {
    border-radius: 32px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;
}

/* АКТИВНЫЙ (ЦЕНТРАЛЬНЫЙ) СЛАЙД */
/* Тильда сама вешает атрибут aria-current="true" на активный слайд */
.uc-gallery-pro .t1148__item[aria-current="true"] {
    opacity: 1 !important;
    transform: scale(1.05) !important; /* Легкое увеличение */
    z-index: 10 !important;
}

/* Стиль стрелок (круглые, аккуратные) */
.uc-gallery-pro .t1148__control {
    background-color: #f0f7ff !important;
    border: 1px solid #e0e0e0 !important;
    transition: all 0.3s ease !important;
}

.uc-gallery-pro .t1148__control svg path {
    stroke: #000 !important; /* Черные стрелочки */
}

.uc-gallery-pro .t1148__control:hover {
    background-color: #fff !important;
    transform: scale(1.1);
}

/*************************************************************************************/
/* 1. Убираем внешние дырки между карточками */
.uc-advantages .t902__container {
    gap: 0px !important; /* Уменьшили зазор до минимума */
    padding: 0 10px !important;
    padding-left: 100px !important;
}

.uc-advantages .t-card__col {
    padding: 0 !important;
    margin-bottom: 12px !important; /* Отступ между рядами */
}

/* 2. Настройка сетки "Шахматка" (теперь без лишних зазоров) */
@media screen and (min-width: 960px) {
    .uc-advantages .t-card__col:nth-of-type(1) { width: calc(62% - 6px) !important; margin-right: 12px !important; }
    .uc-advantages .t-card__col:nth-of-type(2) { width: calc(38% - 6px) !important; }
    .uc-advantages .t-card__col:nth-of-type(4) { width: calc(38% - 6px) !important; margin-right: 12px !important; }
    .uc-advantages .t-card__col:nth-of-type(5) { width: calc(62% - 6px) !important; }
}

@media screen and (max-width: 960px) {
    .uc-advantages .t902__container {
    gap: 0px !important;
    padding: 0px !important;
    padding-left: 0px !important;}
    
    .t902__content {
    padding: 0px;
}
}

/* 3. Карточка и Текст */
.uc-advantages .t902__inner-col {
    background-color: #f0f7ff !important;
    border-radius: 28px !important;
    height: 200px !important;
    display: flex !important;
    align-items: center !important; /* Центрируем текст по вертикали */
}

.uc-advantages .t902__wrap_right {
    width: 100% !important;
    padding: 20px 40px 20px 30px !important; /* Увеличили правый отступ, чтобы текст не лип к картинке */
    text-align: left !important;
}

.uc-advantages .t902__content {
    max-width: 55% !important; /* Жестко ограничиваем ширину текста слева */
}

.uc-advantages .t-card__title {
    font-size: 20px !important;
    margin-bottom: 8px !important;
    line-height: 1.2 !important;
}

.uc-advantages .t-card__descr {
    font-size: 14px !important;
    line-height: 1.3 !important;
}

/* 4. Изображение справа */
.uc-advantages .t902__wrap_left {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 45% !important;
    height: 100% !important;
}

.uc-advantages .t902__bgimg {
    background-size: cover !important;
    background-position: center !important;
    border-radius: 0 28px 28px 0 !important;
}
/***************************************************************/
/* 1. Убираем стандартную вертикальную линию и кружки */
.uc-steps-timeline .t547__line, 
.uc-steps-timeline .t547__circle {
    display: none !important;
}

/* 2. Делаем контейнер свободным для "плавания" карточек */
.uc-steps-timeline .t547__container {
    display: flex !important;
    flex-direction: column !important;
    background-image: url('https://static.tildacdn.com/tild6364-3538-4136-a363-623261633761/Vector_6.svg') !important; /* Загрузите SVG волны как фон */
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: contain !important;
}

/* 3. Оформляем карточки */
.uc-steps-timeline .t547__item {
    margin-bottom: -40px !important; /* Нахлест для эффекта "вдоль линии" */
}

.uc-steps-timeline .t547__block {
    background-color: #f0f7ff !important; /* Светлый фон из Figma */
    border-radius: 28px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.02) !important;
    max-width: 400px !important; /* Ограничиваем ширину карточки */
    transition: transform 0.3s ease !important;
}

.uc-steps-timeline .t547__block:hover {
    transform: translateY(-5px);
}

/* 4. Позиционирование: Лево / Право */
/* Карточки слева */
.uc-steps-timeline .t547__item:nth-child(odd) .t547__mainblock {
    margin-left: 5% !important;
}

/* Карточки справа */
.uc-steps-timeline .t547__item:nth-child(even) .t547__mainblock {
    margin-left: auto !important;
    margin-right: 5% !important;
}

/* 5. Иконки и Текст */
.uc-steps-timeline .t547__img {
    width: 40px !important; /* Размер синей иконки */
    margin-bottom: 20px !important;
    height: auto !important;
}

.uc-steps-timeline .t547__title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 12px !important;
}

.uc-steps-timeline .t547__descr {
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #666 !important;
}

/* Адаптивность для мобильных */
@media screen and (max-width: 960px) {
    .uc-steps-timeline .t547__item {
        margin-bottom: 20px !important;
    }
    .uc-steps-timeline .t547__mainblock {
        margin: 0 auto !important;
        width: 90% !important;
    }
    .uc-steps-timeline .t547__container {
        background: none !important; /* Скрываем сложную волну на мобильных */
    }
}
/* 1. Убираем стандартную вертикальную линию и кружки */
.uc-steps-timeline .t547__line, 
.uc-steps-timeline .t547__circle {
    display: none !important;
}

/* 2. Контейнер */
.uc-steps-timeline .t547__container {
    display: flex !important;
    flex-direction: column !important;
}

/* 3. РАССТОЯНИЕ МЕЖДУ КАРТОЧКАМИ ПО ВЕРТИКАЛИ */
.uc-steps-timeline .t547__item {
    /* Увеличьте число (например, до -20px), чтобы раздвинуть карты */
    /* Уменьшите (например, до -60px), чтобы они сильнее наезжали друг на друга */
    margin-bottom: -50px !important; 
}

/* 4. САМА КАРТОЧКА (Сжатие по высоте) */
.uc-steps-timeline .t547__block {
    background-color: #f8fbff !important;
    border-radius: 24px !important;
    /* Уменьшаем padding (первое число - верх/низ, второе - право/лево) */
    padding: 20px 25px !important; 
    box-shadow: 0 4px 20px rgba(0,0,0,0.03) !important;
    max-width: 380px !important;
    min-height: 120px !important; /* Задает минимальную высоту, можно убрать */
    transition: transform 0.3s ease !important;
}

/* 5. Позиционирование (разнос по горизонтали) */
.uc-steps-timeline .t547__item:nth-child(odd) .t547__mainblock {
    margin-left: 8% !important;
}
.uc-steps-timeline .t547__item:nth-child(even) .t547__mainblock {
    margin-left: auto !important;
    margin-right: 8% !important;
}

/* 6. Сжатие элементов внутри карточки */
.uc-steps-timeline .t547__img {
    width: 32px !important; /* Уменьшили иконку */
    margin-bottom: 12px !important; /* Уменьшили отступ под ней */
}

.uc-steps-timeline .t547__title {
    font-size: 18px !important; /* Чуть меньше шрифт */
    margin-bottom: 6px !important; /* Уменьшили отступ под заголовком */
}

.uc-steps-timeline .t547__descr {
    font-size: 13px !important;
    line-height: 1.3 !important;
}

/* 7. Адаптив для мобильных */
@media screen and (max-width: 960px) {
    .uc-steps-timeline .t547__item {
        margin-bottom: 15px !important; /* Обычный отступ на мобилках */
    }
    .uc-steps-timeline .t547__mainblock {
        margin: 0 auto !important;
        width: 95% !important;
    }
}
/********************https://static.tildacdn.com/tild3164-3063-4635-b366-333363313739/_3.png*****************************************/
/* 1. Фон всего экрана (за пределами карточки) */
#rec1905366083 {
    background-image: url('https://static.tildacdn.com/tild3164-3063-4635-b366-333363313739/_3.png') !important;
    background-size: cover !important;
    background-position: center !important;
    padding: 80px 20px !important;
}


/* 2. Уменьшенная по высоте карточка */
.uc-pdf-card-section .t-container {
    background-color: #ffffff !important;
    border-radius: 40px !important;
    padding: 40px 60px !important; /* Уменьшили верхний и нижний паддинг */
    max-width: 1100px !important;
    position: relative !important;
    box-shadow: 0 30px 60px rgba(0,0,0,0.12) !important;
    overflow: visible !important;
}

/* 3. Оптимизация сетки */
.uc-pdf-card-section .t-col {
    width: 100% !important;
    margin: 0 !important;
    display: grid !important;
    /* Увеличили колонку для текста, чтобы он шел до края */
    grid-template-columns: 500px 1fr !important; 
    grid-template-areas: 
        "book title"
        "book descr"
        "book button";
    /*gap: 0 40px;*/
    align-items: start;
}

.uc-pdf-card-section .t-prefix_2 {
    padding-left: 100px;
}

.uc-pdf-card-section .t-col_8 {
    max-width: 1000px;
}

.uc-pdf-card-section .t485__descr {
    margin-top: 0px;
}

.uc-pdf-card-section .t485 .t-btn, .t485 .t-btntext {
    margin-top: 0px;
}

/* 4. Книга с правильным позиционированием */
.uc-pdf-card-section .t485__img {
    grid-area: book;
    width: 500px !important;
    max-width: none !important;
    position: relative !important;
    left: -110px !important; 
    top: 0px !important;
    transform: rotate(-3deg) !important;
    filter: drop-shadow(20px 20px 30px rgba(0,0,0,0.2)) !important;
}

/* 5. Контент: Расширяем текст и уплотняем отступы */
.uc-pdf-card-section .t485__title {
    grid-area: title;
    font-size: 38px !important;
    line-height: 1.15 !important;
    color: #4b3eb0 !important;
    margin-top: 10px !important; /* Прижали выше */
    margin-bottom: 15px !important; /* Уменьшили отступ до описания */
    max-width: 100% !important; /* На всю ширину правой колонки */
}

.uc-pdf-card-section .t485__descr {
    grid-area: descr;
    font-size: 17px !important;
    color: #555 !important;
    line-height: 1.4 !important;
    margin-bottom: 20px !important; /* Уменьшили отступ до кнопки */
    max-width: 100% !important; /* Текст теперь идет до правой границы */
}

/* 6. Кнопка */
.uc-pdf-card-section .t-btn {
    grid-area: button;
    background-color: #5345a5 !important;
    border-radius: 100px !important;
    padding: 18px 40px !important;
    font-size: 16px !important;
    /*width: fit-content !important;*/
}

/* 7. Адаптив для мобильных */
@media screen and (max-width: 960px) {
    .uc-pdf-card-section .t-col {
        grid-template-columns: 1fr !important;
        grid-template-areas: "title" "book" "descr" "button" !important;
        padding-left:15px;
    }
    .uc-pdf-card-section .t485__img {
        width: 100% !important;
        left: 0 !important;
        margin-bottom: 20px !important;
    }
    
    .uc-pdf-card-section .t-container {
    padding: 20px 10px !important;
    width:auto;
}
    
}
/**********************************************************************/
/*https://static.tildacdn.com/tild6561-6464-4435-a439-393639323766/004e4d8b483074b61a9b.png*/
/*https://static.tildacdn.com/tild3935-3430-4331-a631-396535396461/Vector_1.svg*/

/* 1. Фон всего блока + ОБЛАКО 1 (PNG) */
#rec1905398123 {
    /* Добавляем два фона: облако (сверху) и мечеть (снизу) */
    background-image: 
        url('https://static.tildacdn.com/tild6632-6161-4364-a536-396533313962/image_656517183.png'), 
        url('https://static.tildacdn.com/tild6561-6464-4435-a439-393639323766/004e4d8b483074b61a9b.png') !important;
    
    background-repeat: no-repeat !important;
    /* Позиция: облако справа вверху, мечеть по центру-справа */
    background-position: right 10% top 10%, center right !important;
    /* Размер: облако 400px (регулируй), мечеть как была */
    background-size: 400px auto, inherit !important;
    
    padding: 100px 0 !important;
    position: relative;
    overflow: visible !important;
}

/* 2. Голубая дымка слева */
#rec1905398123::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 60%; height: 100%;
    background: linear-gradient(90deg, rgba(214,235,255,1) 0%, rgba(214,235,255,0.8) 50%, rgba(214,235,255,0) 100%);
    z-index: 1; /* Подняли чуть выше основного фона */
}

/* 3. Рабочая загогулина (Vector_1) */
#rec1905398123::after {
    content: '';
    position: absolute;
    bottom: -162px;
    left: 0;
    width: 100%;
    height: 330px;
    background: url(https://static.tildacdn.com/tild3935-3430-4331-a631-396535396461/Vector_1.svg) bottom;
    background-size: cover;
    z-index: 15; /* Поверх дымки */
}

/* 4. ОБЛАКО 2 (PNG) — добавим через контейнер */
.uc-order-block .t-container::before {
    content: '';
    position: absolute;
    width: 350px;
    height: 200px;
    background-image: url('https://static.tildacdn.com/tild6632-6161-4364-a536-396533313962/image_656517183.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 250px; /* Положение по вертикали */
    right: 30%; /* Положение по горизонтали */
    opacity: 0.7;
    z-index: 1;
    pointer-events: none;
}

/* 5. Контейнер: прижимаем всё содержимое влево */
.uc-order-block .t-container {
    position: relative;
    z-index: 10; /* Весь контент поверх облаков и дымки */
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-left: 5% !important;
    max-width: 1200px !important;
}

/* 6. Заголовок и подзаголовок */
.uc-order-block .t1015__title {
    font-size: 58px !important;
    color: #2c2c66 !important;
    text-align: left !important;
    margin-bottom: 15px !important;
}

.uc-order-block .t1015__descr {
    font-size: 28px !important;
    color: #4c9fff !important;
    text-align: left !important;
    max-width: 450px !important;
    margin-bottom: 40px !important;
    line-height: 1.2 !important;
}

/* 7. Белая карточка с формой */
.uc-order-block .t1015__input-wrapper {
    background: #ffffff !important;
    border-radius: 40px !important;
    padding: 40px !important;
    width: 100% !important;
    max-width: 420px !important;
    box-shadow: 0 20px 40px rgba(0,0,0,0.05) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

/* Настройка полей друг над другом */
.uc-order-block .t-form__inputsbox {
    display: flex !important;
    flex-direction: column !important;
}

.uc-order-block .t-input-group {
    width: 100% !important;
    margin-bottom: 15px !important;
}

.uc-order-block .t-input {
    border-radius: 20px !important;
    height: 55px !important;
}

.uc-order-block .t-submit {
    border-radius: 100px !important;
    height: 60px !important;
    background-color: #5345a5 !important;
}

/* Скрываем лишние обертки */
.uc-order-block .t1015__wrapper,
.uc-order-block .t1015__content {
    background: none !important;
    padding: 0 !important;
}

/* 5. РАСПОЛОЖЕНИЕ ПОЛЕЙ ДРУГ НАД ДРУГОМ */
.uc-order-block .t-form__inputsbox {
    display: flex !important;
    flex-direction: column !important; /* Это выстраивает их в столбик */
}

.uc-order-block .t-input-group {
    width: 100% !important;
    margin-bottom: 20px !important; /* Расстояние между полями */
    display: block !important;
}

/* Стили полей ввода */
.uc-order-block .t-input {
    width: 100% !important;
    height: 60px !important;
    border-radius: 20px !important;
    background-color: #fcfcfc !important;
    border: 1px solid #e0e0e0 !important;
    padding-left: 20px !important;
    box-sizing: border-box !important;
}

.uc-order-block .t-input .t-input-phonemask {
    border: 0px solid !important;
    height: 100% !important;
}

/* 6. Кнопка "Отправить" */
.uc-order-block .t-form__submit {
    margin-top: 10px !important;
    width: 100% !important;
}

.uc-order-block .t-submit {
    width: 100% !important;
    height: 65px !important;
    background-color: #5345a5 !important;
    border-radius: 100px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
}

/* Скрываем лишние обертки Tilda, которые мешают верстке */
.uc-order-block .t1015__wrapper,
.uc-order-block .t1015__content {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Адаптив для мобилок */
@media screen and (max-width: 960px) {
    .uc-order-block .t-container {
        margin-left: auto !important;
        margin-right: auto !important;
        align-items: center !important;
        /*padding: 0 20px !important;*/
    }
    .uc-order-block .t1015__title { font-size: 36px !important; text-align: center !important; }
    .uc-order-block .t1015__descr { text-align: center !important; }
    
    .uc-otzivyandex {
    width:100% !important;
    height:100% !important;}
}

.uc-otzivyandex {
    width:480px;
    height:650px;
    overflow:hidden;
    position:relative;
    display: inline-block;
}