.doc-section.doc-section-close {background: #e6e6e6;}

body .row  .betterdocs-searchform .betterdocs-search-field {
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 23px;
  padding: 0px 0px 0px 5px;
}
body .row   .betterdocs-searchform svg.docs-search-icon {
  width: 28px;
  height: auto;
  margin: 0;
}
body .row  .betterdocs-searchform {
  background: #FFFFFF;
  width: 100%;
  height: auto;
  border-radius: 13px 13px 13px 13px;
}
body .row  .betterdocs-searchform .search-submit {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 4px;
  background-color: #B85450;
  border-radius: 11px 11px 11px 11px;
  padding: 8px 10px 8px 10px;
}
body .row   .betterdocs-popular-search-keyword .popular-search-title {
  color: #5D7F99;
  font-size: 16px;
}

body .row  .betterdocs-popular-search-keyword .popular-keyword {
  background-color: #5D7F99;
  color: #E6E6E6;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #DDDEFF;
}
body .row  .betterdocs-popular-search-keyword .popular-keyword:hover,
body .row  .betterdocs-searchform .search-submit:hover {
  background-color: #23445D;
}
.betterdocs-wrapper.sidebar-toc-enable{
  background: #e6e6e6;
  margin-top: 70px;
  margin-bottom: 0px;
  padding: 0px;
}
.betterdocs-wrapper.sidebar-toc-enable .left-section, .betterdocs-wrapper.sidebar-toc-enable .right-section{
  padding: 10px;
}

body  .betterdocs-wrapper.sidebar-toc-enable .betterdocs-search-form-wrapper{
  padding: 10px 10px 10px 10px;
  margin: 0px 0px 20px 0px;
  background-color: #BAC8D3;
  border: 2px solid #5D7F99 ;
  border-radius: 25px ;
}

.betterdocs-category-header .betterdocs-category-header-inner{
padding: 0 !important;
border:0 !important;
}
.betterdocs-category-collapse {
 display:none!important;
}

body .row   .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header:hover{
background-color: #5d7f99 !important;
    border-color: #b85450 !important;
    border-bottom: 0 !important;
}

body .row   .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header:hover {
  background-color: #5d7f99 !important;
  border-color: #b85450 !important;
  border-bottom: 0 !important;
}

body .row  .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header .betterdocs-category-header-inner .betterdocs-category-items-counts span{
  color: #5D7F99
}
body .row  .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header:hover .betterdocs-category-title a,
body .row  .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header:hover .betterdocs-category-header-inner .betterdocs-category-items-counts span,
body .row  .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header:hover .betterdocs-category-title a {
  color:#fff!important;
}

body .row .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header:hover .betterdocs-category-title{
  color:#fff!important;
}
body .row   .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-category-header:hover .betterdocs-category-items-counts,
body .row   .betterdocs-sidebar.betterdocs-sidebar-layout-1 .betterdocs-sidebar-content .betterdocs-single-category-wrapper.active .betterdocs-single-category-inner .betterdocs-category-header:hover .betterdocs-category-items-counts {
  background-color: #23445D !important;
}
.betterdocs-wrapper.sidebar-toc-enable .center-section{
  padding: 10px 0 0 0;
}
.betterdocs-wrapper.sidebar-toc-enable .center-section.cat-arhives{
  padding: 10px 0 10px 0;
}

.docs-center-column{
  background-color: #23445D;
  border: 2px solid#5D7F99;
  border-radius: 25px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5) inset;
  padding: 0 5px 5px;
}
.betterdocs-wrapper.sidebar-toc-enable.guide-section {
  background: #23445d;
  margin-top: 0;
  padding-top: 80px;
  padding-bottom: 10px;
}

.docs-center-widget-wrap.docs-center-widget-wrap--populated{
  background-color: #5D7F99;
  border: 2px solid #BAC8D3;
  border-radius: 20px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5) inset;
  padding: 0 5px 5px;
}
.tool-levels-extended-professional-tools {
  background-color: #B6D3FF;
  border:2px solid #BAC8D3;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5) inset;
  padding: 0px 5px 5px;
}
.docs-center-con.docs-center-con-boxed.docs-center-con--classic{
  background-color: #D4E1F5;
  border: 2px solid #BAC8D3;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5) inset;
  padding: 0 5px 5px;
  border-radius:20px;
}

