/* -20% высоты для карточек .card.border-0.text-center */
.card.border-0.text-center .card-body {
    min-block-size: 200px;
}
/* Общие стили для карусели */
#carouselSlides {
    padding-block-start: 60px;
}

/* Базовые стили для слайдов */
.carousel-item {
    transition: transform 0.5s ease-in-out;
}

.carousel-item img {
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    display: block;
}

/* Затемнение для слайдов */
.carousel-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    font-family: 'Helvetica1', Tahoma, Geneva, Verdana, sans-serif;
}

/* Стили для заголовков */
.carousel-caption {
    text-align: center;
}

.carousel-caption h1 {
    font-family: 'Helvetica3', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 70px;
    color: white;
    font-weight: bold;
    text-shadow: 4px 4px 4px rgba(0,0,0,0.6);
}

/* Увеличение текста в 3 раза в подписях карусели (и для h2, h3) */
.carousel-caption.text-center h1,
.carousel-caption.text-center h2,
.carousel-caption.text-center h3 {
    font-size: 80px !important;
    line-height: 1.08;
    /* Повышаем читаемость */
    text-shadow: 0 2px 4px rgba(0,0,0,0.75), 0 0 12px rgba(0,0,0,0.55);
    -webkit-text-stroke: 1px rgba(0,0,0,0.3);
    background: rgba(128, 128, 128, 0.28);
    padding: 8px 18px;
    border-radius: 0;
    box-shadow: 0 8px 22px rgba(0,0,0,0.35);
    display: inline-block;
    inline-size: 1100px; /* единая ширина подложки для всех слайдов (десктоп) */
    animation: captionPop .6s ease both;
    position: relative;
}

/* Мягкое размывание краев подложки */
.carousel-caption.text-center h1::before,
.carousel-caption.text-center h2::before,
.carousel-caption.text-center h3::before {
    content: "";
    position: absolute;
    inset: -36px; /* ещё шире для более мягкой границы */
    background: rgba(128, 128, 128, 0.50);
    border-radius: 0;
    filter: blur(50px);
    z-index: -1;
}

/* Дополнительный слой размытия для сверхмягких границ */
.carousel-caption.text-center h1::after,
.carousel-caption.text-center h2::after,
.carousel-caption.text-center h3::after {
    content: "";
    position: absolute;
    inset: -52px;
    background: rgba(128, 128, 128, 0.35);
    border-radius: 0;
    filter: blur(70px);
    z-index: -2;
}

/* Единое вертикальное выравнивание текста по высоте слайдов (главный слайдер) */
#carouselSlides .carousel-item { position: relative; }
#carouselSlides .carousel-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    width: 100%;
}

/* Тонкая коррекция выравнивания для слайда с БРОШЮРЫ/КАТАЛОГИ/КНИГИ */
.slide1 #carouselSlides .carousel-caption,
#carouselSlides .slide1 .carousel-caption {
    transform: translate(-50%, -57%) !important; /* ещё на ~2% выше центра */
}

/* Тонкая коррекция выравнивания для слайда с АЭРОФОТОСЪЕМКА */
.slide3 #carouselSlides .carousel-caption,
#carouselSlides .slide3 .carousel-caption {
    transform: translate(-50%, -30%) !important; /* ещё ниже центра (~20%) */
}

/* Тонкая коррекция выравнивания для слайда со СТУДИЙНАЯ ФОТОСЪЕМКА */
.slide2 #carouselSlides .carousel-caption,
#carouselSlides .slide2 .carousel-caption {
    transform: translate(-50%, -43%) !important; /* ещё на ~2% ниже */
}

/* Тонкая коррекция выравнивания для слайда с ПРОМЫШЛЕННАЯ ФОТОСЪЕМКА */
.slide4 #carouselSlides .carousel-caption,
#carouselSlides .slide4 .carousel-caption {
    transform: translate(-50%, -45%) !important; /* чуть ниже центра (~5%) */
}

