/* /* .w-html{
	font-size: 12px;
} */

.breadcrumb_last {
    font-size: 12px;
}

/* а это — для ссылок типа "Главная" рядом с ним */
.breadcrumb_last ~ span a,
.breadcrumb_last ~ a {
    font-size: 12px;
}


/* Меняем размер всему хлебному пути */
span:has(> .breadcrumb_last) {
    font-size: 12px; /* нужный размер */
}




a.w-nav-anchor{
	display: flex;
  justify-content: space-between;
}

.w-nav-anchor.level_2{
	text-align: left;
}

div .w-nav-list.level_3{
	
  text-align: left!important;
}

/* Мобильное меню: общие стили */
@media (max-width: 768px) {
	.footer-rating__inner {
    padding: 0!important;
	}
	
.w-nav-anchor level_1{
	flex-direction: column;
  justify-content: left;
  text-align: left;
}
    /* Задаём контейнер мобильного меню (уточни класс, если нужно) */
    .mobile-menu .menu-item,
    .main-navigation .menu-item,
    .menu .menu-item {
        text-align: left;
    }

    /* Строка: слева текст, справа иконка раскрытия */
    .menu-item-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .menu-item-row > a {
        flex: 1;
        text-align: left;
    }

    /* Кнопка раскрытия справа */
    .submenu-toggle {
        background: none;
        border: none;
        padding: 0 10px;
        cursor: pointer;
        line-height: 1;
    }

    /* Простейшая "стрелочка" (можешь заменить на SVG/иконку шрифта) */
    .submenu-toggle::before {
        content: "▾";
        display: inline-block;
        transition: transform 0.2s ease;
    }

    .submenu-open > .menu-item-row > .submenu-toggle::before {
        transform: rotate(180deg);
    }

    /* Прячем подменю по умолчанию */
    .mobile-menu .sub-menu,
    .main-navigation .sub-menu,
    .menu .sub-menu {
        display: none;
    }

    /* На случай если JS отключён – чтобы хоть как-то работало */
    .no-js .sub-menu {
        display: block;
    }
	
	
	
}
.mobile-contacts-block {
	display:none;
}

@media (max-width: 768px) {
	
.contacts a.w-nav-anchor.level_1{
	flex-direction: column;
}

	.w-nav.type_mobile .w-nav-anchor:not(.w-btn) {
  line-height: 1.6em;
  padding: 3px 0!important;
  transition: none;
}
	.w-nav-title{
		width: 100%;
  text-align: left;
  font-size: 16px;
	}
.mobile-contacts-block {
	display: block;
    max-width: 420px;
    margin: 0 auto;
    padding: 16px 16px 24px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    background-color: #ffffff;
    color: #1c1c1c;
}

/* Верхнее меню */

.mobile-menu {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 16px;
}

.mobile-menu__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 8px 0;
    border: none;
    background: none;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #152742; /* тёмно-синий как на скрине */
    cursor: pointer;
}

.mobile-menu__item--active {
    cursor: default;
}

.mobile-menu__item--active .mobile-menu__title {
    color: #152742;
}

/* стрелка-иконка */
.mobile-menu__arrow {
    width: 14px;
    height: 14px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    transform: rotate(45deg);
}

/* Контакты */

.contacts__group {
    margin-bottom: 12px;
}

.contacts__title {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 2px;
}

.contacts__text {
    font-size: 14px;
    line-height: 1.4;
}

/* Для мобилок можно добавить */


    .mobile-contacts-block {
        padding: 12px 12px 20px;
    }

    .mobile-menu__item {
        font-size: 14px;
    }

    .contacts__text,
    .contacts__title {
        font-size: 14px;
		text-align: left;
		z-index: 1000;
        display: block;
        position: relative;
    }
}

/* ==== Блок рейтинга в футере ==== */
.footer-rating {
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
    font-size: 14px;
}

.footer-rating__inner {
    max-width: 1200px;
    margin: 0 auto;
        padding: 0;
    display: flex;
    gap: 5px;
    flex-direction: column;
}