.doc-section.doc-section-close .docs-center-con-inner{
  background-color: #FFFEFE;
  border:2px solid #BAC8D3;
  border-radius: 13px 13px 13px 13px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
  padding: 10px;
}
.doc-section.doc-section-close .betterdocs-single-wrapper .betterdocs-content-area,
.doc-section.doc-section-close .betterdocs-content-area .betterdocs-content-inner-area
{padding: 0;}
.doc-section.doc-section-close .betterdocs-article-reactions {
  background-color: #F2F3F6;
  margin: 0px 0px 0px 0px;
  border: 2px solid #BAC8D3;
  border-radius: 20px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
}


.docs-center-top.docs-center-top--tool-guide,
.docs-center-top.docs-center-top--project-steps,
.docs-center-top.docs-center-top--stage,
.docs-center-link-card.docs-center-link-card--tool-levels{
  padding: 5px;
}
 .docs-center-top.docs-center-top--project-steps.cat-ck-block{
  position: relative;   /* обов’язково для z-index */
  z-index: 20;
  margin-bottom: -30px;
  display: flex;
  width: 80%;
}

.docs-center-widget-wrap.docs-center-widget-wrap--populated{
  position: relative;
  z-index: 1;
}
.docs-center-link-card.docs-center-link-card--tool-guide,
.docs-center-link-card.docs-center-link-card--project-steps,
.docs-center-link-card.docs-center-link-card--stage,
.docs-center-link-card.docs-center-link-card--tool-levels{
  display: flex;
  align-items: center;
}
.docs-center-link-card__icon svg {
  width: 18px;
  height: 18px;
}
.docs-center-link-card.docs-center-link-card--tool-guide .docs-center-link-card__icon{
  padding: 0px 5px 0px 15px;
}
.docs-center-link-card.docs-center-link-card--project-steps .docs-center-link-card__icon,
.docs-center-link-card.docs-center-link-card--tool-levels .docs-center-link-card__icon{
    padding: 0px 5px 0px 35px;
}
.docs-center-link-card.docs-center-link-card--stage .docs-center-link-card__icon, 
.tool-levels-extended-professional-tools  .docs-center-link-card__icon{
    padding: 0px 5px 0px 55px!important;
}
.docs-center-link-card.docs-center-link-card--tool-guide svg,
.docs-center-link-card.docs-center-link-card--project-steps svg,
.docs-center-link-card.docs-center-link-card--tool-levels svg{
  fill: #fff;
}
.docs-center-link-card.docs-center-link-card--stage svg,
.tool-levels-extended-professional-tools svg
{
  fill: #0C343D !important;
}
.docs-center-link-card__label{
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 18px;
  font-weight: 500;
  color:#fff;
}
.docs-center-link-card.docs-center-link-card--stage .docs-center-link-card__label, 
.tool-levels-extended-professional-tools  .docs-center-link-card__label {
 color:#0C343D;
}

.docs-center-link-card.docs-center-link-card--tool-guide .docs-center-link-card__label:hover,
.docs-center-link-card.docs-center-link-card--project-steps .docs-center-link-card__label:hover,
.docs-center-link-card.docs-center-link-card--stage .docs-center-link-card__label:hover,
.right-section .toc-list.betterdocs-hierarchial-toc a:hover,
body .doc-section .betterdocs-articles-list li a:hover,
body .doc-section .betterdocs-single-category-wrapper .betterdocs-single-category-inner .betterdocs-articles-list li a:hover{
  color:#b85450 !important;
}
.doc-section.doc-section-close .betterdocs-single-wrapper .docs-single-title .betterdocs-entry-title {
  text-transform: none;
  color: #23445D;
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
  padding: 0;
  margin: 0 auto;
  letter-spacing: 0;
  text-align: center;
}

.docs-navigation a svg {
    fill: #b85450;
    min-width: 35px;
    width: 35px;
}

.betterdocs-entry-footer .betterdocs-entry-footer {
    margin: 0;
}

.betterdocs-entry-footer .betterdocs-social-share {
    margin-top: 20px;
}

.betterdocs-entry-footer .feedback-update-form {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}
.betterdocs-entry-footer .feedback-update-form .update-date{
    font-style: normal;
    color: #000;
}