/* Медиа-запрос для экранов до 768px */
@media (max-width: 768px) {
    #carouselSlides {
        padding-block-start: 65px;
    }

    .slide {
        margin-block-end: 10px;
    }

    .carousel-caption {
        padding: 0 !important;
        margin: 0 !important;
    }

    .carousel-caption h1 {
        font-size: 26px;
    }

    /* Пропорциональное увеличение в 3 раза для мобильных */
    .carousel-caption.text-center h1,
    .carousel-caption.text-center h2,
    .carousel-caption.text-center h3 {
        font-size: 52px !important;
        line-height: 1.08;
        padding: 6px 14px;
        inline-size: 94vw; /* адаптивная ширина на планшетах */
    }

    .carousel-caption.text-center h1::before,
    .carousel-caption.text-center h2::before,
    .carousel-caption.text-center h3::before {
        inset: -28px;
        filter: blur(42px);
    }

    .carousel-caption.text-center h1::after,
    .carousel-caption.text-center h2::after,
    .carousel-caption.text-center h3::after {
        inset: -40px;
        filter: blur(60px);
    }

    /* Центрирование сохраняем и на мобильных */
    #carouselSlides .carousel-caption {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }

    /* Коррекция сохраняется и на мобильных */
    .slide1 #carouselSlides .carousel-caption,
    #carouselSlides .slide1 .carousel-caption {
        transform: translate(-50%, -57%) !important;
    }

    .slide3 #carouselSlides .carousel-caption,
    #carouselSlides .slide3 .carousel-caption {
        transform: translate(-50%, -30%) !important;
    }

    .slide2 #carouselSlides .carousel-caption,
    #carouselSlides .slide2 .carousel-caption {
        transform: translate(-50%, -43%) !important;
    }

    .slide4 #carouselSlides .carousel-caption,
    #carouselSlides .slide4 .carousel-caption {
        transform: translate(-50%, -45%) !important;
    }

    .carousel-control-prev,
    .carousel-control-next {
        inset-inline-end: 50%;
        transform: translateY(10%);
    }
}

/* Медиа-запрос для телефонов */
@media (max-width: 500px) {
    .carousel-caption h1 {
        font-size: 27px;
    }

    .carousel-caption.text-center h1,
    .carousel-caption.text-center h2,
    .carousel-caption.text-center h3 {
        font-size: 31px !important;
        line-height: 1.08;
        padding: 6px 12px;
        inline-size: 96vw; /* адаптивная ширина на телефонах */
    }

    /* Уменьшенный шрифт только для первого слайда с брошюрами */
    .carousel-item.slide1 .carousel-caption.text-center h1,
    .carousel-item.slide1 .carousel-caption.text-center h2,
    .carousel-item.slide1 .carousel-caption.text-center h3 {
        font-size: 29px !important;
        font-weight: 700 !important;
        -webkit-text-stroke: none !important;
        text-stroke: none !important;
    }

    /* Убираем обводку и делаем жирнее для остальных слайдов */
    .carousel-item:not(.slide1) .carousel-caption.text-center h1,
    .carousel-item:not(.slide1) .carousel-caption.text-center h2,
    .carousel-item:not(.slide1) .carousel-caption.text-center h3 {
        font-weight: 700 !important;
        -webkit-text-stroke: none !important;
        text-stroke: none !important;
    }

/* Уменьшаем расстояние между абзацами в caption (~минус 8px от стандартного) */
.carousel-caption.text-center p {
    margin-top: 0;
    margin-bottom: 0;
}

    .carousel-caption.text-center h1::before,
    .carousel-caption.text-center h2::before,
    .carousel-caption.text-center h3::before {
        inset: -24px;
        filter: blur(40px);
    }

    .carousel-caption.text-center h1::after,
    .carousel-caption.text-center h2::after,
    .carousel-caption.text-center h3::after {
        inset: -36px;
        filter: blur(56px);
    }

/* Анимация появления подписи */
@keyframes captionPop {
    from { opacity: 0; transform: translateY(10px) scale(0.98); }
    to   { opacity: 1; transform: translateY(0) scale(1); }
}

    /* Белый цвет текста для слайдера и футера на телефонах */
    .carousel-caption h1,
    .carousel-caption h2,
    .carousel-caption h3,
    .carousel-caption h4,
    .carousel-caption h5,
    .carousel-caption h6,
    .carousel-caption p,
    .carousel-caption span,
    .carousel-caption div {
        color: #fff !important;
    }
    
    footer,
    footer h1,
    footer h2,
    footer h3,
    footer h4,
    footer h5,
    footer h6,
    footer p,
    footer span,
    footer div,
    footer a {
        color: #fff !important;
    }
}
/*//////////////////////////////////////////////   start   //////////////////////////////////////////////////////////*/
/*//////////////////////////////////////   Главная страница. О нас   ////////////////////////////////////////////////*/