.footer-rating__title {
   font-size: 14px;
    color: #ddd;
    text-align: left;
}

.footer-rating__content {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.footer-rating__stars {
    display: inline-flex;
    gap: 4px;
    font-size: 18px;
    line-height: 1;
}

.footer-rating__star {
    color: #cccccc; /* серая звезда */
}

.footer-rating__star--active {
    color: #ffc107; /* «жёлтая» активная звезда, можно подправить под фирменный */
}

.footer-rating__value {
    font-weight: 500;
	color:#ddd;
}

.footer-rating__count {
    margin-left: 5px;
    color: #777777;
    font-weight: 400;
}

/* Мобильная версия: заголовок и звёзды друг под другом */
@media (max-width: 767px) {
    .footer-rating__inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-rating__title {
        font-size: 15px;
    }

    .footer-rating__content {
        flex-direction: row;
        align-items: center;
    }

    .footer-rating {
        text-align: left;
    }
}

.w-html.us_custom_b7261ad8{
	padding: 30px 0;
}


.wpcf7 form input[type="submit"].is-loading,
.wpcf7 form button[type="submit"].is-loading {
    position: relative;
    opacity: 0.7;
    pointer-events: none; /* блокируем клики */
}

.wpcf7 form input[type="submit"].is-loading,
.wpcf7 form button[type="submit"].is-loading {
    opacity: 0.9;
    cursor: default;
    pointer-events: none;
    animation: cf7-pulse 0.9s ease-in-out infinite;
}

@keyframes cf7-pulse {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 139, 255, 0.4);
    }
    70% {
        transform: scale(1.02);
        box-shadow: 0 0 0 8px rgba(0, 139, 255, 0);
    }
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(0, 139, 255, 0);
    }
}


.cf7-rating-stars {
    display: inline-flex;
    gap: 4px;
    cursor: pointer;
}

.cf7-rating-stars .cf7-star {
    font-size: 28px;
    color: #ccc; /* серые звезды по умолчанию */
    transition: color 0.2s;
}

/* активные (выбранные или подсвеченные) звезды */
.cf7-rating-stars .cf7-star.active {
    color: #ffc107; /* жёлтый/золотой */
}

/* скрываем select CF7 */
.cf7-rating-select {
    display: none !important;
}

/*
.cf7-rating-stars {
    display: inline-flex;
    flex-direction: row-reverse; 
    gap: 4px;
    cursor: pointer;
}

.cf7-star {
    font-size: 28px;
    color: #ccc; 
    transition: color 0.2s;
}


.cf7-star.active {
    color: #ffc107;
}


.cf7-rating-stars:hover .cf7-star {
    color: #ccc;
}


.cf7-rating-stars .cf7-star:hover,
.cf7-rating-stars .cf7-star:hover ~ .cf7-star {
    color: #ffc107;
} */


.cf7-rating-block{
	background: #eee;
  padding: 5px 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}


/* порядок справа налево (5 слева, 1 справа) */
.cf7-rating-stars{
  display:inline-flex;
  flex-direction:row-reverse;
  gap:4px;
  cursor:pointer;
}

.cf7-rating-stars .cf7-star{
  display:inline-block;
  font-size:28px;
  line-height:1;
  color:#ccc;
  transition:color .2s;
}