/* Sticky block: tracker + toc */
.docs-right-sticky{
	position: sticky;
	top: calc(80px + var(--wp-admin--admin-bar--height, 0px));
	align-self: flex-start; 
  z-index: 100;
  margin-bottom: 20px;
}
.docs-scrolling-tracker{
  position: relative;
  background-color: #BAC8D3;
  padding: 10px 10px 10px 10px;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #5D7F99;
  border-radius: 25px 25px 25px 25px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
  margin: 0 0 20px;
}

.docs-scrolling-tracker .current-progress{
  position: relative;
  height: 22px;
  border-radius: 999px;
  overflow: hidden;
  background: #dfe6ee;
}

.docs-scrolling-tracker .current-progress-percentage{
  position: relative;
  height: 100%;
  background: #5D7F99;
  border-radius: 999px;
  transition: width 80ms linear;
}

/* Базовий стан тексту всередині бара */
.docs-scrolling-tracker .current-progress-text{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  font-weight: 700;
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
  pointer-events: none;
  transition: left 0.2s linear, right 0.2s linear, opacity 0.2s linear;
}

/* 1) СТАРТ: текст за межами бара і невидимий */
.docs-scrolling-tracker.pct-before .current-progress-text{
  left: -40px;      /* можеш зробити -100px, якщо хочеш “далі” */
  right: auto;
  opacity: 0;       /* головне – не видно */
  color: #23445D;
}

/* 2) ВСЕРЕДИНІ БАРА (з’являється зліва, їде разом із заливкою) */
.docs-scrolling-tracker.pct-inside .current-progress-text{
  right: 10px;
  opacity: 1;
  color: #fff;
}

/* 3) Коли бар вже широкий – тримаємо ближче до правого краю */
.docs-scrolling-tracker.pct-inside-big .current-progress-text{
  right: 10px;
  left: auto;
}

/* Опційно: якщо десь захочеш повністю ховати текст */
.docs-scrolling-tracker.pct-hidden .current-progress-text{
  display: none;
}

.right-section .betterdocs-toc {
  width: 100%;
  background-color: #E6E6E6;
  padding: 10px 10px 10px 10px;
  
}

.row .betterdocs-toc .toc-title {
  color: #23445D;
  font-size: 24px;
  font-weight: 700;
}

.row .betterdocs-toc.toc-list-number ul {
  counter-reset: item;
  list-style-type: disc;
  padding: 0 5px;
}
.row .toc-list.betterdocs-hierarchial-toc {
  max-height: 250px;
  overflow-y: scroll;
  overflow-x: auto;
  margin-top: 20px !important;
}
.row .toc-list.betterdocs-hierarchial-toc a::before {
  content: counters(item, ".") ". ";
  counter-increment: item;
}
.row .toc-list.betterdocs-hierarchial-toc a {
  margin-bottom: 10px !important;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: #5D7F99;
} 

 .pop-list{
  border: 2px solid #5D7F99 !important;
  border-radius: 25px !important;
  background: #E6E6E6;
  overflow: hidden;
  padding: 10px 0px;
  
}

.row .betterdocs-popular-articles-wrapper .betterdocs-popular-articles-heading {
  font-size: 24px;
  font-weight: 700;
  color: #23445D;
  text-align: left;
  padding: 0 10px;
  margin: 0;
}

.row .betterdocs-popular-articles-wrapper .betterdocs-articles-list li a {
  font-size: 16px;
  line-height: 20px;
  color: #5D7F99;
}

.row .betterdocs-popular-articles-wrapper .betterdocs-articles-list li {
  margin: 12px 12px 12px 12px;
}

.row .betterdocs-popular-articles-wrapper .betterdocs-articles-list li svg{
  fill: #5D7F99;
  width: 19px;
  height: 16px;
 }
 .tpm-kb-main-wrap {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 10px 10px;
}

.guide-block{
  background: #bac8d3;
  padding: 10px;

}


.docs-single-title{
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
  color: #23445D;
  font-family: "Roboto Condensed", Sans-serif;
  font-size: 40px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  margin: 0;
}
.docs-single-title svg{
  fill: #23445D;
  margin-right:15px ;

}
.docs-single-title.kb-title{
  color: #E6E6E6;
  margin: 0 0 -30px;
}
.docs-single-title.kb-title-tow {
  color: #E6E6E6;
}
.docs-single-title.kb-title svg, .docs-single-title.kb-title-tow svg{
  fill: #E6E6E6;
}