.indexAbout {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    block-size: 266px;
    margin-block-end: 40px;
}

.indexAbout h1 {
    font-family: 'Helvetica1', -apple-system, sans-serif;
    font-size: clamp(20px, 5vw, 60px);
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    margin: 0;
}

.indexAbout h2 {
    font-family: 'Helvetica1', -apple-system, sans-serif;
    font-size: 60px;
    text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.25);
    margin: 0;
}

.indexAbout p {
    font-family: 'Helvetica2', -apple-system, sans-serif;
    font-size: clamp(15px, 3vw, 22px);
    margin: 0;
}

.card-body {
    block-size: auto;
    min-block-size: 250px;
    padding: 1rem;
}

/* -20% высоты для карточек с вертикальным выравниванием (локально для нужных блоков) */
.card-body.d-flex.flex-column.align-items-center {
    min-block-size: 200px;
}

.card-body img {
    inline-size: 50px;
}

.cardtAny {
    margin-block-end: 19px;
}

.card-title {
    font-family: 'Helvetica1', -apple-system, sans-serif;
    margin-block-start: 1rem;
    color: #666 !important;
    text-shadow: 1.5px 1.5px 1.5px rgba(0, 0, 0, 0.2);
    font-size: 24px;
}

.card-text {
    font-size: 15px;
    white-space: pre-line;
}

.iconAbout {
    display: inline-block;
    block-size: 60px;
    inline-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.indexAbout #tagline {
    display: none;
}


#icon_1About {
    background-image: url("../../images/Icon/reward.png");
    transition: all 0.3s ease;
}


#icon_1About:hover {
    background-image: url("../../images/Icon/reward1.png");
}



#icon_2About {
    background-image: url("../../images/Icon/individualApproach.png");
    transition: all 0.3s ease;
}


#icon_2About:hover {
    background-image: url("../../images/Icon/individualApproach1.png");
}


#icon_3About {
    background-image: url("../../images/Icon/present.png");
    transition: all 0.3s ease;
}


#icon_3About:hover {
    background-image: url("../../images/Icon/present1.png");
}



                                            /*/////////////////////*/
                                            /*ДЛЯ МАЛЕНЬКИХ ЭКРАНОВ*/
                                            /*/////////////////////*/
@media (max-width: 1200px) {
    .cardtAny {
        margin-block-end: 1.18rem;
    }
}

@media (max-width: 768px) {

    .indexAbout {
        block-size: auto;
        margin-block-start: 1.5rem;
    }

    .indexAbout h1 {
        font-size: 35px;
    }

    #about {
        font-size: 15px;
    }

    .indexAbout #tagline {
        display: block;
        font-size: 20px;
    }

    .iconAbout {
        inline-size: 50px;
    }

    .card-title {
        margin-block-start: 20px;
    }

    .card-text {
        font-size: 14px;
        white-space: normal;
    }

    .card-text br,
    #about br {
        display: none;
    }

    #about {
        font-size: 15px;
    }

    #about br {
        display: none;
    }

    .card-body {
        block-size: auto;
    }

    .cardtAny {
        margin-block-end: 0.4rem;
    }
}


                                            /*/////////////////////*/
                                            /*ДЛЯ ТЕЛЕФОНОВ*/
                                            /*/////////////////////*/

@media only screen and (max-width: 400px) {
    .indexAbout {
        margin-block-start: 25px;
    }

    .indexAbout h1 {
        font-size: 25px;
    }
}


                                                /*/////////////////////*/
                                                /*ДЛЯ ТЕЛЕФОНОВ MINI*/
                                                /*/////////////////////*/

@media only screen and (max-width: 300px) {
    .indexAbout {
        margin-block-start: 25px;
    }

    .indexAbout h1 {
        font-size: 20px;
    }
}

/*//////////////////////////////////////   Главная страница. О нас   ////////////////////////////////////////////////*/
/*//////////////////////////////////////////////   end   ////////////////////////////////////////////////////////////*/

/* Общие стили */

.ourService {
    display: flex;
    flex-wrap: wrap;
}

.ourServices-block {
    padding: 20px;
}

.ourServices-block h2 {
    font-family: 'Helvetica1', -apple-system, sans-serif;
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
    margin-block-end: 40px;
    text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.25);
}

/* Объединяем общие стили для текстовых блоков */
.ourServices-text, .ourService-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ourServices-text p{
    flex-basis: 100%;
    block-size: 360px;
    text-align: left !important;
    font-size: 18px;
    white-space: pre-line;
}

