/*
Theme Name: Reboot Child
Theme URI: https://wpshop.ru/themes/reboot
Author: WPShop.biz
Author URI: http://wpshop.biz/
Template: reboot
Version: 1.0.0
*/

/* Below you can add your CSS styles */
/* Ниже Вы можете добавить свои CSS стили */
/* ================================================================================== */
/* ========== start - ОБЩИХ СВОЙСТВ ДЛЯ ВСЕХ КАСТОМНЫХ СТРАНИЦ [ЛЭНДИНГОВ] ========== */
/* ================================================================================== */

/* >>>>> Начало блоков первого экрана во всех кастомных страницах <<<<< */
/* Группа блоков первого экрана во всех кастомных страницах */
/* ================================================================================== */
/* ========== start - ОБЩИХ СВОЙСТВ ДЛЯ ВСЕХ КАСТОМНЫХ СТРАНИЦ [ЛЭНДИНГОВ] ========== */
/* ================================================================================== */
/* свойства гипперссылок на всем сайте */
a {
    text-decoration: none;
		color: #215387;
		transition: all 0.3s ease;
}
a:hover {
	color: #000 !important;
}
/* >>>>> Начало блоков первого экрана во всех кастомных страницах <<<<< */
/* Группа блоков первого экрана во всех кастомных страницах */
.first-screen-group {
    background: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/-%D0%97%D0%BD%D0%B0%D0%BA%D0%BE%D0%BC%D1%8B%D0%B9-%D0%AE%D1%80%D0%B8%D1%81%D1%82-%D0%B3%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F-%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86%D0%B0-%D0%BA%D0%BE%D0%BC%D0%BF%D0%B0%D0%BD%D0%B8%D0%B8-jpg.webp');
    padding-top: 10px;
    padding-bottom: 40px;
    background-size: cover;
    background-position: right bottom;
    background-repeat: no-repeat;
    border-radius: 0px 0px 10px 0px;
}

/* Группа блоков первого экрана для мобильных во всех кастомных страницах */
@media (max-width: 767px) {
    .first-screen-group {
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.9), rgba(0, 8, 0, 0.1)),
        url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/DSC08849-scaled.webp');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        padding: 0px;
        color: #fff;
        text-shadow: 0px 0px 5px black;
        font-size: 18px;
        box-shadow: inset 0 0 4px black;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Заголовок призыва к действию на первом экране во всех кастомных страницах */
.h2-first-screen {
    font-size: 36px;
}

/* Заголовок призыва к действию для мобильных на первом экране во всех кастомных страницах */
@media (max-width: 767px) {
    .h2-first-screen {
        font-size: 30px;
        margin: 30px;
        padding-top: 20px;
        padding-left: 20px !important;
        padding-right: 20px !important;
        text-shadow: 0px 0px 5px black;
    }
}

/* Кнопка призыва к действию на первом экране во всех кастомных страницах */
.btn-first-screen {
    padding-left: 30px;
    transition: transform 0.5s ease;
}

/* Кнопка призыва к действию на первом экране при наведении для всех кастомных страниц */
.btn-first-screen:hover,
.btn-first-screen:active {
    transform: scale(1.1);
}

/* Кнопка призыва к действию на первом экране для мобильных во всех кастомных страницах */ 
@media (max-width: 767px) {
    .btn-first-screen {
        padding-left: 0px;
        padding-bottom: 10px;
        width: 100%;
        font-size: 17px;
        transform: none;
        align-items: center;
        text-align: center;
        display: flex; 
        justify-content: center;
    }
}
/* >>>>> Конец блоков первого экрана во всех кастомных страницах <<<<< */

/* H2 подзаголовок для призывов к действию во всех кастомных страницах */
.h2-call-title {
    margin-top: 50px;
    margin-bottom: 40px;
    font-size: 36px;
}

/* H2 подзаголовок для призывов к действию для мобильных во всех кастомных страницах */ 
@media (max-width: 767px) {
    .h2-call-title {
        font-size: 30px;
        padding: 20px;
        margin-bottom: 0px;
    }
}

/* H2 заголовок перед разделами во всех кастомных страницах */
.h2-custom-title {
    font-size: 34px;
    margin-top: 100px;
}