/* hover: подсветить от 1 до наведённой */
.cf7-rating-stars:hover .cf7-star{ color:#ccc; }

.cf7-rating-stars:has(.cf7-star[data-value="1"]:hover) .cf7-star[data-value="1"],
.cf7-rating-stars:has(.cf7-star[data-value="2"]:hover) .cf7-star[data-value="1"],
.cf7-rating-stars:has(.cf7-star[data-value="2"]:hover) .cf7-star[data-value="2"],
.cf7-rating-stars:has(.cf7-star[data-value="3"]:hover) .cf7-star[data-value="1"],
.cf7-rating-stars:has(.cf7-star[data-value="3"]:hover) .cf7-star[data-value="2"],
.cf7-rating-stars:has(.cf7-star[data-value="3"]:hover) .cf7-star[data-value="3"],
.cf7-rating-stars:has(.cf7-star[data-value="4"]:hover) .cf7-star[data-value="1"],
.cf7-rating-stars:has(.cf7-star[data-value="4"]:hover) .cf7-star[data-value="2"],
.cf7-rating-stars:has(.cf7-star[data-value="4"]:hover) .cf7-star[data-value="3"],
.cf7-rating-stars:has(.cf7-star[data-value="4"]:hover) .cf7-star[data-value="4"],
.cf7-rating-stars:has(.cf7-star[data-value="5"]:hover) .cf7-star{
  color:#ffc107;
}



.faq-section{
  margin:100px 0 0 0;
}
.faq-section h2{
  text-align:center;
  font-family:'Arsenal',sans-serif;
  margin-bottom:30px;
  font-size:32px;
}

/* карточка */
.faq-item{
  border:1px solid #e5e5e5;
  border-radius:0;
  overflow:hidden;
  margin:0 0 18px;
  background:#fff;
}

/* шапка */
.faq-item-header{
  background:#f3f3f3;
  padding:22px 28px;
  cursor:pointer;
  margin:0;              /* убрать ваши margin-top/margin-bottom */
  font-family:'Roboto',sans-serif;
}

/* строка вопроса */
.faq-question{
  margin:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

/* текст вопроса (красный, крупный, жирный) */
.faq-question__text{
  color: #000;
  font-size: 20px;
  line-height: 1.25;
  font-family: var(--font-h2);
  font-weight: 600;
  letter-spacing: -0.03em;
}

/* стрелка справа — рисуем “шеврон” через бордеры */
.faq-question__arrow{
  width:10px;
  height:10px;
  flex:0 0 10px;
  position:relative;
}
.faq-question__arrow::before{
  content:"";
  position:absolute;
  inset:0;
  border-right:2px solid #e30613;
  border-bottom:2px solid #e30613;
  transform:rotate(45deg);          /* закрыто: вниз */
  transition:transform .2s ease;
}

/* раскрыто: вверх */
.faq-item.active .faq-question__arrow::before{
  transform:rotate(-135deg);
}

/* ответ */
/* .faq-answer-wrapper{
  max-height:0;
  overflow:hidden;
  transition:max-height .25s ease;
  padding:0 28px;                   
}
.faq-answer{
  padding:18px 0 26px;
  margin:0;
 font-family: var(--font-body);
  font-size: 20px;
  line-height: 28px;
  font-weight:400;
  color:#111;
  cursor:default;                  
} */

/* ответ 
.faq-answer-wrapper{
  max-height:0;
  overflow:hidden;
  transition:max-height .35s ease; 
  padding:0 28px;                  
}*/

.faq-answer-wrapper{
  max-height: 0;
  overflow: hidden;

  /* пружинка именно на раскрытие по высоте */
  transition: max-height .55s cubic-bezier(.34, 1.56, .64, 1);
  padding: 0 28px;
}

.faq-answer{
  padding: 18px 0 26px;
  margin: 0;
  font-family: var(--font-body);
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  color: #111;

  /* “дорогой” эффект: контент чуть проявляется и поднимается */
  opacity: 0;
  transform: translateY(-6px);
  transition:
    opacity .22s cubic-bezier(.2, 1, .3, 1),
    transform .35s cubic-bezier(.2, 1, .3, 1);
}

/* когда открыт пункт — показываем контент */
.faq-item.active .faq-answer{
  opacity: 1;
  transform: translateY(0);
}



/* активное состояние 
.faq-item.active .faq-answer-wrapper{
  max-height:100%;                 
}
*/

/* Переносим блок автора (w-hwrapper) вверх, перед рейтингом и текстом */
.w-grid-item-h {
  display: flex;
  flex-direction: column;
}

.w-grid-item-h > .w-hwrapper { order: 1; }
.w-grid-item-h > .w-vwrapper { order: 2; }


html .layout_testimonial_6 .usg_vwrapper_2 {
  padding: 10px 2.5rem 2rem 2.5rem !important;
}