.smallDontShow {
    margin-top: -45px;
}

.ourServices-text_2 p{
    flex-basis: 100%;
    block-size: 510px;
    text-align: right !important;
    font-size: 18px;
    white-space: pre-line;
}

.ourServices-text_2 h5{
    text-align: right !important;
}

/* Стили для карусели */
.carouselImg {
    inline-size: 100%;
    block-size: auto;
    margin: 0 auto;
    overflow: hidden;  /* Скрывает содержимое, выходящее за пределы контейнера */
    position: relative;
}

.carouselImg img {
    inline-size: 100%;
    block-size: auto;
    max-width: 100%;  /* Ограничивает ширину изображений */
    height: auto;     /* Сохраняет пропорции изображений */
    display: block;   /* Убирает лишние отступы под изображениями */
}

/* Вариант 2: слайдеры занимают 100% ширины контейнера */
#publishing-slider,
#photo-slider,
#aerial-slider {
    width: 100%;
    max-width: 460px; /* компактнее на десктопе */
    margin-left: auto;
    margin-right: auto;
}

#publishing-slider img,
#photo-slider img,
#aerial-slider img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
}

/* Точки навигации под внутренними слайдерами - стили перенесены в common.css */

/* На планшетах/телефонах — растягиваем на всю ширину колонки */
@media (max-width: 768px) {
    #publishing-slider,
    #photo-slider,
    #aerial-slider {
        max-width: 100%;
    }
}


.ourOffersBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ourOffersBlock .container {
    display: block; /* пусть управляет Bootstrap */
    min-height: auto; /* без фиксированной высоты */
}

.ourOffersBlock .row {
    width: 100%;
    align-items: center;
}

/* Размещаем заголовок (smallShow ourService-title) и следующий контейнер в одной строке */
.ourOffersBlock > .smallShow.ourService-title {
    float: left;
    width: 240px; /* фиксированная ширина под заголовок */
    margin-right: 20px;
}

.ourOffersBlock > .container {
    overflow: hidden; /* занимает оставшуюся ширину рядом с float-заголовком */
}

/* Карточный слайдер с изображениями не должен быть flex-контейнером */
.carouselImg {
    display: block;
    height: auto; /* как на проде: авто-высота, без доп. ограничений */
    margin-bottom: 40px;
}

/* Текстовый столбец — flex для вертикального выравнивания */
.ourServices {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: left !important;
    height: 100%;
}

.ourServices-text, .ourServices-text_2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

/* Стили для точек слайдера - перенесены в common.css */

.smallShow {
    display: none;
}

.smallDontShow h5 {
    font-size: 32px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

/* Медиа-запросы */
@media (max-width: 768px) {
    .smallDontShow { display: none; }
    .smallShow { 
        display: inline-block;
        padding-block-end: 25px;
    }
    
    .ourServices-block h2 {
        font-size: 30px;
        margin-block-end: 30px;
    }
    
    .ourServices-text {
        margin: 10px 0 30px;
        block-size: auto;
        text-align: center;
        
        br { display: none; }
        p { font-size: 18px; }
    }
    
    .ourService-title h5 { font-size: 35px; }
    .delimiter { display: none; }
    
    /* Порядок элементов */
    .order-md-1 { order: 2; }
    .order-md-2 { order: 1; }
}
/*//////////////////////////////////////////////   start   //////////////////////////////////////////////////////////*/
/*///////////////////////////////   Главная страница. Почему выбирают нас   /////////////////////////////////////////*/

.additional-block h1, .additional-block h2 {
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    text-align: start;
}

/* Фиксированная высота блока с заголовком */
.additional-block {
    block-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.additional-block h1 {
    font-size: 45px;
    text-transform: uppercase;
    text-align: center;
    margin-block-end: 40px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

.additional-block h2 {
    font-family: 'Helvetica1', -apple-system, sans-serif;
    font-size: 60px;
    text-transform: uppercase;
    text-align: center;
    margin-block-end: 40px;
    text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.25);
}

.additional-block p {
    text-align: start;
}

/* Отступы для основных блоков */
.indexWhyChooseUs1 {
    margin: 40px 0 100px;
    text-align: center;
    block-size: 300px;
}

/* Секция Почему выбирают нас (первая тройка): нативная сетка Bootstrap */
.indexWhyChooseUs1 .row {
    justify-content: center;
}

/* Ровная равная сетка из 3 колонок с одинаковыми внешними отступами */
.indexWhyChooseUs1 .equal-grid-wrapper {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.indexWhyChooseUs1 .equal-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding-left: 24px;
    padding-right: 24px;
}

.indexWhyChooseUs1 .equal-grid .grid-item {
    display: flex;
}

.indexWhyChooseUs1 .equal-grid .grid-item .card {
    width: 100%;
}

/* Уменьшаем высоту содержимого в первой тройке на ~20% */
.indexWhyChooseUs1 .equal-grid .card-body {
    min-block-size: 200px;
}

@media (max-width: 767.98px) {
    .indexWhyChooseUs1 .equal-grid {
        grid-template-columns: 1fr;
        padding-left: 12px;
        padding-right: 12px;
        gap: 16px;
    }
}

.indexWhyChooseUs2 {
    margin-block-end: 144px; /* -20% от 180px */
}

/* Уменьшаем высоту содержимого карточек во второй тройке на ~20% */
.indexWhyChooseUs2 .card-body {
    min-block-size: 200px;
}

/* Иконки */

#icon_1WhyChooseUs {
    content: url("../../images/Icon2/highQuality.png");
    transition: all 3s ease;
}


#icon_1WhyChooseUs:hover {
    content: url("../../images/Icon2/highQuality1.png"); /* путь к альтернативной картинке */
}