/* H2 заголовок перед разделами для мобильных во всех кастомных страницах */ 
@media (max-width: 767px) {
    .h2-custom-title {
        font-size: 24px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Задаем отступы для колонок с wpstories и поисковиком для всех кастомных страниц */
.wpstories-and-search_widget-columns {
    margin-top: 30px;
    margin-bottom: 20px;
}

/* Поисковик внутри в custom-wp-block-search_column во всех кастомных страницах */
.custom-wp-block-search_column .custom-wp-block-search__button {
    margin-left: auto;
    position: right;
    margin-top: 50px;
}

/* Скрываем поисковик внутри в custom-wp-block-search_column на мобильных во всех кастомных страницах */ 
@media (max-width: 767px) {
    .custom-wp-block-search_column .custom-wp-block-search__button {
        display: none;
    }
}

/* >>>>> Начало группы блоков с 2-мя колонками [1 - текст, 2- фото Олега] для всех кастомных страниц <<<<< */
/* Колонка с шириной в 66%с текстом во всех кастомных страницах  */
.custom-column-66 {
    margin-top: 10px !important;
}

/* Колонка с шириной в 66% с текстом для мобильных во всех кастомных страницах */
@media (max-width: 767px) {
    .custom-column-66 {
        margin: 0px !important;
        padding: 20px;
        padding-top: 0px;
    }
}

/* Убираем отступ у заголовка h2-custom-title внутри колонки шириной в 66% во всех кастомных страницах */
.custom-column-66 .h2-custom-title {
    margin: 0px !important;
    padding: 0px;
    padding-bottom: 10px;
}

/* Колонка с шириной в 33% с фото Олега во всех кастомных страницах */
.custom-column-33-oleg-photo {
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.6);
    background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2025/02/Сальников-Олег-у-входа-scaled.webp');
    background-size: cover;
    background-position: left 35%;
    background-repeat: no-repeat;
    border-radius: 10px;
    margin-top: 10px !important;
    margin-bottom: 50px !important;
    margin-left: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 440px;
    padding-bottom: 0px;
}

/* Колонка с шириной в 33% с фото Олега для мобильных во всех кастомных страницах */
@media (max-width: 767px) {
    .custom-column-33-oleg-photo {
        margin: 0px;
        border-radius: 0px;
    }
}

/* Текст внутри колонки на фоне фотографии Олега во всех кастомных страницах*/
.title-on-custom-column-33-oleg-photo,
.text-on-custom-column-33-oleg-photo {
    color: #fff;
    font-size: 18px;
    text-shadow: 0px 0px 3px black;
    padding-left: 30px;
    background-color: rgba(0, 0, 0, 0.55);
    padding: 10px;
    padding-left: 30px;
}

.text-on-custom-column-33-oleg-photo {
    font-size: 16px;
    font-weight: normal;
    color: #ececec;
}
/* >>>>> Конец группы блоков с 2-мя колонками [1 - текст, 2- фото Олега] для всех кастомных страниц <<<<< */

/* Свойства группы с квизом внутри всех кастомных страниц */
.custom-quizle-group {
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 2px #4a4a4a60;
    background-image:
        url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2025/03/favicon-fff-png.webp'),
        linear-gradient(200deg, #21538710, #fff) !important;
    background-position: 95% 45%, center !important;
    background-size: 500px, cover;
    background-repeat: no-repeat;
}

/* Добавляем белый фон для полей квиза */
.quizle-answer {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

/* Меняем отступы на мобильных внутри группы квиза для всех кастомных страниц */
@media (max-width: 767px) {
    .custom-quizle-group {
        padding: 20px !important;
        border-radius: 0px;
    }
}

/* Колонки с блоками преимущества внутри во всех кастомных страницах */
.advantages-columns {
    margin-bottom: 90px;
}

/* Блоки с преимуществами во всех кастомных страницах */
.advantages-column {
    background: conic-gradient(from -120deg, #fff, #21538712);
    border: 3px solid #215387;
    border-radius: 10px;
    padding: 30px;
}

/* Блоки с преимществами для мобильных для всех кастомных страниц */ 
@media (max-width: 767px) {
    .advantages-column {
        margin: 10px !important;
    }
}

/* >>>>> Начало обложки с коллективным фото во всех кастомных страницах <<<<< */
/* Виджет обложки во всех кастомных страницах */ 
.img-company-photo {
    position: relative;
    border-radius: 10px;
    height: 550px;
    margin-top: 100px;
    margin-bottom: 100px;
}
/*  Виджет обложки для мобильных во всех кастомных страницах */
@media (max-width: 767px) {
    .img-company-photo {
        border-radius: 0px;
        padding-left: 10px;
        padding-top: 10px;
        height: 450px;
    }
}
/* Заголовок внутри обложки во всех кастомных страницах */
.h2-company-photo {
	text-shadow: 0px 0px 8px black;
	position: absolute; /* для относительного позиционирования */
	left: 70px; /* Расстояние слева для ПК */
}
/* Заголовок внутри обложки для мобильных во всех кастомных страницах */
@media (max-width: 767px) {
    .h2-company-photo {
		font-size: 24px !important;
		left: 30px;
		margin-top: 30px !important;
    }
}
/* Кнопка призыва внутри обложки во всех кастомных страницах */
.btn-company-results a {
	position: relative;
	top: 400px;
	left: 70px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff; 
	font-size: 18px !important;
    border-radius: 5px;
    text-shadow: 0px 0px 7px black; 
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    transition: background-color 0.3s, text-shadow 0.3s, color 0.3s;
}
/* при наведении или клике */
    .btn-company-results a:hover,
    .btn-company-results a:focus {
        background-color: #ffffff; 
        color: #215387;
        text-shadow: none;
}
/* Кнопка призыва внутри обложки для мобильных во всех кастомных страницах */ 
@media (max-width: 767px) {
    .btn-company-results a {
				position: relative;
        top: 320px;
        left: 30px;
   }
}
/* >>>>> Конец обложки с коллективным фото во всех кастомных страницах <<<<< */
/* >>>>> Начало группы блоков с результатами во всех кастомных страницах <<<<< */
/* Группа блоков с результатами внутри во всех кастомных страницах */
.custom-results-group {
  position: relative;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 8, 0, 0.3)),
    url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/DSC08849-scaled.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 40% 90%;
	padding: 90px;
	margin-bottom: 90px;
    border-radius: 10px;
    padding-top: 50px;
    padding-bottom: 100px;
	box-shadow: inset 0px 0px 2px 0px rgba(10, 10, 10, 0.9);
}
/* Группа блоков с результатами внутри во всех кастомных страницах для мобильных */
@media (max-width:767px) {
    .custom-results-group {
	    padding-top: 10px;
	    padding-right: 20px;
	    border-radius: 0px;
      padding-left: 5px;
	}
}
/* Кнопка внутри блоков с результатами во всех кастомных страницах */
.custom-results-group
.btn-company-results a {
	top: 40px;
	left: 0px;
}
/* Кнопка внутри блоков с результатами во всех кастомных страницах для мобильных */
@media (max-width: 767px) {
    .custom-results-group
    .btn-company-results a {
			top: 40px;
			left: 10px;			
    }
}
/* >>>>> Конец группы блоков с результатами во всех кастомных страницах <<<<< */
/* >>>>> Начало блоков с отзывами и промо 2Гис и Я.Карт во всех кастомных страницах <<<<< */
/* промо html виджетов с оценками 2Гис и Я.Карт во всех кастомных страницах */
.custom-yandex-widget-min,
.custom-dublgis-widget-min {
    border-radius: 5px;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.8);
}

/* Скрываем на ПК промо html виджетов с оценками 2Гис и Я.Карт во всех кастомных страницах */
@media (min-width: 767px) {
    .custom-review-column-min,
    .custom-yandex-widget-min,
    .custom-dublgis-widget-min {
        display: none;
    }
}

/* Добавляем отступ к колонке с промо 2Гис и Я.Карт во всех кастомных страницах */
@media (max-width: 767px) {
    .custom-review-column-min {
        margin-bottom: 90px;
    }
}

/* Добавляем к ПК html виджету с отзывами из 2Гис и Я.Карт отступ снизу для всех кастомных страниц */
.custom-yandex-dublgis-widget-columns {
    margin-bottom: 90px;
}

/* Скрываем на мобильных html виджет с отзывами из 2Гис и Я.Карт во всех кастомных страницах */
@media (max-width: 767px) {
    .custom-yandex-dublgis-widget-columns {
        display: none !important;
    }
}

/* Колонки с html виджетами с отзывами из 2Гис и Я.Карт во всех кастомных страницах */
.custom-yandex-widget-column,
.custom-dublgis-widget-column {
    margin-bottom: 20px;    
    padding-top: 0px;
}

/* Html виджеты с отзывами из 2Гис и Я.Карт во всех кастомных страницах */
.custom-yandex-widget-big,
.custom-dublgis-widget-big {
    padding-top: 0px;
    max-height: 600px;
    border-radius: 10px;
    box-shadow: none !important;
}

/* Задали свойства html виджету с отзывами из 2Гис как html виджету с отзывами от Я.Карт во всех кастомных страницах */
.custom-dublgis-widget-big {
    border: 1px solid #cecfd290;
}
/* >>>>> Конец блоков с отзывами и промо 2Гис и Я.Карт во всех кастомных страницах <<<<< */

/* >>>>> Начало блоков с видео и местоположением во всех кастомных страницах <<<<< */
/* Html виджет с видео о компании во всех кастомных страницах */
.video-home-page {
    height: 550px;
    width: 100%;
    border-radius: 10px;
}

/* Html виджет с видео о компании во всех кастомных страницах для мобильных*/
@media (max-width: 767px) {
    .video-home-page {
        height: 400px;
    }
}

/* Html виджет с местополжением в Я.Картах во всех кастомных страницах */
.maps-home-page {
    width: 100%;
    height: 400px;
    max-height: 400px;
    border-radius: 10px;
    box-shadow: 0px 0px 1px black;
}

/* Общее отображение maps-home-page и video-home-page на мобильных во всех кастомных страницах */
@media (max-width: 767px) {
    .maps-home-page,
    .video-home-page {
        height: 250px;
        border-radius: 0px;
        margin-bottom: 50px;
    }
}
/* >>>>> Конец блоков с видео и местоположением во всех кастомных страницах <<<<< */

/* >>>>> Начало блоков последнего призыва к действию во всех кастомных страницах <<<<< */
/* Группа последнего призыва к действию всех кастомных страниц */
.end-home-page {
    background: conic-gradient(from 60deg, #fff, #21538712);
    margin-top: 100px;
    margin-bottom: 100px;
    border-radius: 10px;
    padding-top: 40px;
    padding-bottom: 30px;
    box-shadow: 0 0 3px;
}

/* Группа последнего призыва к действию всех кастомных страниц для мобильных */ 
@media (max-width: 767px) {
    .end-home-page {
        border-radius: 0px;
    }
}

/* Текст (не заголовок) внутри последней группы призыва к действию во всех кастомных страницах */ 
.p-end-home-page {
    color: #5b5b5c;
    padding-left: 250px;
    padding-right: 250px;
    margin-bottom: 40px;
}

/* Текст (не заголовок) для мобильных внутри последней группы призыва к действию во всех кастомных страницах */
@media (max-width: 767px) {
    .p-end-home-page {
        color: #5b5b5c;
        padding: 0px 20px 20px 20px;
        margin-bottom: 10px;
    }
}

/* Кнопки социальных сетей во всех кастомных страницах*/ 
.btn-end-home-page a {
    background-color: transparent;
    border-radius: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50px;
}

/* Кнопка телефона во всех кастомных страницах*/ 
.btn-phone-end-home-page a {
    background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/phone.svg');
}

/* Кнопка телеграма во всех кастомных страницах*/ 
.btn-telegram-end-home-page a {
    background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/telegram.svg');
}

/* Кнопка whatsapp во всех кастомных страницах*/ 
.btn-whatsapp-end-home-page a {
    background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/whatsapp.svg');
}

/* Кнопка вконтакте во всех кастомных страницах*/ 
.btn-vk-end-home-page a {
    background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/vk.svg');
}
/* >>>>> Конец блоков последнего призыва к действию во всех кастомных страницах <<<<< */

/* >>>>> Начало колонок с полезными материалами в конце страницы во всех кастомных страницах <<<<< */
/* Колонки с полезными материалами во всех кастомных страницах */
.useful-posts-column {
    background: conic-gradient(from 220deg, #fff, #21538712);
    border-top: 5px solid #215387; 
    border-radius: 10px; 
    box-shadow: inset 0px 0px 2px 0px rgba(10, 10, 10, 0.9);
    padding: 20px; 
    margin-top: 0px;
}

/* Колонки с полезными материалами для мобильных во всех кастомных страницах */ 
@media (max-width: 767px) {
    .useful-posts-column {
        padding: 15px;
        margin: 10px !important;
    }
}

/* h3 подзаголовок полезеного материала во всех кастомных страницах */
.h3-useful-posts-column {
    margin-bottom: 30px;
    font-size: 18px;
}

/* Кнопка для перехода к материалу во всех кастомных страницах */
.useful-posts-column .button-custom-home-page {
    padding-left: 20px;
    padding-right: 20px;
}
/* >>>>> Конец колонок с полезными материалами в конце страниц во всех кастомных страницах <<<<< */

/* >>>>> Начало группы блоков с картой сайта во всех кастомных страницах <<<<< */
/* Свойства группы для блоков с картой сайта во всех кастомных страницах */
.categories-group {
    background: conic-gradient(from 238deg, #fff, #21538712);
    border-radius: 10px;
    box-shadow: inset 0px 0px 2px 0px rgba(10, 10, 10, 0.9);
    padding-top: 30px;
    margin-bottom: 100px;
    padding-left: 100px;
    padding-right: 100px;
}

/* Свойства группы с картой сайта во всех кастомных страницах */
@media (max-width: 767px) {
    .categories-group {
        border-radius: 0px;
        box-shadow: 0px 0px 2px 0px rgba(10, 10, 10, 0.9);
        padding-right: 10px !important; 
        padding-left: 10px !important;
        margin-top: 0px;
        margin-bottom: 100px;
    }
}

/* Виджет карты сайта во всех кастомных страницах */
.custom-categories-block {
    font-size: 16px !important;
    padding: 0px !important;
    margin: 0px !important;
}

/* Уменьшаем отступы элементов виджета карты сайта на мобильных во всех кастомных страницах */ 
@media (max-width: 767px) {
    .cat-item {
        padding: 0px !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

/* Кнопка поисковика внутри группы с картой сайта во всех кастомных страницах */
.categories-group .custom-wp-block-search__button {
    margin: auto;
    margin-bottom: 50px;
    font-weight: 500;
    font-size: 16px;
}

/* Кнопка поисковика внутри группы с картой сайта для мобильных во всех кастомных страницах */ 
@media (max-width: 767px) {
    .categories-group .custom-wp-block-search__button {
        font-size: 16px;
        padding: 20px;
        max-width: 100%;
        box-sizing: border-box;
    }
}

/* Поле ввода поисковика внутри карты сайта во всех кастомных страницах */
.categories-group .wp-block-search__input {
    background-color: white;
    font-weight: 500;
    font-size: 16px;
}

/* Поле ввода поисковика внутри группы с картой сайта для мобильных во всех кастомных страницах */
@media (max-width: 767px) {
    .categories-group .wp-block-search__input {
        font-size: 14px;
    }
}
/* >>>>> Конец группы блоков с виджетом навигации по сайту для всех кастомных страниц<<<<< */

/* ======================================================================= */
/* ========== end - ОБЩИХ СВОЙСТВ КАСТОМНЫХ СТРАНИЦ [ЛЭНДИНГОВ] ========== */
/* ======================================================================= */

/* ========================================================================= */
/* ========== start - СВОЙСТВА ТЕМЫ ДЛЯ ВСЕГО САЙТА, БЕЗ ИСКЛЮЧЕНИЙ ========== */
/* ========================================================================= */
/* Добавляем снизу внешний отступ 100px */
.add-margin-bottom-100px {
    margin-bottom: 100px;
}

/* >>>>> Начало блоков кастомного меню навигации во всем сайте <<<<< */
/* Блоки кастомного меню во всем сайте */
.wp-block-navigation__responsive-container-content, 
.wp-block-navigation__container, 
.wp-block-navigation__responsive-close {
    font-size: 16px;
    margin: 10px !important;
}

/* Скрываем крастомное меню на мобильных во всем сайте */
@media (max-width: 767px) {
    .wp-block-navigation {
        display: none;
    }
}

/* Задаем ширину, отступы и ... для меню навигации во всем сайте */
.wp-block-navigation-item__label, 
.wp-block-navigation-item__link {
    width: 400px;
    padding: 10px;
		color: white;
}

/* Задаем отступы для дочерних элементов меню навигации во всем сайте */
.wp-block-navigation-item__content {
    padding: 0px;
    margin: 0px;
}

/* Задаем нижние скругления для меню навигации во всем сайте */
.wp-block-navigation {
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 20px;
}
/* >>>>> Конец блоков кастомного меню навигации во всем сайте <<<<< */

/* Добавляем иконку в кнопку для скачивания файлов во всем сайте */
.download-icon-for-bottom {
    background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/08/иконка-перехода-белая-200x200-1.png');
    background-repeat: no-repeat;
    background-position: left 15px top 15px;
    background-size: 25px 25px; 
    width: 100%;
    border-radius: 7px;
}

/* Меняем отступы в подвале для мобильных для всего сайта */ 
@media (max-width: 767px) {
    .footer-info {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

/* Кнопки социальных сетей в подвале для мобильных во всем сайте */
@media (max-width: 767px) {
    .site-footer .social-links {
        margin: 20px;
        padding-bottom: 20px;
    }
}

/* Добавлям скругления СНИЗУ слева и справа для fixed меню во всем сайте */ 
.site-navigation-fixed {
    border-radius: 0px 0px 10px 10px !important;
}

/* Добавлям скругления СВЕРХУ слева и справа для основного меню во всем сайте */
.main-navigation {
    border-radius: 10px 10px 0px 0px;
}
/* Баннер на сайдбаре во всем сайте */
#banner400x300 {
    width: 300px;
    height: 400px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

/* >>>>> Начало блоков с ЧаВо во всем сайте <<<<< */
/* Группа (оболочка) ЧаВо во всем сайте */
.custom-faq-group {
    padding: 30px; 
    padding-top: 0px;
}

/* Группа (оболочка) для мобильных во всем сайте */ 
@media (max-width: 767px) {
    .custom-faq-group {
        padding: 10px;
    }
}

/* Виджет ЧаВо во всем сайте */
.custom-faq {
    font-size: 16px;
    box-shadow: 0px 2px 2px 0px #21538740;
    border-bottom: solid  #21538720 1px;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 10px;
    color: #0f3763;
    font-weight: bold;
    /* background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/arrow-square-right-svgrepo-com.svg'); 
    background-repeat: no-repeat;
    background-position: left 5px top 6px;
    background-size: 30px 30px; 
    padding-left: 40px; */
    background-color: #ffffff; 
}

/*.custom-faq[open] {
    color: #215387;
    background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/arrow-square-down-right-svgrepo-com.svg');
} */

/* Раскрывающийся текст в виджете ЧаВо [ответ] во всем сайте */
.inside-custom-faq-text {
    padding-top: 20px;
    font-size: 16px;
    font-weight: 500;
    color: black;
}
/* >>>>> Конец блоков с ЧаВо во всем сайте <<<<< */

/* >>>>> Начало поискового виджета во всем сайте <<<<< */
/* поисковое поле ввода поисковика во всем сайте */
.wp-block-search__input {
    margin-top: 10px;
    background-color: #f6f6f6;
    border-radius: 5px;
    box-shadow: inset 0px 0px 2px 0px rgba(10, 10, 10, 0.2);
    padding-left: 35px;
    /* background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/08/лупа.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 18px 18px;*/
    cursor: pointer;
}

/* Кнопка поисковика во всем сайте */ 
.wp-block-search__button {
    margin-top: 9px;
    border-radius: 5px;
    background-color: #215387;
    color: #f5f5f5;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer;
    transition: background-color 0.5s;
}

/* Кнопка поиска при наведении во всем сайте */
.wp-block-search__button:hover {
    background-color: #3d6aac;
}
/* >>>>> Конец поискового виджета во всем сайте <<<<< */

/* Добавляем тень для кнопок во всем сайте */
.wp-block-button {
    text-shadow: 0px 0px 2px black;
}

/* Отсутствие тени во всем сайте */
.no_shadow {
    text-shadow: none;
}

/* >>>>> Начало добавления псевдотени для сторис на мобильных во всем сайте <<<<< */
@media (max-width: 767px) {
    .js-wpstories-group-wrap {
        position: relative;
    }
}

@media (max-width: 767px) {
    .js-wpstories-group-wrap::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 10px;
        height: 100%;
        background: linear-gradient(to right, rgba(204, 67, 60) 50%, rgba(255, 255, 255, 1) 50%);
        z-index: 1;
        pointer-events: none;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        overflow: hidden;
    }
}
/* >>>>> Конец добавления псевдотени для сторис на мобильных во всем сайте <<<<< */

/* Мобильный баннер Popup по автокредиту */
#modal_mypopup_d72b69c8e37aec662e13e39d929d6e3d {
    padding-bottom: 100px;
}

/* Добавляем margin-top:100px для мобильных */ 
@media (max-width: 767px) {
    .custom-margin-top-100px {
        margin-top:100px;
    }
}

/* Добавляем увеличение при наведении на 10% во всем сайте */ 
.custom-botton-transform-1_1 a {
    display: inline-block;
    transition: transform 0.3s ease;
}

/* при наведении */ 
.custom-botton-transform-1_1 a:hover {
    transform: scale(1.1);
}

/* Убираем фон у мобильного баннера по автокредиту */
#mypopup_d72b69c8e37aec662e13e39d929d6e3d {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* wpremark на всем сайте */
.wpremark {
    border: none !important;
    border-radius: 10px !important;
    background: conic-gradient(from -100deg, #f6f6f6, #21538715) !important;
    background-color: transparent !important;
    box-shadow: inset 0px 0px 2px 0px rgba(10, 10, 10, 0.3) !important;
}

/* >>>>> Начало свойств RSS ленты с результатами во всем сайте <<<<< */
.wpra-item {
    background-color: #f6f6f6 !important;
    border-radius: 5px;
    padding: 10px;
    transition: background-color 0.3s, color 0.3s;
    box-shadow: inset 0px 0px 1px 0px rgba(10, 10, 10, 0.3);
    margin-bottom: 20px !important;
}

.wpra-item a {
    transition: color 0.3s;
}

.wpra-item:hover,
.wpra-item:active {
    background-color: #dedede !important;
    color: #616161 !important;
}

.wpra-item:hover a,
.wpra-item:active a {
    color: #000 !important;
}
/* ======================================================================== */
/* ========== end -  СВОЙСТВА ТЕМЫ ВО ВСЕМ САЙТЕ, БЕЗ ИСКЛЮЧЕНИЙ ========== */
/* ======================================================================== */

/* ============================================================== */
/* ========== start - ГЛАВНАЯ СТРАНИЦА - [page-id-347] ========== */
/* ============================================================== */
/* >>>>>> все свойства ниже используются исключительно на главной странице <<<<<<<  */
/* Уменьшаем отступ темы на мобильных на главной */ 
@media (max-width: 767px) {
    body.page-id-347 .content-area,
    body.page-id-347 .site-content,
    body.page-id-347 .container {
        padding: 0px;
    }
}

/* Скрыли разделитель на главной */
body.page-id-347 .page-separator, 
body.page-id-347 .header-separator { 
    display: none;
}

/* Показали wpstories в контенте на главной */
body.page-id-347 .entry-content .js-wpstories-group-wrap {
    display: block;
}

/* Скрыли wpstories в шапке на главной */ 
body.page-id-347 .js-wpstories-group-wrap {
    display: none;
}

/* Скрыли основное меню на ПК, оставляя только для мобильных на главной */
@media (min-width: 767px) {
    body.page-id-347 #header_menu {
        display: none;
    }
}

/* Кастомная кнопка на главной */
.button-custom-home-page a {
    padding-left: 40px;
    background-color: #215387;
    border-radius: 5px;
    color: white;
    font-size: 16px;
    transition: background-color 0.5s;
    background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/08/иконка-перехода-белая-200x200-1.png');
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 16px 16px;
    transition: background-color 0.3s, color 0.3s;
}

/* Кастомная кнопка при наведении на главной */
.button-custom-home-page a:hover {
    background-color: #3d6aac;
    color: #fff;
}

/* Кастомная кнопка для мобильных на главной */ 
@media (max-width: 767px) {
    .button-custom-home-page a {
        font-size: 15px;
    }
}

/* Блок отслеживания своего дела на главной */
.track-case-culomn {
    background: conic-gradient(from -100deg, #fff, #21538712);
    border: 3px solid #215387;
    border-radius: 10px;
    padding: 25px;
    margin-top: 60px;
    padding-left: 70px;
    padding-right: 70px;
}

/* Блок отслеживания своего дела для мобильных на главной*/ 
@media (max-width: 767px) {
    .track-case-culomn {
        margin: 10px;
        margin-top: 40px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 10px;
    }
}

/* Кнопка отлеживания своего дела на главной */
.track-case-culomn .button-custom-home-page {
    padding-top: 50px;
}

/* Кнопка отлеживания своего дела для мобильных */
@media (max-width: 767px) {
    .track-case-culomn .button-custom-home-page {
        padding: 0px;
    }
}

/* >>>>> Начало группы блоков с услугами компании на главной <<<<< */
/* Группа блоков с услугами на главной */
.our-services-group {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 8, 0, 0.0)),
    url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/DSC08847-scaled.webp');
    background-size: cover; 
    background-position: center; 
    display: flex;
    justify-content: center; 
    align-items: center; 
    padding-top: 50px;
    padding: 30px;
    border-radius: 10px;
    box-shadow: inset 0px 0px 2px 0px rgba(10, 10, 10, 0.9);
    margin-top: 60px;
    margin-bottom: 100px;
}

/* Группа блоков с услугами для мобильных на главной */ 
@media (max-width: 767px) {
    .our-services-group {
        padding: 15px;
        margin: 0px;
        margin-top: 150px;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.0)),
        url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/DSC08847-scaled.webp');
        border-radius: 0px;
    }
}

/* Колонки внутри группы с услугами на главной */
.our-services-column {
    padding: 20px;
    background: conic-gradient(from -126deg, #fff, #ececec);
    box-shadow: inset 0px 0px 2px 0px rgba(10, 10, 10, 0.9);
    border-radius: 10px;
}

/* Колонки внутри группы с услугами для мобильных на главной */ 
@media (max-width: 767px) {
    .our-services-column {
        padding: 15px;
        margin: 0px;
        margin-top: 40px;
    }
}

/* Заголовок перед колонками с услугами на главной */
.h2-our-services {
    font-size: 36px;
    margin: 20px;
    padding-bottom: 40px;
    color: white;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);
}

/* Заголовок перед колонками с услугами для мобильных на главной */ 
@media (max-width: 767px) {
    .h2-our-services {
        font-size: 24px;
        padding-left: 10px;
        margin: 0px;
    }
}

/* Подзаголовок внутри колонок с услугами на главной */
.h3-our-services-column {
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 10px;
}

/* Подзаголовок внутри колонок с услугами для мобильных на главной */ 
@media (max-width: 767px) {
    .h3-our-services-column {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* Кнопка внутри колонки с услугами на главной */
.our-services-column .button-custom-home-page { 
    padding-top: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 30px;
}
/* >>>>> Конец группы блоков с услугами компании на главной <<<<< */
/* >>>>>> все свойства выше используются исключительно на главной странице <<<<<<<  */
/* ======================================================== */
/* ========== END ГЛАВНАЯ СТРАНИЦА [page-id-347] ========== */
/* ======================================================== */

/* ============================================= */
/* ========== КОНТАКТЫ [page-id-9337] ========== */
/* ============================================= */
/* >>>>>> все свойства ниже используются исключительно на странице контактов <<<<<<< */
/* Добавляем отступы в странице контактов для мобильных */ 
@media (max-width: 767px) {
    body.page-id-9337 .content-area,
    body.page-id-9337 .site-content,
    body.page-id-9337 .container {
        padding: 0px;
    }
}

/* Колонки с текстовой информацией о компании на странце контактов */
.contacts-about-company-column {
    background: conic-gradient(from -120deg, #fff, #21538712);
    margin-top: 10px;
    border-radius: 10px;
    padding-top: 40px;
    padding: 30px;
    box-shadow: 0 0 3px;
    height: 400px;
}

/* Колонки с текстовой информацией о компании на странце контактов для мобильных */ 
@media (max-width: 767px) {
    .contacts-about-company-column {
        margin: 10px;
    }
}

/* Колонка с iframe Я.Картой на странце контактов */
.contacts-iframe-map-company-location-column {
    margin: 10px !important;
}

/* Html виджет с iframe Я.Картой на странце контактов */
.contacts-iframe-map-company-location {
    width: 100%; 
    height: 400px !important; 
    border-radius: 10px;
    box-shadow: 0 0 3px;
}

/* Html виджет с iframe Я.Картой на странце контактов для мобильных */  
@media (max-width: 767px) {
    .contacts-iframe-map-company-location {
        width: 100%; 
        height: 300px !important;
        max-height: 300px !important;
    }
}
/* >>>>>> все свойства выше используются исключительно на странице контактов <<<<<<<  */
/* ============================================= */
/* ========== end - КОНТАКТЫ [page-id-9337] ========== */
/* ============================================= */

/* ========================================================= */
/* ========== start - ДОКУМЕНТАЦИЯ [page-id-25962] ========== */
/* ========================================================= */
/* >>>>>> все свойства ниже используются исключительно на странице с документацией <<<<<<< */
/* Добавляем отступы в странице с документацией для мобильных */ 
@media (max-width: 767px) {
    body.page-id-25962 .content-area,
    body.page-id-25962 .site-content,
    body.page-id-25962 .container {
        padding: 0px;
    }
}
/* ======================================================== */
/* ========== end - ДОКУМЕНТАЦИЯ [page-id-25962] ========== */
/* ======================================================= */
/* >>>>>> все свойства выше используются исключительно на странице с документацией <<<<<<<  */

/* ====================================================================== */
/* ========== start - ЛЕНДИНГ ПО АВТОКРЕДИТУ - [page-id-26131] ========== */
/* ====================================================================== */
/* >>>>>> все свойства ниже используются исключительно на странице с лендинга по автокредиту <<<<<<<  */
/* Задаем отступы для мобильных на лендинге по автокредиту */ 
@media (max-width: 767px) {
    body.page-id-26131 .content-area,
    body.page-id-26131 .site-content,
    body.page-id-26131 .container {
        padding: 0px;
    }
}

/* Скрываем раздеоить на лендинге по автокредиту  */
body.page-id-26131 .page-separator, 
body.page-id-26131 .header-separator { 
    display: none;
}

/* Показывакем wpstories В КОНТЕНТЕ на лендинге по автокредиту  */
body.page-id-26131 .entry-content .js-wpstories-group-wrap {
    display: block;
}

/* Скрываем wpstories в шапке на лендинге по автокредиту  */ 
body.page-id-26131 .js-wpstories-group-wrap {
    display: none;
}

/* Скрываем основное меню на ПК, чтобы показывать только на мобильных на лендинге по автокредиту */
@media (min-width: 767px) {
    body.page-id-26131 #header_menu {
        display: none;
    }
}

/* Заголовок первого экрана на лендинге по автокредиту */
body.page-id-26131 .h2-first-screen {
    font-size: 40px;
    margin-top: 40px;
}

/* Заголовок первого экрана на лендинге по автокредиту */ 
@media (max-width:767px) {
    body.page-id-26131 .h2-first-screen {
        font-size: 28px;
    }
}

/* Кастомный wpremark на лендинге по автокредиту */
body.page-id-26131 .wpremark-custom {
    margin-bottom: 100px !important;
    margin-top: 50px !important;
}

/* Скрываем иконку wpremark на мобильных на лендинге по автокредиту */
@media (max-width: 460px) {
    body.page-id-26131 .wpremark-icon {
        display: none;
    }
}
/* >>>>>> все свойства выше используются исключительно на странице с лендинга по автокредиту <<<<<<<  */
/* ====================================================================== */
/* ========== end - ЛЕНДИНГ ПО АВТОКРЕДИТУ - [page-id-26131] ========== */
/* ====================================================================== */

/* ====================================================================== */
/* ========== start - ПЕСОЧНИЦА - [page-id-34602] ========== */
/* ====================================================================== */
/* >>>>>> все свойства ниже используются исключительно на странице песочницы <<<<<<<  */
/* Задаем отступы для мобильных на песочнице */ 
@media (max-width: 767px) {
    body.page-id-34602 .content-area,
    body.page-id-34602 .site-content,
    body.page-id-34602 .container {
        padding: 0px;
    }
}

/* Скрываем раздеоить на песочнице */
body.page-id-34602 .page-separator, 
body.page-id-34602 .header-separator { 
    display: none;
}

/* Показывакем wpstories В КОНТЕНТЕ на песочнице */
body.page-id-34602 .entry-content .js-wpstories-group-wrap {
    display: block;
}

/* Скрываем wpstories в шапке на песочнице  */ 
body.page-id-34602 .js-wpstories-group-wrap {
    display: none;
}

/* Скрываем основное меню на ПК, чтобы показывать только на мобильных на песочнице */
@media (min-width: 767px) {
    body.page-id-34602 #header_menu {
        display: none;
    }
}

/* Заголовок первого экрана песочницы */
body.page-id-34602 .h2-first-screen {
    font-size: 40px;
    margin-top: 40px;
}

/* Заголовок первого экрана песочницы */ 
@media (max-width:767px) {
    body.page-id-34602 .h2-first-screen {
        font-size: 28px;
    }
}
/* >>>>>> все свойства выше используются исключительно на странице ПЕСОЧНИЦА <<<<<<<  */
/* ====================================================================== */
/* ========== end - ПЕСОЧНИЦА - [page-id-34602] ========== */
/* ====================================================================== */

/* ============================================================== */
/* ========== start - ЛЕНДИНГ ПО БФЛ - [page-id-33034] ========== */
/* ============================================================== */
/* >>>>>> все свойства ниже используются исключительно на странице лендинга по БФЛ <<<<<<<  */
/* Задаем отступы для мобильных на лендинге по БФЛ */ 
@media (max-width: 767px) {
    body.page-id-33034 .content-area,
    body.page-id-33034 .site-content,
    body.page-id-33034 .container {
        padding: 0px;
    }
}

/* Скрываем разделительна лендинге по БФЛ */
body.page-id-33034 .page-separator, 
body.page-id-33034 .header-separator { 
    display: none;
}

/* Показываем wpstories в контенте на лендинге по БФЛ */
body.page-id-33034 .entry-content .js-wpstories-group-wrap {
    display: block;
}

/* Скрываем wpstories в шапке на лендинге по БФЛ */ 
body.page-id-33034 .js-wpstories-group-wrap {
    display: none;
}

/* Скрываем основное меню на ПК, оставляе только для мобильных на лендинге по БФЛ  */
@media (min-width: 767px) {
    body.page-id-33034 #header_menu {
        display: none;
    }
}

/* Заголовок первого экрана на лендинге по БФЛ */
body.page-id-33034 .h2-first-screen {
    font-size: 40px;
    margin-top: 40px;
}

/* Заголовок первого экрана для мобильных на лендинге по БФЛ */
@media (max-width:767px) {
    body.page-id-33034 .h2-first-screen {
        font-size: 28px;
    }
}

/* Скрываем иконку wpremark на мобильных на лендинге по БФЛ */
@media (max-width: 460px) {
    body.page-id-33034 .wpremark-icon {
        display: none;
    }
}

/* Местоположение на карте на лендинге по БФЛ */
.maps-landing {
    width: 100%;
    height: 400px;
    border-radius: 10px;
    box-shadow: 0px 0px 1px black;
}

/* Стоковый wpremark на лендинге по БФЛ */
body.page-id-33034 .wpremark {
    border: none;
    border-radius: 10px;
    background: conic-gradient(from -100deg, #f6f6f6, #21538715);
    box-shadow: inset 0px 0px 2px 0px rgba(10, 10, 10, 0.3);
}

/* Кастомный wpremark на лендинге по БФЛ */
body.page-id-33034 .wpremark-custom {
    margin-bottom: 100px;
    margin-top: 50px;
}

/* wpremark на странице БФЛ для мобильных */
@media (max-width: 460px) {
    body.page-id-33034 .wpremark-custom {
        border-radius: 0px;
        padding-top: 40px;
    }
}
/* >>>>>> все свойства выше используются исключительно на странице лендинга по БФЛ <<<<<<<  */
/* ============================================================== */
/* ========== start - ЛЕНДИНГ ПО БФЛ - [page-id-33034] ========== */
/* ============================================================== */

/* group-with-text - ГРУППА БЛОКОВ С ТЕКСТОВЫМ СОДЕРЖИМЫМ */
.group-with-text {
    padding: 20px;
    margin-top: 0px;
}

/* video-and-maps-columns - КОЛОНКИ С ВИДЕО И КАРТОЙ */
.video-and-maps-columns {
    margin-top: 70px;
}

/* ========================================================= */
/* ========== start - СВОЙСТВ ЭЛЕМЕНТОВ В ЗАПИСЯХ ========== */
/* ========================================================= */
/* h2 заголовок в записях для мобильных */
@media (max-width:767px) {
    .custom-call-title-on-posts {
        font-size: 20px; 
    }
}

/* Свойства группы с квизом внутри всех записей */
.custom-quizle-group-in-posts {
    margin: 0px;
    padding: 0px 20px 0px 30px;
    border-radius: 10px;
    border: 1px solid #cecfd290;
    background-image:
        url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2025/03/favicon-fff-png.webp'),
        linear-gradient(200deg, #21538710, #fff) !important;
    background-position: 95% 45%, center !important;
    background-size: 300px, cover;
    background-repeat: no-repeat;
}

/* Меняем отступы на мобильных внутри группы квиза для всех записей */
@media (max-width: 767px) {
    .custom-quizle-group-in-posts {
        padding: 20px !important;
        margin: 50px 0px 50px 0px;
    }
}

/* Задаем размер загоаловка квиза внутри группы квиза для всех записей */
.custom-quizle-group-in-posts .quizle-image-screen__title {
    font-size: 22px !important; 
}

/* Колонки с преимуществами в записях */
.advantages-column-on-post {
    background: linear-gradient(180deg, #21538712, #fff) !important;
    border: 1px solid #cecfd290;
    border-radius: 10px;
    padding: 30px; 
}

/* Колонки с преимуществами в записях для мобильных */
@media (max-width: 767px) {
    .advantages-column-on-post {
        margin: 0px;
    }
}

/* Видео о нас в записях */
.video-about-us-on-posts {
    width: 100%;
    height: 340px;
    border-radius: 10px; 
}

/* Видео о нас в записях для мобильных */
@media (max-width: 767px) {
    .video-about-us-on-posts {
        height: 300px;
        border-radius: 0px;
    }
}

/* Местоположение на карте в записях */ 
.maps-on-posts {
    width: 100%;
    height: 400px;
    border-radius: 10px;
    box-shadow: 0px 0px 1px black;
}

/* >>>>> Начало группы блоков с призывом к действию в записях <<<<< */
.group_banner {
    padding: 30px 20px 10px 20px;
    border-radius: 10px;
    background-image: conic-gradient(from -113deg, #fff, #21538712);
    border: 1px solid #cecfd290;
}

/* кнопка призыва внутри группы в записях */
.btn-inside-group {
    transition: transform 0.4s ease;
    box-shadow: 2px 2px 5px #4a4a4a40;
    border-radius: 5px;
}

/* так же кнопка призыва внутри группы в записях но с тегом "а" */
.btn-inside-group a {
    background-color: #215387 !important;
    color: #f1f1f1 !important;
}

/* кнопка призыва внутри группы при наведении */
.btn-inside-group:hover {
    transform: scale(0.95); 
}

/* Кнопки соцальных сетей в группе призыва в записях */
.min-btn-inside-group_banner a {
    background-color: transparent;
    border-radius: 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
}

/* свойства виджета кнопок социалных сетей в группе призыва в записях */
.bottoms-min-btn-inside-group_banner {
    gap: 0px;
}

/* Кнопка телефона в группе призыва в записях */
.btn-phone-inside-group_banner a {
    background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/phone-215387-on-FFF-gzip.png');
}

/* Кнопка телеграмма в группе призыва в записях */
.btn-telegram-inside-group_banner a {
    background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/telegram.svg');
}

/* Кнопка whatsapp в группе призыва в записях */
.btn-whatsapp-inside-group_banner a {
    background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/whatsapp.svg');
}

/* Кнопка вконтакте в группе призыва в записях */
.btn-vk-inside-group_banner a {
    background-image: url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/vk.svg');
}
/* >>>>> Конец группы блоков с призывом к действию в записях <<<<< */

/* >>>>> Начало группы с кейсами в записях <<<<< */
/* Группа с кейсами в записях */ 
.custom-results-group-on-posts {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 8, 0, 0.3)), url('https://xn----7sbugdfoflxmm5ixb.xn--p1ai/wp-content/uploads/2024/09/DSC08849-scaled.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 40% 90%;
    margin-bottom: 100px;
    padding-left: 25px;
    padding-right: 40px;
    padding-top: 30px;
    border-radius: 10px;
    box-shadow: inset 0px 0px 2px 0px rgba(10, 10, 10, 0.9);
}

/* Группа блоков в постах для мобильных в записях */
@media (max-width:767px) {
    .custom-results-group-on-posts {
        padding: 15px;
        padding-right: 30px;
        margin: 0px;
        margin-bottom: 100px;
    }
}

/* Кнопка со ссылкой на все результаты в записях */
.btn-company-results-on-posts a {
    background-color: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    border-radius: 5px;
    margin-left: 35px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-shadow: 0px 0px 7px black; 
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
    transition: background-color 0.3s, text-shadow 0.3s, color 0.3s;
    font-size: 18px;
}

/* Кнопка со ссылкой на все результаты при наведении или клике */
.btn-company-results-on-posts a:hover,
.btn-company-results-on-posts a:focus {
    background-color: #ffffff; 
    color: #215387;
    text-shadow: none;
}

/* H2 заголовок внутри группы с кейсами в записях */
.custom-results-group-on-posts .custom-call-title-on-posts {
    color: white;
    text-shadow: 0px 0px 2px black;
}

/* H2 заголовок для ссылки [с тегом "a"!] в группе с кейсами в записях */
.custom-results-group-on-posts .custom-call-title-on-posts a {
    color: #215387;
    background-color: #fff; 
    border-radius: 5px;
    padding: 1px 10px;
    display: inline-block;
    text-shadow: none;
}
/* >>>>> Конец группы с кейсами в записях <<<<< */
/* ======================================================= */
/* ========== end - СВОЙСТВ ЭЛЕМЕНТОВ В ЗАПИСЯХ ========== */
/* ======================================================= */