.feedback-swiper {
    padding-bottom: 50px;
       position: relative;

}

.feedback-swiper .swiper-slide {
    height: auto; /* чтобы карточки были одинаковой высоты */

}
.feedback-swiper .team__inner {
    padding: 10px

}
.feedback-swiper .team__item {
    height: 100%;
}

/* Скрываем стрелки на мобильных */
@media (max-width: 767px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}

/* Стилизуем стрелки */
.feedback-swiper  .swiper-button-next,
.feedback-swiper  .swiper-button-prev {
    width: 40px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.5) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
   /* margin-top: 0 !important;*/
    margin-bottom: 15px
}

/* Стрелка влево */
.feedback-swiper .swiper-button-prev::after {
    content: '\f053' !important; /* fa-chevron-left */
    font-family: 'Font Awesome 6 Pro' !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #776644FF !important;
}

/* Стрелка вправо */
.feedback-swiper  .swiper-button-next::after {
    content: '\f054' !important; /* fa-chevron-left */
    font-family: 'Font Awesome 6 Pro' !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #776644FF !important;
}

/* Hover эффект */
.feedback-swiper  .swiper-button-next:hover,
.feedback-swiper  .swiper-button-prev:hover {
    background: #fff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

/* Делаем wrapper flex-контейнером, чтобы слайды растягивались */
.feedback-swiper .swiper-wrapper {
    align-items: stretch;
}

/* Каждый слайд - тоже flex, чтобы контент заполнял всю высоту */
.feedback-swiper .swiper-slide {
    display: flex;
    height: auto;
}

/* Карточка команды растягивается на всю высоту слайда */
.feedback-swiper .team__item {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.feedback-swiper .swiper-button-prev {
    left: 10px;
}

.feedback-swiper .swiper-button-next {
    right: 10px;
}

.feedback-swiper .team__inner {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Изображение занимает доступное пространство */
.feedback-swiper .thumb {
    flex: 1;
    display: flex;
    overflow: hidden;
}

.feedback-swiper .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* обрезает изображение, сохраняя пропорции */
}

/* Текст прижимается к низу */
.feedback-swiper .text {
    margin-top: auto;
}

/* Базовые стили шапки — добавляем плавную анимацию */
.header__bottom {
    background: #F8F5F0;
    background-color: rgb(248, 245, 240);
    transition: transform 0.35s ease; /* плавное движение */
}

/* Когда шапка прилипла — утапливаем её, оставляя 5px снизу */
.header__bottom.header-fixed {
    top: 0;
    width: 100% !important;
    position: fixed;
    max-width: inherit;
    z-index: 99999;

    box-shadow: 1px 1px 11px 3px rgba(215, 215, 215, 0.7);
    transform: translateY(calc(-100% + 15px)); /* прячем всё, кроме 5px */
}

/* При наведении — шапка выезжает */
.header__bottom.header-fixed:hover {
    transform: translateY(0);
}

/* Расширяем зону наведения, чтобы было удобно целиться мышкой */
.header__bottom.header-fixed::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;   /* невидимая зона 20px ниже полоски */
    height: 25px;
}

p {
    margin-bottom: 15px
}

.request--contactus {
background: #764;
color: #fff

}

.request--contactus  h3,  .request--contactus  p {
   color: #fff 
}
.request--contactus .custom-btn {
   background: #fff;
   color: #764;

}
a.white-link {
    color: #fff;
}

.pay-container {
   
}
.blog__inner .content .text ul.list-group.tariff-options {
    width: 100%;
    gap: 0px;

}
.blog__inner .content .text ul.list-group.tariff-options>li  {
    width: 100%
}

.tariff-btn {
    position: absolute;
    bottom: 10px;
   
}
.bg-brown {
    background-color: #764;
}
.content.bg-white.h-100 {
    position: relative;

}
.content.bg-white.h-100>.text {
    padding-bottom: 50px;

}
#display-tariff-name {
    font-size: 20px;
    font-weight: bold;
}

/* Контейнер для слоев эффекта - на весь слайд */
.spotlight-slide {
    position: relative;
    /* Убираем инлайновый background-size и пр., переносим сюда */
    background: none !important; /* Отключаем стандартный фон слайда */
    overflow: hidden;
}

.spotlight-layers {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Фон под контентом */
    pointer-events: none; /* Чтобы слои не перехватывали клики */
}

/* Общий стиль для обоих слоев фона */
.spotlight-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/home-3/banner/bg.jpg'); /* ТВОЯ КАРТИНКА */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Размытый слой */
.spotlight-blurred {
   filter: blur(10px);
   transform: scale(1.2); /* Компенсируем "съедание" краев */
   transform-origin: center center;
   will-change: transform;
}

.spotlight-blurred::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(127, 101, 71, 0.6); /* Лёгкий оверлей */
}
/* Четкий слой с "вырезанным" кругом */
.spotlight-clear {
    clip-path: circle(150px at 50% 50%); /* Начальная позиция - центр */
}

/* Контент баннера - поверх фона */
.banner__content {
    position: relative;
    z-index: 10; /* Выше, чем слои фона */
}

/* Кнопки должны быть кликабельными */
.bannerbtn a {
    pointer-events: auto;
}

.img_footer>img {

    opacity: 0.3;
}

/* Адаптив: на мобильных отключаем эффект */
@media (max-width: 768px) {
    .spotlight-blurred {
        /* Оставляем и усиливаем размытие */
        filter: blur(10px);
        transform: scale(1.2);
    }
    
    /* Полностью скрываем слой с "окном" на мобильных */
    .spotlight-clear {
        display: none;
    }
    
    /* Опционально: можно добавить лёгкое затемнение для читаемости текста */
    .spotlight-blurred::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(127, 101, 71, 0.5); /* Лёгкий оверлей */
    }
}