#icon_2WhyChooseUs {
    content: url("../../images/Icon2/professionalism.png");
    transition: all 3s ease;
}


#icon_2WhyChooseUs:hover {
    content: url("../../images/Icon2/professionalism1.png"); /* путь к альтернативной картинке */
}


#icon_3WhyChooseUs {
    content: url("../../images/Icon2/individualApproach.png");
    transition: all 3s ease;
}


#icon_3WhyChooseUs:hover {
    content: url("../../images/Icon2/individualApproach1.png"); /* путь к альтернативной картинке */
}


#icon_4WhyChooseUs {
    content: url("../../images/Icon2/calendar.png");
    transition: all 3s ease;
}


#icon_4WhyChooseUs:hover {
    content: url("../../images/Icon2/calendar1.png"); /* путь к альтернативной картинке */
}


#icon_5WhyChooseUs {
    content: url("../../images/Icon2/competitivePrices.png");
    transition: all 3s ease;
}


#icon_5WhyChooseUs:hover {
    content: url("../../images/Icon2/competitivePrices1.png"); /* путь к альтернативной картинке */
}


/* Стили для контейнера точек */
.slick-dots {
    bottom: -25px;
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

/* Стили для самих точек */
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    border: 0;
    outline: none;
    background: transparent;
}

/* Стили для точек слайдера - перенесены в common.css */

/* Добавляем отступ для контейнера слайдера */
.carouselImg {
    margin-bottom: 40px;
}

.sloganIndexWhyChooseUs hi {
    font-size: 45px;

}


/* Медиа-запрос для мобильных устройств */
@media (max-width: 768px) {
    .indexWhyChooseUs1 {
        margin: 40px 0 0;
    }

    .indexWhyChooseUs2 {
        margin-block-end: 50px;
    }

    .call {
        margin-block-end: 80px;
    }

    .call h1 {
    font-size: 22px;
}

/* Уменьшаем шрифт h2 в блоке слоган на 5 пунктов */
.sloganIndexWhyChooseUscontainer.additional-block.call h2 {
    font-size: 15px;
}

    .call br {
        display: none;
    }
}

/*///////////////////////////////   Главная страница. Почему выбирают нас   /////////////////////////////////////////*/
/*////////////////////////////////////////////////   end   //////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////   start   //////////////////////////////////////////////////////////*/
/*//////////////////////////////   Главная страница. Наши партнеры. Бегущая строка   ////////////////////////////////*/
.partners-header{
    text-align: center;
    margin-block-start: 100px;
}

.sloganOurPartners{
    font-size: 45px;
    text-transform: uppercase;
    text-align: center;
    margin-block-end: 40px;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
}