.betterdocs-wrapper.bc-search_tow {
  background:#e6e6e6;
}

.betterdocs-wrapper.bc-search_to{
  background-color: #23445D;
}

.bc-search_tow .tpm-kb-main-wrap, .bc-search_to  .tpm-kb-main-wrap{
  padding: 20px;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}
.bc-search_tow .tpm-kb-main-wrap .betterdocs-search-form-wrapper{
  margin: 10px 0 20px 0;
  border: 2px solid #5D7F99;
  border-radius: 25px ;
  background-color: #BAC8D3;
  padding: 10px 10px 10px 10px;
}
.bc-search_tow .tpm-kb-main-wrap .cat-list{
  margin: 20px 0 20px 0;
}
.bc-search_tow .tpm-kb-main-wrap .pop-list{
  margin: 20px 0 0px 0;
}

/*  стилі табів */

.tpm-process-steps-tabs__nav {
  display: flex;
  justify-content: end;
  position: relative;
  top: 3px;
}
.tpm-process-step-tab{
  background: transparent !important;
  border: 3px solid #BAC8D3 !important;
  border-radius: 16px 16px 0px 0px;
  color: #b4c5d1;
  padding: 5px 20px;
  display: flex;
  align-items: center;
}
.tpm-process-step-tab.is-active{
  color: #b85450;
  background: #95ADC4 !important;
  border-bottom-color: transparent !important;
  border-bottom-width: 3px !important;
  border-bottom-style: solid !important;
}
.tpm-process-steps-tabs__panes{
  padding: 5px;
  background-color: #95ADC4;
  border: 3px solid #BAC8D3;
  border-radius: 0px 0px 15px 15px;
}

.betterdocs-title-excerpt-lists.cat-kb-steps{
  padding: 20px 0 0;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
}

.betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-single-category-inner{
 background:transparent !important;
 box-shadow: 0 0px 0px 0 #282f6214!important;
}

.betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-category-header {
  border-radius: 13px 13px 13px 13px ;
  margin: 0px 0px 0px 0px;
  background-color: #5D7F99;
  padding: 0px !important;
  box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 50%);
}

.betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-category-header .betterdocs-category-items-counts {
  background-color: #23445D !important;
}
.betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-category-header .betterdocs-category-items-counts span{
  color: #fff !important;
}
body .row .betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header:hover {
  background-color: #D4E1F5 !important;
}
body .row .betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header:hover .betterdocs-category-items-counts{
  background-color: #528ffe1a !important;
}
body .row .betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-category-grid-wrapper .betterdocs-category-grid-inner-wrapper .betterdocs-single-category-wrapper .betterdocs-category-header:hover .betterdocs-category-items-counts span{
  color: #5D7F99!important;
}
.betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-category-header-inner{
  border: 2px solid #BAC8D3 !important;
  padding: 5px 10px !important;
  border-radius: 13px 13px 13px 13px;
}

.betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-category-title a{
  font-family: "Roboto", Sans-serif;
  font-size: 27px;
  font-weight: 500;
  color: #0C343D;
}
.betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-body {
  height: 250px;
  margin-bottom: 20px;
  position: relative;
  overflow: scroll;
  overflow-x: hidden;
  margin: 10px 0px 20px 0px;
  padding: 20px 20px 20px 20px !important;
  box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 50%);
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #5D7F99;
  border-radius: 20px 20px 20px 20px;
}

.betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-body ul {
  padding-right: 15px;
  position: relative;
  width: 100%;
}
.betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-body ul::before {
  content: url(/wp-content/uploads/2022/04/arrows-down.webp);
  position: absolute;
  right: -4px;
  top: -10px;
}
.betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-body ul::after {
  content: url(/wp-content/uploads/2022/04/arrows-down.webp);
  position: absolute;
  right: -4px;
  bottom: -10px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.betterdocs-title-excerpt-lists.cat-kb-steps .betterdocs-single-category-inner .betterdocs-articles-list li a {
  font-size: 16px;
  line-height: 1.5em;
  color: #444F6C;
}

.cat-kb-steps .betterdocs-body::-webkit-scrollbar { width: 3px; height: 1px;}
.cat-kb-steps .betterdocs-body::-webkit-scrollbar-track {  background-color: #B85450;margin: 15px 0px 15px 0px;}
.cat-kb-steps .betterdocs-body::-webkit-scrollbar-track-piece { background-color: #23445d;}
.cat-kb-steps .betterdocs-body::-webkit-scrollbar-thumb {  background-color:#B85450; }
.cat-kb-steps.betterdocs-body::-webkit-scrollbar-corner { background-color:#B85450;}
.cat-kb-steps .betterdocs-body::-webkit-resizer{ background-color:#B85450;}


.center-section.cat-arhives .betterdocs-title-excerpt-lists {
  margin-top: 0;
  padding: 10px;
}



.center-section.cat-arhives .tpm-process-steps-tabs__panes {
  padding: 5px;
  background-color: #D4E1F5;
  border: 3px solid #BAC8D3;
  border-radius: 0px 0px 15px 15px;
}

.center-section.cat-arhives  .tpm-process-step-tab.is-active{
  color: #b85450;
  background: #D4E1F5!important;
  border-bottom-color: transparent !important;
  border-bottom-width: 3px !important;
  border-bottom-style: solid !important;
}

.center-section.cat-arhives .betterdocs-category-header {
  border-radius: 13px 13px 13px 13px;
  box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 50%);
  margin: 0px 0px 0px 0px;
  padding: 0px;

}

.center-section.cat-arhives .betterdocs-category-header-inner {
  border: 3px solid #5D7F99!important;
  padding: 20px;
  border-radius: 13px 13px 13px 13px;
}

.center-section.cat-arhives .betterdocs-body {
  background-color: #5D7F99B5 !important;
}

.center-section.cat-arhives .bd-category-title-link{
  font-family: "Roboto", Sans-serif;
  font-size: 27px;
  color: #0C343D;
}
.center-section.cat-arhives .betterdocs-category-header:hover .betterdocs-category-header-inner{
  border: 3px solid #BAC8D3!important
}
.center-section.cat-arhives .betterdocs-category-header:hover .betterdocs-category-items-counts{
  background-color: #23445D !important;
}
.center-section.cat-arhives .betterdocs-category-header .betterdocs-category-items-counts span{
  color: #5D7F99!important;
} 
.center-section.cat-arhives .betterdocs-category-header:hover .betterdocs-category-items-counts span{
  color: #fff!important;
} 

.center-section.cat-arhives .betterdocs-articles-list li {
  margin: 10px 10px 10px 10px;
}

.center-section.cat-arhives .betterdocs-articles-list li a {
  font-size: 16px;
  line-height: 1.5em;
  color: #444F6C;
}

.center-section.cat-arhives .betterdocs-articles-list li svg{
fill: #444F6C;
width: 20px;
} 



.tool-levels{

  color: #fff;
  border: 2px solid  #BAC8D3;
  border-radius: 17px 17px 17px 17px;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
.tool-levels.gray {
  background:#666666
}
.tool-levels.blue{
  background:#6c8ebf
}
.tool-levels.red{background:#b85450}
.tool-levels.green{background:#82b366}
.tool-levels .tool-levels-cat-title{
  font-family: "Roboto", Sans-serif;
    font-size: 32px;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    color: #F5F5F5;
}
.tool-levels-cat-desc p {
  color: #f5f5f5;
  font-size: 18px;
}
.tool-levels-cat-hero{
  display: flex;
  align-items: center;
  padding: 0px 10px 0px 10px;
}
.tool-levels-cat-text{
  padding-left: 15px;
}
.tool-levels-cat-icon{
  max-width: 20%;
}
.tpm-tool-levels-subcats{
  margin: 0;
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.tpm-tool-levels-subcats__item{
  border-bottom: 0 !important;
  padding: 20px !important;
  list-style: none;
  align-items: center;
    display: flex;
    justify-content: stretch;
    box-shadow: 3px 3px 5px 0px rgb(0 0 0 / 50%);
    border: 1px solid #BAC8D3;
    border-radius: 12px 12px 12px 12px;
}

.tpm-tool-levels-subcats__link{
  display: flex;
    align-items: center !important;
    gap:15px;
}

.tpm-tool-levels-subcats__name{
  font-size: 25px;
  line-height: 1.5em;
  letter-spacing: 1px;
  color: #23445D;
}
.tpm-tool-levels-subcats{
  max-width: 530px;
  margin: auto;
  width: 100%;
  height: auto;
  display: flex;
    height: auto;
    border:2px solid #5D7F99;
    border-radius: 12px;
    padding: 10px ;
    box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 50%);
}


.tool-levels.mark .tool-levels-cat-title,
.tool-levels.financ .tool-levels-cat-title,
.tool-levels.analis .tool-levels-cat-title,
.tool-levels.intelligence .tool-levels-cat-title{
  color: #23445D;
}
.tool-levels.mark .tool-levels-cat-desc p,
.tool-levels.financ .tool-levels-cat-desc p,
.tool-levels.analis .tool-levels-cat-desc p,
.tool-levels.intelligence .tool-levels-cat-desc p{
  font-size: 18px;
  color: #23445d !important;
} 

.tpm-tool-levels-subcats__item.tpm-tool-levels-subcats__item--product-launch-marketing,
.tpm-tool-levels-subcats__item.tpm-tool-levels-subcats__item--produktovyj-marketing,
.tpm-tool-levels-subcats__item.tpm-tool-levels-subcats__item--produktovyj-marketyng,
.tool-levels.mark{
  background:#f8cecc;
}
.tpm-tool-levels-subcats__item.tpm-tool-levels-subcats__item--financial-analysis,
.tpm-tool-levels-subcats__item.tpm-tool-levels-subcats__item--finansovyj-analiz-proekta,
.tpm-tool-levels-subcats__item.tpm-tool-levels-subcats__item--finansovyj-analiz-proektu,
.tool-levels.financ
{
  background:#ffe6cc;
}
.tpm-tool-levels-subcats__item.tpm-tool-levels-subcats__item--product-business-analysis,
.tpm-tool-levels-subcats__item.tpm-tool-levels-subcats__item--biznes-analiz,
.tpm-tool-levels-subcats__item.tpm-tool-levels-subcats__item--biznes-analiz,
.tool-levels.analis
{
  background:#e1d5e7;
}
.tpm-tool-levels-subcats__item.tpm-tool-levels-subcats__item--business-intelligence,
.tpm-tool-levels-subcats__item.tpm-tool-levels-subcats__item--analitika-dannyh-bi-proekta,
.tpm-tool-levels-subcats__item.tpm-tool-levels-subcats__item--analityka-danyh-bi-proektu,
.tool-levels.intelligence{
  background:#fff2cc;
}
.tpm-tool-levels-subcats .tpm-tool-levels-subcats__item:hover
{background-color: #B8545099;}

.tpm-tool-levels-subcats .tpm-tool-levels-subcats__item .tpm-tool-levels-subcats__name:hover{
  color: #8D312D !important
}


@media (max-width: 991.98px) {
.betterdocs-wrapper.sidebar-toc-enable {
  margin-top: 0;
}
.betterdocs-wrapper.sidebar-toc-enable .center-section.cat-arhives {
  padding: 10px 10px 0;
}
body .betterdocs-display-flex {
  display: flex !important;
  flex-direction: column !important;
}
.docs-right-sticky {
  display: none !important;
}

.betterdocs-display-flex > .center-section {
  order: 1 !important;
}

.betterdocs-display-flex > .left-section {
  order: 2 !important;
}
.betterdocs-display-flex > .right-section {
  order: 3 !important;
}
.tool-levels-cat-hero {
  flex-direction: column;
}
.tool-levels-cat-icon {
  max-width: 50%;
}
}

/* Guide / KB footer: search + categories + popular — full width (row without col-*) */
.bc-search_tow .tpm-kb-main-wrap > .row,
.bc-search_to .tpm-kb-main-wrap > .row {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: 100%;
}

.bc-search_tow .tpm-kb-main-wrap > .row > .betterdocs-search-form-wrapper,
.bc-search_tow .tpm-kb-main-wrap > .row > .cat-list,
.bc-search_tow .tpm-kb-main-wrap > .row > .pop-list,
.bc-search_to .tpm-kb-main-wrap > .row > .betterdocs-search-form-wrapper,
.bc-search_to .tpm-kb-main-wrap > .row > .pop-list {
  width: 100%;
  max-width: 100%;
  flex: 0 0 auto;
  min-width: 0;
}

.bc-search_tow .betterdocs-live-search,
.bc-search_to .betterdocs-live-search {
  width: 100%;
  max-width: 100%;
}

.bc-search_tow .betterdocs-searchform,
.bc-search_to .betterdocs-searchform {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
}

.bc-search_tow .betterdocs-searchform input.betterdocs-search-submit[type="hidden"],
.bc-search_to .betterdocs-searchform input.betterdocs-search-submit[type="hidden"] {
  display: none !important;
}

.bc-search_tow .betterdocs-searchform button.search-submit,
.bc-search_to .betterdocs-searchform button.search-submit {
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  background-color: #b85450;
  color: #fff;
  border: 0;
  border-radius: 11px;
  padding: 10px 16px;
  cursor: pointer;
}

.bc-search_tow .betterdocs-searchform-input-wrap,
.bc-search_to .betterdocs-searchform-input-wrap {
  flex: 1 1 220px;
  min-width: 0;
  display: flex;
  align-items: center;
}

.bc-search_tow .betterdocs-search-field,
.bc-search_to .betterdocs-search-field {
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
  box-sizing: border-box;
}

.bc-search_tow .betterdocs-searchform .search-submit,
.bc-search_to .betterdocs-searchform .search-submit {
  flex: 0 0 auto;
  margin-left: 0;
  white-space: nowrap;
}

.bc-search_tow .betterdocs-popular-search-keyword,
.bc-search_to .betterdocs-popular-search-keyword {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
}

.bc-search_tow .betterdocs-popular-search-keyword .popular-search-title,
.bc-search_to .betterdocs-popular-search-keyword .popular-search-title {
  color: #5D7F99;
  font-size: 16px;
  width: 100%;
}

.bc-search_tow .betterdocs-popular-search-keyword .popular-keyword,
.bc-search_to .betterdocs-popular-search-keyword .popular-keyword {
  background-color: #5D7F99;
  color: #E6E6E6;
  border: 1px solid #DDDEFF;
}

/* Category sidebar list under search */
.bc-search_tow .cat-list .betterdocs-sidebar,
.bc-search_to .cat-list .betterdocs-sidebar {
  width: 100%;
  max-width: 100%;
}

.bc-search_tow .cat-list .betterdocs-category-title a,
.bc-search_to .cat-list .betterdocs-category-title a {
  color: #0C343D;
}

.bc-search_tow .cat-list .betterdocs-articles-list li a,
.bc-search_to .cat-list .betterdocs-articles-list li a {
  color: #444F6C;
}

/* Sidebar layout (doc_category / docs single): search + popular columns */
.doc-section.doc-section-close .left-section .betterdocs-search-form-wrapper,
.doc-section.doc-section-close .right-section .pop-list {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.doc-section.doc-section-close .betterdocs-live-search,
.doc-section.doc-section-close .betterdocs-searchform {
  width: 100%;
  box-sizing: border-box;
}

.doc-section.doc-section-close .betterdocs-searchform {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 10px;
  min-height: 52px;
}

.doc-section.doc-section-close .betterdocs-searchform-input-wrap {
  flex: 1 1 180px;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid #d3d9ef;
  border-radius: 11px;
  background: #fff;
}

.doc-section.doc-section-close .betterdocs-search-field {
  width: 100%;
  min-width: 0;
  min-height: 36px;
  padding: 8px 6px;
  font-size: 18px;
  line-height: 1.3;
  border: 0;
  background: transparent;
}

.doc-section.doc-section-close .betterdocs-searchform input.betterdocs-search-submit[type="hidden"] {
  display: none !important;
}

.doc-section.doc-section-close .betterdocs-searchform .search-submit,
.doc-section.doc-section-close .betterdocs-searchform button.search-submit {
  flex: 0 0 auto;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 2px;
  background-color: #b85450;
  color: #fff;
  border: 0;
  border-radius: 11px;
  padding: 10px 16px;
  cursor: pointer;
}

.doc-section.doc-section-close .betterdocs-popular-search-keyword {
  width: 100%;
  margin-top: 12px;
}

.doc-section.doc-section-close .betterdocs-popular-search-keyword .popular-keyword {
  display: inline-block;
  margin: 4px 6px 4px 0;
  padding: 4px 10px;
  border-radius: 6px;
}

.doc-section.doc-section-close .pop-list:empty {
  display: none;
}

.doc-section.doc-section-close .pop-list .betterdocs-popular-articles-wrapper {
  padding: 0 10px 10px;
}