/*
Theme Name: SpbRefChild
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* =========================================================
   RefKont: Porto Steps (Elementor widget a0eaab4)
   Ровные карточки + читабельность на синем фоне
   ========================================================= */

.elementor-element-a0eaab4 .porto-process.process-horizontal{
  /* на всякий случай — чтобы элементы ровно тянулись */
  display: flex;
  align-items: stretch;
  gap: 22px;
}

/* каждый шаг как "карточка" одинаковой высоты */
.elementor-element-a0eaab4 .process-step{
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 0;
}

/* круг с номером */
.elementor-element-a0eaab4 .process-step-circle{
  width: 52px;
  height: 52px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;

  /* под синий фон */
  background: rgba(255,255,255,.15);
  border: 2px solid rgba(255,255,255,.35);

  /* убрать пляску/смещения */
  margin: 0 auto 14px auto;
}

.elementor-element-a0eaab4 .process-step-circle-content{
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
}

/* контент шага — делаем одинаковую высоту и выравнивание */
.elementor-element-a0eaab4 .process-step-content{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
}

/* блок описания — выравнивание по вертикали */
.elementor-element-a0eaab4 .process-step-desc{
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* заголовок шага */
.elementor-element-a0eaab4 .process-step-desc h4{
  margin: 0 0 10px 0;
  color: #fff;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.25;

  /* фиксируем высоту заголовка чтобы все было ровно */
  min-height: 46px; /* ~2 строки */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* текст шага */
.elementor-element-a0eaab4 .process-step-desc p{
  margin: 0;
  color: rgba(255,255,255,.82);
  font-size: 14px;
  line-height: 1.55;

  /* перебиваем inline style text-align:left */
  text-align: center !important;

  /* чтобы блоки текста выглядели одинаково */
  flex: 1 1 auto;
}

/* убираем span inline font-size, пусть будет единообразно */
.elementor-element-a0eaab4 .process-step-desc p span{
  font-size: inherit !important;
}

/* горизонтальные линии между шагами (если Porto рисует псевдоэлементы/бордеры) */
.elementor-element-a0eaab4 .process-step:before,
.elementor-element-a0eaab4 .process-step:after{
  border-color: rgba(255,255,255,.35) !important;
}

/* если Porto использует отдельные линии — подстрахуем любые hr/line элементы */
.elementor-element-a0eaab4 .process-line,
.elementor-element-a0eaab4 .process-step-line{
  background: rgba(255,255,255,.35) !important;
}

/* адаптив: на узких экранах складываем в колонку */
@media (max-width: 1024px){
  .elementor-element-a0eaab4 .porto-process.process-horizontal{
    flex-wrap: wrap;
  }
  .elementor-element-a0eaab4 .process-step{
    flex: 1 1 calc(50% - 22px);
  }
}

@media (max-width: 640px){
  .elementor-element-a0eaab4 .porto-process.process-horizontal{
    gap: 16px;
  }
  .elementor-element-a0eaab4 .process-step{
    flex: 1 1 100%;
  }
  .elementor-element-a0eaab4 .process-step-desc h4{
    min-height: 0;
  }
}

.elementor-element-503cfdc .toggle > label::before {
  font-size: 40px !important;
}
.custom-faqs .toggle {
  padding-bottom: 0px !important;
}

/* =========================================================
   Steep White — Porto Steps
   Универсальный класс для ровных шагов на тёмном фоне
   ========================================================= */

.steep-white .porto-process.process-horizontal{
  display: flex;
  align-items: stretch;
  gap: 22px;
}

/* каждый шаг */
.steep-white .process-step{
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* круг с номером */
.steep-white .process-step-circle{
  width: 52px;
  height: 52px;
  border-radius: 50%;
  margin-bottom: 14px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,.15);
  border: 2px solid rgba(255,255,255,.4);
}

.steep-white .process-step-circle-content{
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
}

/* контент шага */
.steep-white .process-step-content{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.steep-white .process-step-desc{
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}

/* заголовок шага — фиксируем высоту */
.steep-white .process-step-desc h4{
  margin: 0 0 10px 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;

  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* описание шага */
.steep-white .process-step-desc p{
  margin: 0;
  color: rgba(255,255,255,.85);
  font-size: 14px;
  line-height: 1.55;

  text-align: center !important; /* перебиваем inline */
  flex: 1;
}

.steep-white .process-step-desc span{
  font-size: inherit !important;
}

/* линии между шагами */
.steep-white .process-step:before,
.steep-white .process-step:after{
  border-color: rgba(255,255,255,.35) !important;
}

/* fallback для любых линий Porto */
.steep-white .process-line,
.steep-white .process-step-line{
  background: rgba(255,255,255,.35) !important;
}

/* ===== Адаптив ===== */
@media (max-width: 1024px){
  .steep-white .porto-process.process-horizontal{
    flex-wrap: wrap;
  }
  .steep-white .process-step{
    flex: 1 1 calc(50% - 22px);
  }
}

@media (max-width: 640px){
  .steep-white .porto-process.process-horizontal{
    gap: 16px;
  }
  .steep-white .process-step{
    flex: 1 1 100%;
  }
  .steep-white .process-step-desc h4{
    min-height: auto;
  }
}

.elementor-element-67da09f h2 {
	color: #fff !important;
	text-align: center !important;
	margin-top: 35px;
	
}

.page-top {
  background-image: url('https://ref-kont-spb.ru/wp-content/uploads/2026/01/slide-1.webp') !important;
}


.porto-tb-item span.porto-heading, .porto-tb-item  .porto-tb-meta, .single-post .meta-author, .single-post .meta-comments {
	display: none !important;
}