/* Стили для контейнера бегущей строки */
.marquee-container {
    inline-size: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Стили для элемента с бегущей строкой */
.marquee {
    display: flex;
    width: max-content;
    gap: 20px;
    animation: scroll 180s linear infinite;
}

/* Ключевая анимация для бегущей строки */
.marquee img {
    block-size: 100px;
    object-fit: contain;
    opacity: 0.5;
    transition: opacity 0.3s ease;
    filter: drop-shadow(3px 3px 1px rgba(0, 0, 0, 0.3));

}

/* Опционально: можно добавить эффект при наведении */
.marquee img:hover {
    opacity: 1;
}

/* Удаляем overlay */
.marquee::before {
    display: none;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50%));
    }
}

/* Добавляем плавное появление при загрузке страницы */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*.marquee p {*/
/*    display: inline-block;*/
/*    margin-inline-end: 20px; !* Отступ между заглушкой и логотипами *!*/
/*    color: #ccc; !* Цвет заглушки *!*/
/*}*/

@media (max-width: 768px) {
    /* Общие улучшения для мобильных */
    body {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }
    
    /* Улучшенная навигация */
    .navbar {
        padding: 0.25rem 0 !important;
    }
    
    .navbar-brand img {
        max-height: 35px !important;
        width: auto !important;
    }
    
    /* Оптимизация контейнеров */
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    /* Улучшенные отступы между секциями */
    section {
        margin-bottom: 2rem !important;
        padding: 1rem 0 !important;
    }
    
    /* Оптимизация изображений */
    img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Улучшенные карточки */
    .card {
        margin-bottom: 1rem !important;
        border-radius: 8px !important;
    }
    
    .card-body {
        padding: 1rem !important;
    }
    
    /* Оптимизация для touch-устройств */
    .btn, .navbar-toggler, a {
        min-height: 44px !important;
        min-width: 44px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .marquee img {
        block-size: 75px;
    }
    
    /* Уменьшаем высоту контейнера бегущей строки в 2 раза */
    .marquee-container {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .ourPartners h1{
        font-size: 20px;
    }
    
    /* Центрирование заголовков услуг на планшетах */
    .smallShow.ourService-title {
        text-align: center !important;
        margin: 0 auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
    }
    
    /* Дополнительное центрирование для заголовка АЭРОФОТОСЪЕМКА на планшетах */
    .smallShow.ourService-title h5 {
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
        width: 100% !important;
    }

    /* Белый цвет текста для слайдера и футера на планшетах */
    .carousel-caption h1,
    .carousel-caption h2,
    .carousel-caption h3,
    .carousel-caption h4,
    .carousel-caption h5,
    .carousel-caption h6,
    .carousel-caption p,
    .carousel-caption span,
    .carousel-caption div {
        color: #fff !important;
    }
    
    footer,
    footer h1,
    footer h2,
    footer h3,
    footer h4,
    footer h5,
    footer h6,
    footer p,
    footer span,
    footer div,
    footer a {
        color: #fff !important;
    }
}

/*//////////////////////////////   Главная страница. Наши партнеры. Бегущая строка   ////////////////////////////////*/
/*//////////////////////////////////////////////    end    //////////////////////////////////////////////////////////*/

/* Центрирование логотипа в футере */
.footerImg {
    display: block !important;
    margin: 0 auto !important;
}

.footerLogo {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Специальное центрирование для класса footerLogo */
.footerLogo img {
    display: block !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    height: auto !important;
}

.footerIcon {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}


/* Уменьшаем логотип в футере до размера как на других страницах */
.footerImg,
.footerIcon img,
footer .footerImg,
footer .footerIcon img {
    height: 150px !important;
    width: auto !important;
    block-size: 150px !important;
    inline-size: auto !important;
}

/* Убираем padding у footerLogo и footerImg для мобильных версий */
@media (max-width: 1024px) {
    .footerLogo {
        padding: 0 !important;
    }
    
    .footerImg {
        padding: 0 !important;
        padding-inline-start: 0 !important;
        padding-inline-end: 0 !important;
        padding-block-start: 0 !important;
        padding-block-end: 0 !important;
    }
}

/* Добавляем плавное затухание по краям */
.marquee-container::before,
.marquee-container::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.marquee-container::before {
    left: 0;
    background: linear-gradient(to right, white, transparent);
}

.marquee-container::after {
    right: 0;
    background: linear-gradient(to left, white, transparent);
}

#industrialPhotoSlider {
    margin: 0px 0;
}

#industrialPhotoSlider .carousel-item {
    height: 500px;
}

#industrialPhotoSlider .carousel-item img {
    object-fit: cover;
    height: 100%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    padding: 20px;
}

.carousel-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* Здесь 0.3 это уровень затемнения от 0 до 1 */
}

