




.Header__header {
   background: #fff;
   padding: 20px; }

.AppContainer__backToTop {  
    background: #fff;
	border: 1px solid #181A21;   }

.AppContainer__backToTop:hover{
  background:#fff;
  animation: softPulse 1.4s ease-in-out infinite;
}

@keyframes softPulse{
  0%   { box-shadow: 0 0 0 0 rgba(1,89,162,0.45); }
  70%  { box-shadow: 0 0 0 10px rgba(1,89,162,0.0); }
  100% { box-shadow: 0 0 0 0 rgba(1,89,162,0.0); }}


.Header__tabsTab {
  position: relative;
  display: inline-block;   /* ВАЖНО */
	}

.Header__tabsTab::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;               /* не отрицательное */
  height: 2px;
  background: #181A21;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.2s ease;}



.Header__tabsTab:hover::after {
  transform: scaleX(1);}



.Header__tabsTab.Header__active::after {
  transform: scaleX(1);}



.Footer__footerCopyrigt {
    background-color: var(--color-greyShade80);
    display: none;   }



.Footer__footerBg {
    background: #181A21;
    padding: 1.875rem 0;   }


.Footer__footerQus {
    font-size: var(--size-base25);
    color: #fff;   }


  .Footer__footerDescription {
    font-size: var(--size-base13);
    color: #fff;   }


.Button__footerBtn {
  border: 1px solid rgba(6, 32, 94, 0.18);
  letter-spacing: normal;
  padding: .7rem 1rem;
  font-size: var(--size-base14);
  border-radius: 2rem;
  background: #fff;
  color: #06205E;
  cursor: pointer;

  transition:
    background-color .15s ease,
    color .15s ease,
    box-shadow .15s ease,
    transform .12s ease;}

.Button__footerBtn:hover {
  background: #181A21;
  color: #fff;
  box-shadow:
    0 0 0 1px #ffffff,              /* белая рамка */
    0 10px 22px rgba(24, 26, 33, 0.35);
  transform: translateY(-1px);}

.Button__footerBtn:active {
  transform: translateY(0);
  box-shadow:
    0 0 0 1px #ffffff,
    0 6px 14px rgba(24, 26, 33, 0.25);}


.commonStyle__zt3breadCrumbBg {
    background: #fff;   }

.commonStyle__zt3breadCrumbText {
    color: #181A21;
font-weight: bold;}



  .ListHeader__linkText {
  color: #181A21;
  position: relative;
  display: inline-block;
    	 font-weight: 500;
	text-shadow: 0.30px 0 0 currentColor;
	font-size: 18.5px;}



.ListHeader__linkText::after,
.ListHeader__linkText::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #0159A2, #2DABE2);
  left: 0;
  transform: scaleX(0);
  transition: transform 0.4s ease;}

.ListHeader__linkText::after {
  bottom: -4px;
  transform-origin: right;}

.ListHeader__linkText::before {
  top: -4px;
  transform-origin: left;}

.ListHeader__linkText:hover::after,
.ListHeader__linkText:hover::before {
  transform: scaleX(1);}
  
.ListHeader__linkText:hover {
  color: #181A21;}



.commonStyle__zt3Brand {
        color: #181A21;
        font-weight: bold;}



.ContentList__listLink {
  color: #181A21;
  text-decoration: none;
  transition: color .2s ease, text-shadow .2s ease;}

.ContentList__listLink:hover {
  color: #181A21;
  text-shadow: 0.5px 0 currentColor;}



#navBar,
#navBarContainer {
  background: transparent;}



.Header__tabs__link {
    color: #848790;
    padding: 0 7px; 
	 font-weight: 500;
	text-shadow: 0.30px 0 0 currentColor;}

.Header__tabs__link:hover {
    color: #00beb6;
    padding: 0 7px; }



#navBarContainer .Header__name {
        max-width: none;
        min-width: 7rem;
        flex: 1;
      color: #181A21; 
	padding-left: 11px;
	 font-weight: 500;
	text-shadow: 0.50px 0 0 currentColor;
	font-size: 25px;
	font-family: Raleway, Arial, Helvetica, sans-serif;}



 .Icon__brand {
        color: #181A21 ;   }



.LoginDetail__tabLink {
	color: #848790;
    text-decoration: none;
    padding: 0 10px;
  	 font-weight: 500;
	text-shadow: 0.30px 0 0 currentColor;} 

.LoginDetail__tabLink:hover {
  color: #00beb6;}



.LocalePopup__localeTarget {
    display: inline-flex;
    align-items: center;
    color: #848790;
    padding: 10px;
    	 font-weight: 500;
	text-shadow: 0.30px 0 0 currentColor;}

.LocalePopup__localeTarget:hover {
  color: #00beb6;   }



.Header__tabsTab:hover::after, .LoginDetail__signin:hover::after, .LoginDetail__signup:hover::after, .Header__tabsTab.Header__active::after, .LoginDetail__signin.LoginDetail__active::after, .LoginDetail__signup.LoginDetail__active::after {
        display: none;}

.ListHeader__description {
  display: none;}



.KbSubCategoryContainer__contentList {
    width: 32,8%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1.1%; 
  	margin-top: 3%;
    padding: 1rem 1rem 1.875rem .9375rem;
	    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .05);
	border-radius: 20px;}



.Input__searchBox {
    -webkit-appearance: none;
    -moz-appearance: none;
    /* appearance: none; */
    height: 2.375rem;
    padding: .625rem 2rem .625rem .625rem;
    /* color: var(--color-greyShade11); */
    font-size: var(--size-base4);
    border: 1px solid var(--color-border);
    border-radius: 20px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;}



.Input__searchBox:hover,
.Input__searchBox:focus {
  -webkit-box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 0 8px 10px -10px rgba(0, 0, 0, 0.75);
	background: #f6f6f8;}




.commonStyle__zt3Link {
  color: #181A21;
  text-decoration: none;
  transition: color .2s ease, text-shadow .2s ease;   }


.commonStyle__zt3Link:hover {
        color: #181A21;
  text-shadow: 0.5px 0 currentColor;}



.AppContainer__breadCrumbsBox {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;   
    background: linear-gradient(276.83deg, #00BEB4 -4.99%, 
      #0159A2 107.12%) !important;
	border-radius: 18px;
	padding-left: 10px;   }



.commonStyle__zt3breadCrumbText {
        color: #fff;
	    	 font-weight: 100; }

.commonStyle__zt3breadCrumbText:hover {
        color: #fff;
	    	 font-weight: 100; 
	text-decoration: underline;  }



.BreadCrumbs__breadcrumbsView ul li:last-child {
        color: #fff;   }



.commonStyle__zt3LinkActive {
    color: #181A21;
  	text-shadow: 0.5px 0 currentColor;   }



.commonStyle__zt3Brand {
        color: #181A21;
        font-weight: bold;
	background: #fff;
      border-radius: 18px;
      border-color: #e8e8ed;   }



.KbDetailLtContainer__articleContent a {
background: linear-gradient(
    276.83deg,
    #00BEB4 -4.99%,
    #0159A2 107.12%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-decoration: none;
  font-weight: bold; } 



.Readingprogress__progressBar {
    height: 4px;
    transition: all .2s;
    background: linear-gradient(276.83deg, #00BEB4 -4.99%, 
      #0159A2 107.12%) !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0 8px 18px;
    border-radius: 0 5px 5px 0;   }



.KbDetailLtContainer__review {
    background: #f6f6f8;;
    border-radius: 20px;
    border: 1px solid var(--color-arrow);
    padding: .6rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;   }



.KbDetailLtContainer__userSocialIcon {
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
    gap: .5rem;}



.Header__searchTitle {
background: linear-gradient(
    276.83deg,
    #00BEB4 -4.99%,
    #0159A2 107.12%);
    font-size: var(--size-base27);
    margin-bottom: 1.8rem;
    text-shadow: none;
    letter-spacing: .0625rem;
    text-align: center;
    font-weight: 400;
  	border-radius: 20px;   
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;   }



.Header__description {
    width: 80%;
    font-size: var(--size-base13);
    text-align: center;
    margin: 1rem auto 1rem;
  	color: #181A21;   }



.Header__homeContent .Header__globalSearch input[role="search"] {
    visibility: visible;
  background-color: #f6f6f8;
  border-radius: 20px 0px 0px 20px;   }



.SearchContainer__searchIcon {
    padding: .8rem 1rem 0;
    border-radius: 0 .313rem .313rem 0;
  	background-color: #f6f6f8;
  	border-radius: 0 20px 20px 0;   }



svg.Icon__icon.Icon__medium.Icon__white {
  fill: #000;   }



.description img {
    cursor: pointer;
  border-radius: 15px;}

.KbDetailRtContainer__subscribeDescription {
  font-size: 0; /* прячем исходный текст */}

.KbDetailRtContainer__subscribeDescription::before {
  content: "Подпишитесь на эту статью, чтобы получать уведомления.";
  font-size: 14px; /* поставь свой реальный размер */
  color: inherit;}




/* готово */  
 







 


  



  

  

  
  
  

  
 
  
  