/* Вариант 2: Используя brightness фильтр */
.carousel-item img {
    filter: brightness(90%); /* Здесь 70% это уровень яркости от 0% до 100% */
}

/* Вариант 3: Используя opacity */
.carousel-item img {
    opacity: 1; /* Здесь 0.7 это уровень прозрачности от 0 до 1 */
}

/* Убираем отступы у слайдера */
#industrialPhotoSlider {
    
    width: 100%;
}

/* Убираем отступы у контейнера */
.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Убираем отступы у самих слайдов */
.carousel-item {
    padding: 0;
}

.carousel-item img {
    width: 100%;
    padding: 0;
    margin: 0;
}

.carousel-inner {
    border-bottom: 1px solid rgb(255, 255, 255);
    border-top: 1px solid rgb(255, 255, 255);
    
}


.background-imagePromFoto {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 100%;
    background: url('../../images/promFotoSlayder/PromFoto-post.png') center/cover fixed;
    z-index: -1;
}

/* Стили для fade-эффекта */
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
    opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    opacity: 0;
}

.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
}

.height-1PromFoto {
    height: 100px;
    p {
        margin-top: -30px !important;
    }
    

}
/* Основные стили для слайдера */
#studioPhotoSlider {
    margin: 0;
    width: 100%;
}

#studioPhotoSlider .carousel-item {
    height: 600px; /* Увеличенная высота для лучшего отображения студийных фото */
}

#studioPhotoSlider .carousel-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

/* Стилизация кнопок навигации */
.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(255, 255, 255, 0.3); /* Светлые кнопки для студийных фото */
    border-radius: 50%;
    padding: 25px;
}

/* Элегантное затемнение фотографий */
.carousel-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* Легкое затемнение */
}

/* Фоновое изображение для страницы */
.background-imageStudio {
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: 100%;
    block-size: 100%;
    background: url('../../images/studioPhoto/studioFoto-post.png') center/cover fixed;
    z-index: -1;
    /*filter: blur(1px); /* Добавляем легкий блюр фону */
}

/* Стильная рамка для слайдера */
.carousel-inner {
    border-bottom: 2px solid rgba(255, 255, 255, 0.8);
    border-top: 2px solid rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

/* Плавные переходы между слайдами */
.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .8s;
    transition-property: opacity;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
    opacity: 1;
}

/* Стили для заголовка секции */
.height-1Studio {
    height: 120px;
    background: rgba(0, 0, 0, 0.6);
    margin-bottom: 30px;
}

.height-1Studio h1 {
    color: white;
    text-align: center;
    padding: 30px 0;
    font-size: 2.5rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    #studioPhotoSlider .carousel-item {
        height: 400px;
    }
    
    .height-1Studio {
        height: 100px;
    }
    
    .height-1Studio h1 {
        font-size: 1.8rem;
        padding: 20px 0;
    }
} 
 
.aerial-header {
    background: rgba(0, 0, 0, 0.7);
    padding: 40px 0;
    margin-top: 60px;
}

.aerial-header h1 {
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Стили для слайдера */
#aerialPhotoSlider {
    margin: 0;
    width: 100%;
}

#aerialPhotoSlider .carousel-item {
    height: 700px; /* Увеличенная высота для панорамных фото */
}

#aerialPhotoSlider .carousel-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

/* Эффект параллакса для фона */
.background-imageAerial {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../../images/aerialPhoto/aerialPhoto-post.png') center/cover fixed;
    z-index: -1;
    opacity: 0.9;
    
}

/* Стили для карточек услуг */
.aerial-service-card {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding: 20px;
    margin: 15px 0;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.aerial-service-card:hover {
    transform: translateY(-5px);
}

.aerial-service-card h3 {
    color: #2c3e50;
    margin-bottom: 15px;
}

/* Стили для секции преимуществ */
.aerial-advantages {
    background: rgba(44, 62, 80, 0.85);
    color: white;
    padding: 40px 0;
    margin: 40px 0;
}

.advantage-item {
    text-align: center;
    padding: 20px;
}

.advantage-item i {
    font-size: 2.5rem;
    margin-bottom: 15px;
    color: #3498db;
}

/* Стили для галереи работ */
.aerial-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 250px;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-item:hover img {
    transform: scale(1.05);
}

/* Адаптивность */
@media (max-width: 768px) {
    #aerialPhotoSlider .carousel-item {
        height: 400px;
    }
    
    .aerial-header {
        padding: 20px 0;
    }
    
    .aerial-header h1 {
        font-size: 1.8rem;
    }
    
    .aerial-gallery {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}

/* Анимации для элементов */
.fade-in {
    opacity: 0;
    animation: fadeIn 1s ease-in forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
} 
.index-section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 50px 0;  /* вертикальные отступы для секций */
    overflow: hidden; /* предотвращает горизонтальный скролл */
} 






/* Специфичные стили для футера на index.html */
footer {
    background-color: #666 !important;
    color: #fff !important;
    padding: 0 !important;
    text-align: center !important;
    height: auto !important;
}

footer .container .row {
    min-height: auto !important;
    align-items: center !important;
}

footer .row {
    min-height: auto !important;
    align-items: center !important;
}

/* Принудительно устанавливаем белый цвет для всех текстовых элементов футера */
footer,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6,
footer p,
footer span,
footer div {
    color: #fff !important;
}

html body footer,
html body footer h1,
html body footer h2,
html body footer h3,
html body footer h4,
html body footer h5,
html body footer h6,
html body footer p,
html body footer span,
html body footer div,
html body footer a,
html body footer .card-body,
footer h2,
footer p,
footer a,
footer .card-body,
footer .footer-text1,
footer .footer-text3,
footer .footer-bottom {
    color: #ffffff !important;
}

/* Убеждаемся, что текст в карусели остается белым - максимальная специфичность */
html body #carouselSlides .carousel-caption h1,
html body #carouselSlides .carousel-caption h2,
html body #carouselSlides .carousel-caption h3,
html body #carouselSlides .carousel-caption h4,
html body #carouselSlides .carousel-caption h5,
html body #carouselSlides .carousel-caption h6,
html body #carouselSlides .carousel-caption p,
html body #carouselSlides .carousel-caption span,
html body #carouselSlides .carousel-caption div,
.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption h4,
.carousel-caption h5,
.carousel-caption h6,
.carousel-caption p,
.carousel-caption span,
.carousel-caption div {
    color: #ffffff !important;
}

.footer-bottom {
    max-block-size: 100px !important;
    background-color: #313131 !important;
    min-height: 35px !important;
    display: flex !important;
    align-items: center !important;
    margin-top: 0 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
} 
 
.aerial-header {
    background: rgba(0, 0, 0, 0.7);
    padding: 40px 0;
    margin-top: 60px;
}

.aerial-header h1 {
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Стили для слайдера */
#aerialPhotoSlider {
    margin: 0;
    width: 100%;
}

#aerialPhotoSlider .carousel-item {
    height: 700px; /* Увеличенная высота для панорамных фото */
}

#aerialPhotoSlider .carousel-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

/* Эффект параллакса для фона */
.background-imageAerial {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../../images/aerialPhoto/aerialPhoto-post.png') center/cover fixed;
    z-index: -1;
    opacity: 0.9;
    
}

/* Стили для карточек услуг */
.aerial-service-card {
    background: rgba(255, 255, 255, 0.9);
    border-radius: 10px;
    padding: 20px;
    margin: 15px 0;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.aerial-service-card:hover {
    transform: translateY(-5px);
}

.aerial-service-card h3 {
    color: #2c3e50;
    margin-bottom: 15px;
}

/* Стили для секции преимуществ */
.aerial-advantages {
    background: rgba(44, 62, 80, 0.85);
    color: white;
    padding: 40px 0;
    margin: 40px 0;
}

.advantage-item {
    text-align: center;
    padding: 20px;
}

.advantage-item i {
    font-size: 2.5rem;
    margin-bottom: 15px;
    color: #3498db;
}

/* Стили для галереи работ */
.aerial-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
}

.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    height: 250px;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.gallery-item:hover img {
    transform: scale(1.05);
}

/* Адаптивность */
@media (max-width: 768px) {
    #aerialPhotoSlider .carousel-item {
        height: 400px;
    }
    
    .aerial-header {
        padding: 20px 0;
    }
    
    .aerial-header h1 {
        font-size: 1.8rem;
    }
    
    .aerial-gallery {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    }
}

/* Анимации для элементов */
.fade-in {
    opacity: 0;
    animation: fadeIn 1s ease-in forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
} 
.index-section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 50px 0;  /* вертикальные отступы для секций */
    overflow: hidden; /* предотвращает горизонтальный скролл */
}