/*
 Theme Name: KnowAll Child
 Template: knowall
 Text Domain: knowall-child
 Version: 1.0.0
*/

/* ------- Insert custom styles below this line ------- */


.wp-block-buttons .wp-block-button__link {
    width: 100%;
    padding: 7px 16px 10px 16px;
    border-radius: 20px;
    background-color: #353349;
    color: white;
}

.wp-block-buttons .wp-block-button__link:hover {
    color: white;
}

.wp-block-button__link {
    align-content: center;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 100%;
    text-align: center;
    word-break: break-word;
    margin-bottom: 0px;
}


.product-content .info p {

    font-family: keshet-12-regular, Source Sans Pro, sans-serif !important;


}

img {
    border-style: none;
    max-width: 100%;
}

.wp-block-kadence-tabs .kt-tab-inner-content-inner p:first-child {
    margin-top: 0 !important;
    text-align: right !important;
    direction: rtl !important;
}

.entry-content .wp-block-kadence-tabs .kt-tabs-title-list li .kt-tab-title, .hkb-article .wp-block-kadence-tabs .kt-tabs-title-list li .kt-tab-title {
    background: #D2CFE499 !important;
    color: #6e6e6e;
    line-height: 18px !important;
    font-size: 18px !important;
    font-family: 'keshet-12-regular', Source Sans Pro, sans-serif !important;
    border: 0 !important;
    vertical-align: middle !important;
    text-align: center !important;
    height: 54px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0px 8% 0px 8% !important;
}

.kt-tabs-wrap .wp-block-kadence-tab {
    border: 0px solid #dee2e6 !important;
    padding: 40px !important;
    text-align: left !important;
}

.wp-block-kadence-tabs .kt-tabs-title-list li {
    margin: 0 0px 0px 0 !important;
    cursor: pointer !important;
    list-style: none !important;
}

@media only screen and (max-width: 767px) {
    .homepage-content .sites-wrapper .sites .site .site-link .text p {
        text-align: right !important;
    }
    .header-main .top .main-logo-warpper img {
      max-width: 88%;
  margin:auto;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
}

.homepage-content .sites-wrapper .sites .site .site-link .text p {
    font-size: 16px !important;
    line-height: 20.4px;
    letter-spacing: 0px !important;
    color: #737373;
    text-align: center;
    font-family: keshet-12-semibold, Source Sans Pro, sans-serif;
    margin-bottom: 14px;
}


#ajaxsearchpro3_1 .probox .promagnifier, #ajaxsearchpro3_2 .probox .promagnifier, div.asp_m.asp_m_3 .probox .promagnifier,
#ajaxsearchpro4_1 .probox .promagnifier, #ajaxsearchpro4_2 .probox .promagnifier, div.asp_m.asp_m_4 .probox .promagnifier {
    width: 32px !important;
    height: 32px !important;
}

#ajaxsearchpro3_1 .probox .promagnifier .innericon, #ajaxsearchpro3_2 .probox .promagnifier .innericon, div.asp_m.asp_m_3 .probox .promagnifier .innericon,
#ajaxsearchpro4_1 .probox .promagnifier .innericon, #ajaxsearchpro4_2 .probox .promagnifier .innericon, div.asp_m.asp_m_4 .probox .promagnifier .innericon {
    display: block;
    width: 100% !important;
    height: 100% !important;
    float: right;
}

#ajaxsearchpro3_1 .probox .promagnifier .asp_text_button, #ajaxsearchpro3_2 .probox .promagnifier .asp_text_button, div.asp_m.asp_m_3 .probox .promagnifier .asp_text_button,
#ajaxsearchpro4_1 .probox .promagnifier .asp_text_button, #ajaxsearchpro4_2 .probox .promagnifier .asp_text_button, div.asp_m.asp_m_4 .probox .promagnifier .asp_text_button {
    display: block;
    width: auto;
    height: 32px !important;
}

#ajaxsearchpro3_1, #ajaxsearchpro3_2, div.asp_m.asp_m_3,
#ajaxsearchpro4_1, #ajaxsearchpro4_2, div.asp_m.asp_m_4 {
        background-image: none !important;
      padding: 0px !important;
align-items: center !important;
position: relative !important;
width: 100% !important;
font-size: 20px;
    line-height: 46px;
    color: #181a1b;
height: 48px !important;
border: 1px solid #d6d6d6 !important;
border-radius: 24px !important;
background-color: #fff !important;
}

#ajaxsearchpro3_1 .probox, #ajaxsearchpro3_2 .probox, div.asp_m.asp_m_3 .probox,
#ajaxsearchpro4_1 .probox, #ajaxsearchpro4_2 .probox, div.asp_m.asp_m_4 .probox {
    margin: 0px !important;
    height: 48px !important;

}

.rtl #ajaxsearchpro3_1 .probox .proinput, .rtl #ajaxsearchpro3_2 .probox .proinput, .rtl div.asp_m.asp_m_3 .probox .proinput,
.rtl #ajaxsearchpro4_1 .probox .proinput, .rtl #ajaxsearchpro4_2 .probox .proinput, .rtl div.asp_m.asp_m_4 .probox .proinput {
    margin-right: 0px !important;
    margin-top: 0px !important;
}

#ajaxsearchprores3_1.vertical .item, #ajaxsearchprores3_2.vertical .item, div.asp_r.asp_r_3.vertical .item,
#ajaxsearchprores4_1.vertical .item, #ajaxsearchprores4_2.vertical .item, div.asp_r.asp_r_4.vertical .item {
    position: relative;
    box-sizing: border-box;
    padding: 0px 10px;
    display: block;
    color: inherit;
    text-decoration: none;
}

#ajaxsearchprores3_1.vertical .item, #ajaxsearchprores3_2.vertical .item, div.asp_r.asp_r_3.vertical .item,
#ajaxsearchprores4_1.vertical .item, #ajaxsearchprores4_2.vertical .item, div.asp_r.asp_r_4.vertical .item {
    position: relative;
    box-sizing: border-box;
    margin: 0 5px 0px;
    padding-bottom: 0px;
    border-bottom: 0px solid #d6d6d6;
}

#ajaxsearchprores3_1.vertical .results, #ajaxsearchprores3_2.vertical .results, div.asp_r.asp_r_3.vertical .results,
#ajaxsearchprores4_1.vertical .results, #ajaxsearchprores4_2.vertical .results, div.asp_r.asp_r_4.vertical .results {
    scrollbar-width: thin;
    scrollbar-color: rgb(234 234 234 / 50%) rgb(251 251 251) !important;
}

.asp_res_text {
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}

.orig::placeholder {
    color: #181a1b !important;
    opacity: 1 !important;
}

#ajaxsearchprosettings3_1.searchsettings div.asp_option_label, #ajaxsearchprosettings3_2.searchsettings div.asp_option_label,
#ajaxsearchprosettings4_1.searchsettings div.asp_option_label, #ajaxsearchprosettings4_2.searchsettings div.asp_option_label,
#ajaxsearchprosettings3_1.searchsettings .asp_label, #ajaxsearchprosettings3_2.searchsettings .asp_label,
#ajaxsearchprosettings4_1.searchsettings .asp_label, #ajaxsearchprosettings4_2.searchsettings .asp_label,
div.asp_s.asp_s_3.searchsettings div.asp_option_label, div.asp_s.asp_s_3.searchsettings .asp_label,
div.asp_s.asp_s_4.searchsettings div.asp_option_label, div.asp_s.asp_s_4.searchsettings .asp_label {
    font-weight: 300 !important;
    font-family: sans-serif !important;
    color: rgb(43, 43, 43);
    font-size: 14px !important;
    line-height: 16px !important;
    text-shadow: none;
}

#ajaxsearchprosettings3_1.searchsettings fieldset legend, #ajaxsearchprosettings3_2.searchsettings fieldset legend,
#ajaxsearchprosettings4_1.searchsettings fieldset legend, #ajaxsearchprosettings4_2.searchsettings fieldset legend,
div.asp_s.asp_s_3.searchsettings fieldset legend,
div.asp_s.asp_s_4.searchsettings fieldset legend {
    padding: 0 0 0 10px !important;
    margin: 0;
    background: transparent;
    font-weight: 600 !important;
    font-family: sans-serif !important;
    color: rgb(3 3 3);
    text-shadow: none !important;
    padding-bottom: 3px !important;
}

div.asp_sb.asp_sb_3.searchsettings .asp_sett_scroll, div.asp_s.asp_s_3.searchsettings .asp_sett_scroll,
div.asp_sb.asp_sb_4.searchsettings .asp_sett_scroll, div.asp_s.asp_s_4.searchsettings .asp_sett_scroll {
    scrollbar-width: thin;
    scrollbar-color: rgb(215 215 215 / 50%) transparent !important;
}

div.asp_s.asp_s_3.searchsettings.asp_s, div.asp_s.asp_s_4.searchsettings.asp_s {
    padding-top: 10px !important;
}

#ajaxsearchprores3_1 .asp_nores .asp_keyword, #ajaxsearchprores3_2 .asp_nores .asp_keyword, div.asp_r.asp_r_3 .asp_nores .asp_keyword {
    padding: 0 8px 0 0;
    cursor: pointer;
    color: rgba(20, 84, 169, 1) !important;
    font-weight: normal;
}

#ajaxsearchprores3_1 .results .item .asp_content h3 a, #ajaxsearchprores3_2 .results .item .asp_content h3 a,
#ajaxsearchprores4_1 .results .item .asp_content h3 a, #ajaxsearchprores4_2 .results .item .asp_content h3 a,
div.asp_r.asp_r_3 .results .item .asp_content h3 a,
div.asp_r.asp_r_4 .results .item .asp_content h3 a {
  font-weight: normal !important;
  padding-bottom: 0px !important;
  padding-right: 26px !important;
  font-size: 20px !important;
  line-height: 26.4px !important;
  color: #666 !important;
  font-family: keshet-12-regular, Source Sans Pro, sans-serif !important;
  text-decoration: none !important;
}

#ajaxsearchprores3_1 .results .item div.etc, #ajaxsearchprores3_2 .results .item div.etc, div.asp_r.asp_r_3 .results .item div.etc {
  margin-bottom: 2px !important;
}

div.asp_r.asp_r_3, div.asp_r.asp_r_3 *, div.asp_m.asp_m_3, div.asp_m.asp_m_3 *, div.asp_s.asp_s_3, div.asp_s.asp_s_3 * {
  box-sizing: content-box;
      border: 0;
      border-radius: 0;
      text-transform: none;
      text-shadow: none;
      box-shadow: none;
      text-decoration: none;
      font-family: 'keshet-12-regular';
      font-size: 16px !important;
      letter-spacing: 0.1px !important;
      color: #8e8e8e !important;

}

#ajaxsearchprores3_1.vertical, #ajaxsearchprores3_2.vertical, div.asp_r.asp_r_3.vertical,
#ajaxsearchprores4_1.vertical, #ajaxsearchprores4_2.vertical, div.asp_r.asp_r_4.vertical {
    padding: 10px 0px 12px 7px !important;
}

.rtl #ajaxsearchpro3_1 .probox .proloading, .rtl #ajaxsearchpro3_1 .probox .proclose,
.rtl #ajaxsearchpro4_1 .probox .proloading, .rtl #ajaxsearchpro4_1 .probox .proclose,
.rtl #ajaxsearchpro3_2 .probox .proloading, .rtl #ajaxsearchpro3_2 .probox .proclose,
.rtl #ajaxsearchpro4_2 .probox .proloading, .rtl #ajaxsearchpro4_2 .probox .proclose,
.rtl div.asp_m.asp_m_3 .probox .proloading, .rtl div.asp_m.asp_m_3 .probox .proclose,
.rtl div.asp_m.asp_m_4 .probox .proloading, .rtl div.asp_m.asp_m_4 .probox .proclose {
    order: 3;
    margin-top: 3px !important;
}

#ajaxsearchpro3_1 .probox .prosettings, #ajaxsearchpro3_2 .probox .prosettings,
#ajaxsearchpro4_1 .probox .prosettings, #ajaxsearchpro4_2 .probox .prosettings,
div.asp_m.asp_m_3 .probox .prosettings,
div.asp_m.asp_m_4 .probox .prosettings {
    width: 28px;
    height: auto !important;
}

div.asp_m.ajaxsearchpro .probox .promagnifier .innericon,
div.asp_m.ajaxsearchpro .probox .prosettings .innericon,
div.asp_m.ajaxsearchpro .probox .proclose .innericon {
    background-size: 100% !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 100%;
    height: 100%;
    line-height: initial;
    text-align: center;
    overflow: hidden;
}

.rtl #ajaxsearchpro3_1 .probox .proinput input.orig,
.rtl #ajaxsearchpro4_1 .probox .proinput input.orig,
.rtl #ajaxsearchpro3_2 .probox .proinput input.orig,
.rtl #ajaxsearchpro4_2 .probox .proinput input.orig,
.rtl #ajaxsearchpro3_1 .probox .proinput input.autocomplete,
.rtl #ajaxsearchpro4_1 .probox .proinput input.autocomplete,
.rtl #ajaxsearchpro3_2 .probox .proinput input.autocomplete,
.rtl #ajaxsearchpro4_2 .probox .proinput input.autocomplete,
.rtl div.asp_m.asp_m_3 .probox .proinput input.orig,
.rtl div.asp_m.asp_m_4 .probox .proinput input.orig,
.rtl div.asp_m.asp_m_3 .probox .proinput input.autocomplete,
.rtl div.asp_m.asp_m_4 .probox .proinput input.autocomplete {
    text-shadow: none;
    direction: rtl;
    text-align: right !important;
    font-size: 20px !important;
    line-height: 46px !important;
    color: #000000 !important;
    outline: none;
    font-family: keshet-12-semibold, Source Sans Pro, sans-serif;
    font-weight: 300 !important;
}

div.asp_s.asp_s_3.searchsettings, div.asp_s.asp_s_3.searchsettings, div.asp_s.asp_s_3.searchsettings,
div.asp_s.asp_s_4.searchsettings, div.asp_s.asp_s_4.searchsettings, div.asp_s.asp_s_4.searchsettings {
    direction: ltr;
    padding: 0;
    box-shadow: none;
    max-width: 208px;
    z-index: 2;
    border-radius: 24px !important;
    background: white;
    padding-bottom: 32px !important;
    border: 1px solid #efefef !important;
}
/* ------- finalformcss ------- */
.asp-result-category {
    margin-top: 5px;
    font-size: 0.9em;
    color: #666;
}

.asp-result-category span {
    margin-right: 5px;
}

#ajaxsearchprores4_1 .asp_group_header, #ajaxsearchprores4_2 .asp_group_header, div.asp_r.asp_r_4 .asp_group_header {
    background: #DDD !important;
    background: rgb(246, 246, 246) !important;
    border-radius: 0px !important;
    border-top: 0px solid rgb(248, 248, 248) !important;
    border-right: 0px solid rgb(248, 248, 248) !important;
    border-left: 0px solid rgb(248, 248, 248) !important;
    margin: 0 0 -3px;
    padding: 7px 17px 7px 10px !important;
    position: relative;
    z-index: 1000;
    min-width: 90%;
    flex-grow: 1;
    color: rgb(0, 0, 0);
    font-size: 15px !important;
    line-height: 17px !important;
    text-shadow: none;
    font-family: "keshet-12-bold", "Source Sans Pro", "sans-serif" !important;
    text-align: right !important;
    font-weight: 300 !important;
    margin-bottom: 5px !important;
}

body {
    background: #edede6;
}

.hkb-feedback {
    background: transparent;
    padding: 0px;
    margin: 0px;
    border-radius: 24px;
    width: 100%;
}

.hkb-feedback .ht-voting-comment__textarea {
    margin: 0 0 20px;
    line-height: 1.5;
    font-family: keshet-12-light, Source Sans Pro, sans-serif;
    border-radius: 4px;
    color: black;
    padding-right: 20px;
}

.hkb-feedback .ht-voting-comment__submit {
    float: right;
    font-size: 14px;
    text-transform: uppercase;
    background: #000000;
}

.hkb-feedback .hkb-feedback__title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    color: #000000;
    margin: 0 0 10px;
    text-align: center;
    font-family: keshet-12-light, Source Sans Pro, sans-serif;
}

.header-inner .top .wrapper .right .breadcrumbs ul li{
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 21.79px;
}


.hkb-site-search .hkb-site-search__loader {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: absolute;

    left: unset !important;
    right: 87%;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    width: 30px;
    opacity: 0;
}

.hkb-article .hkb-article__lastupdated {
  font-family: keshet-12-light, Source Sans Pro, sans-serif;
  display: none !important;
}

.srabbi_but{
  position: absolute;
  display: block;
  height: 32px;
  z-index: +9999;
  width: 32px;
  top: 37%;
  left: 8px;
  margin-top: -10px;
  opacity: 1;
}

.hkb-site-search::after {
    position: absolute;
    display: block;
    content: "";
    background: url(https://wiki.keshet-mediagroup.com/wikifiles/images/search-icon.svg) no-repeat center center;
    background-size: 32px;
    height: 32px;
    width: 32px;
    top: 37%;
    left: 8px;
    margin-top: -10px;
    display: none !important;
    opacity: 1;
}


#hkb.hkb-searchresults>li.hkb-searchresults__showall, #hkb.hkb-searchresults>li.hkb-searchresults__noresults{
  background: #edede6;
text-align: center;
font-size: 14px;
line-height: 1.5;
border-radius: 24px;
margin-top: 10px;
margin-bottom: 50px;
margin-right: 5%;
margin-left: 5%;
font-weight: bold;
height: 45px;
color: #181a1b;
font-family: keshet-12-bold, Source Sans Pro, sans-serif;

}

#hkb.hkb-searchresults>li .hkb-searchresults__title {
    font-weight: bold;
    display: block;
    padding-bottom: 8px;
    font-size: 22px;
    line-height: 26.4px;
    color: #181a1b;
    font-family: keshet-12-bold, Source Sans Pro, sans-serif;
    text-decoration: underline;
    transition: color .4s ease;
}

#hkb.hkb-searchresults>li .hkb-searchresults__excerpt {
    margin: 10px 0 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 24px;
    font-family: keshet-12-regular, Source Sans Pro, sans-serif;
    color: #000;
    opacity: .7;
}

#hkb.hkb-searchresults>li {
    position: relative;
    padding: 0;
    margin: 0 5px 8px;
    padding-bottom: 19px;
    border-bottom: 1px solid #d6d6d6;
}

#hkb.hkb-searchresults>li:hover, #hkb.hkb-searchresults>li.hkb-searchresults__current {
    background: #edede6;
    }

    #hkb.hkb-searchresults>li.hkb-searchresults__showall{
        background: #f9f9f9;

    }

.hkb-site-search .hkb-site-search__field{
  display: flex
;
    align-items: center;
    position: relative;
    width: 100%;
    padding: 0 28px 0 40px;
    height: 48px;
    border: 1px solid #d6d6d6;
    border-radius: 24px;
    background-color: #fff;
    box-shadow: none !important;
}

.hkb-site-search .hkb-site-search__field {
    font-size: 20px;
    line-height: 46px;
    color: #181a1b;
    outline: none;
    font-family: keshet-12-regular, Source Sans Pro, sans-serif !important;
    font-weight: 300 !important;
}

.hkb-site-search__field::placeholder {
    color: #181a1b !important;
    opacity: 1;
}

#hkb-jquery-live-search {
    background: #fff;
    box-shadow: none !important;
    scrollbar-width: thin;
    padding: 15px 0 2px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 24px;
    margin: 0px;
   scrollbar-width: thin; /* לפיירפוקס */
}


/* עיצוב פס הגלילה - Chrome, Edge, Safari */
#hkb-jquery-live-search::-webkit-scrollbar {
    width: 2px; /* הקטנת הרוחב */
    margin-left: 35px; /* הכנסת הפס קצת פנימה */
        border-radius: 10px; /* עיגול הקצוות */
            background-color: transparent; /* רקע שקוף */
}

/* עיצוב רקע פס הגלילה */
#hkb-jquery-live-search::-webkit-scrollbar-track {
    background: transparent; /* רקע שקוף */
    border-radius: 20px;
    margin-top: 45px; /* ריווח מהחלק העליון */
    margin-bottom: 45px; /* ריווח מהחלק התחתון */
    padding-left: 5px; /* הכנסת פס הגלילה פנימה */
    max-height: 80%;
}

/* עיצוב הידית של פס הגלילה */
#hkb-jquery-live-search::-webkit-scrollbar-thumb {
    background: #bfbfbf; /* צבע הידית */
    border-radius: 20px; /* עיגול הפינות של הידית */
    border: 7px solid #fff; /* יצירת ריווח פנימי למראה יותר מעודן */
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1); /* הוספת עומק */
}

/* בעת ריחוף על פס הגלילה */
#hkb-jquery-live-search::-webkit-scrollbar-thumb:hover {
    background: #a0a0a0; /* שינוי צבע עדין בעת ריחוף */
}

/* פיירפוקס - עיצוב עדין */
#hkb-jquery-live-search {
    scrollbar-color: #ebebeb  transparent; /* צבע הידית וצבע הרקע */
}

/* הסרת החיצים של פס הגלילה */
#hkb-jquery-live-search::-webkit-scrollbar-button {
    display: none;
}

.homepage-content .sites-wrapper .sites .site .site-link .link-text {
    font-family: keshet-12-regular, Source Sans Pro, sans-serif !important;
}

.search-warapper .input-wrapper .search-input {
    width: 100%;
    height: 46px;
    padding: 0;
    font-size: 20px;
    line-height: 46px;
    color: #181a1b;
    outline: none;
    border: none;
    font-family: keshet-12-regular, Source Sans Pro, sans-serif !important;;
    font-weight: 300 !important;
}

a {
    text-decoration: underline;
    background: transparent;
    text-decoration: none;
    color: #666;
    backface-visibility: hidden;
}

a.site-link {
    color: #666;
    text-decoration: none;
}

/* כאשר המשתמש מעביר את העכבר מעל הקישור */
a.site-link:hover {
    color: #666;
      text-decoration: none;
}

/* כאשר הקישור נלחץ (active) */
a.site-link:active {
    color: #666;
      text-decoration: none;
}

.ht-sitecontainer {
    margin-top: 45px !important;
    background: #edede6 !important;
}

.tagcatlink {
    color: white; /* ניתן להחליף לכל צבע שתרצה */
    text-decoration: none; /* אופציונלי: מסיר קו תחתון מהלינק */
}

.tagcatlink:hover {
    color: white; /* צבע בעת מעבר עכבר */
}

.homepage-content .top-info .title{
  margin:0px !important;
}

@media only screen and (max-width: 767px) {
    .header-inner-gil .top .wrapper .left {
        position: absolute;
        min-width: inherit;
        top: inherit;
        bottom: 0;
        width: 100%;
        z-index: 3;
    }
.header-inner-gil .breadcrumbs-mobile {
        display: block;
        position: relative;
        z-index: 2;
    }
}

@media only screen and (min-width: 767px) {
    .site-header {
        background: #edede6 !important;
    }

      .hidedesktop {display: none !important;}
}



@media only screen and (max-width: 767px) {


  .department-content {
    padding-top: 0px !important;

}
.search-content {
        padding-top: 50px !important;

    }

  .header-inner .breadcrumbs-mobile ul li {

        font-size: 16px !important;
        letter-spacing: 0px !important;
        line-height: 17px;
    }

  .hkb-site-search .hkb-site-search__loader {
    right: 80% !important;
  }

  .hkb-site-search {
      padding: 0 16px;
    }
    .srabbi_but {
      left: 27px !important;
    }

    .hidemobile {display: none !important;}

    .header-inner .top:after {
        top: 60px;
        background-image: unset;
    }
.header-inner {
    position: unset;
    width: 100%;
    top: unset;
    left: unset;
    height: auto;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.header-inner .top .wrapper .right {
        width: 100%;
        justify-content: space-around;
        padding-left: 0;
        display: none;
    }

.header-inner .breadcrumbs-mobile {
        display: block;
        position: unset;
        z-index: 2;
        height: auto;
    }

.header-inner .top .wrapper .left {
        position: unset;
        min-width: inherit;
        top: inherit;
        bottom: 0;
        width: 100%;
        z-index: 3;
        height: auto;
        margin-top: 238px;
    }

.product-content {
        width: 100%;
        padding: 50px 16px 100px;
    }

}

/* Voting component - match custom static design */
.is-help-article {
    background: #e6e6f2; /* light purple */
    border-radius: 16px;
    padding: 24px;
    margin: 24px 0;
}
.is-help-article--question { margin-bottom: 10px; }
.is-help-article--feedback { margin-top: 10px; }
.is-help-article .question {
    text-align: center;
}
.is-help-article .question .title {
    font-family: keshet-12-bold, Source Sans Pro, sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.3;
    color: #000;
    margin: 0 0 16px;
}
.is-help-article .btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.is-help-article .question-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 16px;
    background: #fff;
    border: 1px solid #e7e7ef;
    border-radius: 10px;
    color: #000;
    font-family: keshet-12-regular, Source Sans Pro, sans-serif;
    font-size: 16px;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}
.is-help-article .question-btn img {
    width: 18px;
    height: 18px;
}
.is-help-article .ht-voting-links.ht-voting-up .ht-voting-upvote,
.is-help-article .ht-voting-links.ht-voting-down .ht-voting-downvote {
    border-color: #000;
    box-shadow: 0 0 0 1px #000 inset;
}
.is-help-article .question-btn.disabled {
    opacity: 0.5;
    pointer-events: none;
}
.is-help-article .form {
    margin-top: 0px;
}
.is-help-article .form .title {
    font-family: keshet-12-bold, Source Sans Pro, sans-serif;
    font-size: 22px;
    color: #000;
    margin-bottom: -2px;
}
.is-help-article .form .subtitle {
  margin-bottom: 0px;
      font-size: 18px;
      font-family: keshet-12-regular, Source Sans Pro, sans-serif;
      color: black;
}


.header-main .header-inner .main-logo-warpper .text:hover {

    text-decoration: underline !important;
}

.is-help-article .options {
    display: grid;
    gap: 8px;
    margin-bottom: 12px;
}
.is-help-article .option label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.is-help-article .text textarea.ht-voting-comment__textarea {
    width: 100%;
    border: 1px solid #e7e7ef;
    border-radius: 12px;
    padding: 10px 12px;
    min-height: 100px;
    font-family: keshet-12-regular, Source Sans Pro, sans-serif;
}
.is-help-article .submit-btn.ht-voting-comment__submit {
    margin-top: 10px;
    background: #fff;
    color: #fff;
    border: 0;
    border-radius: 10px;
    padding: 10px 16px;
    cursor: pointer;

    color: black;
}

/* Voting icons labels ("כן" / "לא") inside feedback box */
.hkb-feedback .vote-label {
    font-size: 16px;
    color: #272727;
    line-height: 1;
    display: inline-block;
}
.hkb-feedback .ht-voting-links .ht-voting-upvote,
.hkb-feedback .ht-voting-links .ht-voting-downvote {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-indent: 0 !important; /* ensure text is not shifted out of view */
    overflow: visible; /* allow label to render */
}
/* Hide plugin default EN labels to avoid duplicates; we inject our own */
.hkb-feedback .ht-voting-upvote-label,
.hkb-feedback .ht-voting-downvote-label {
    display: none !important;
}

/* Voting buttons: keep text color consistent (no hover color changes) */
.hkb-feedback .ht-voting-links .ht-voting-upvote,
.hkb-feedback .ht-voting-links .ht-voting-downvote,
.hkb-feedback .question-btn {
    color: #272727 !important;
    text-decoration: none !important;
}
.hkb-feedback .ht-voting-links .ht-voting-upvote:hover,
.hkb-feedback .ht-voting-links .ht-voting-downvote:hover,
.hkb-feedback .question-btn:hover,
.hkb-feedback .ht-voting-links .ht-voting-upvote:focus,
.hkb-feedback .ht-voting-links .ht-voting-downvote:focus,
.hkb-feedback .question-btn:focus {
    color: #272727 !important;
    text-decoration: none !important;
}

/* After submit: style the thanks text like the form title */
.is-help-article .ht-voting-thanks.title {
    font-family: keshet-12-bold, Source Sans Pro, sans-serif !important;
    font-size: 22px;
    color: #000;
    margin-bottom: -2px;
}

/* Remove box background when only thanks message is shown */
.is-help-article.is-help-article--feedback.is-thanks-only {
    background: transparent;
}

/* Mobile: set search placeholder font-size to 16px only on small screens */
@media only screen and (max-width: 767px) {
    /* Theme search input */
    .hkb-site-search input::placeholder {
        font-size: 16px !important;
    }
    .hkb-site-search input::-webkit-input-placeholder {
        font-size: 16px !important;
    }
    /* Custom search input */
    .search-warapper .input-wrapper .search-input::placeholder {
        font-size: 16px !important;
    }
    .search-warapper .input-wrapper .search-input::-webkit-input-placeholder {
        font-size: 16px !important;
    }
    /* Ajax Search Pro inputs */
    .orig::placeholder,
    .autocomplete::placeholder {
        font-size: 16px !important;
    }
    .orig::-webkit-input-placeholder,
    .autocomplete::-webkit-input-placeholder {
        font-size: 16px !important;
    }
    /* On some mobile browsers (iOS Safari) placeholder follows input font-size.
       Set the input font-size itself to 16px so placeholder matches. */
    .asp_main_container .probox .proinput input.orig,
    .asp_main_container .probox .proinput input.autocomplete,
    .hkb-site-search .hkb-site-search__field {
        font-size: 16px !important;
        line-height: 46px; /* keep vertical rhythm */
    }
    /* Also align the ASP text button label size when visible */
    .asp_main_container .probox .promagnifier .asp_text_button {
        font-size: 16px !important;
    }
    /* Override ASP instances with IDs (higher specificity wins over earlier rules) */
    #ajaxsearchpro3_1 .probox .proinput input.orig,
    #ajaxsearchpro3_2 .probox .proinput input.orig,
    #ajaxsearchpro4_1 .probox .proinput input.orig,
    #ajaxsearchpro4_2 .probox .proinput input.orig,
    #ajaxsearchpro3_1 .probox .proinput input.autocomplete,
    #ajaxsearchpro3_2 .probox .proinput input.autocomplete,
    #ajaxsearchpro4_1 .probox .proinput input.autocomplete,
    #ajaxsearchpro4_2 .probox .proinput input.autocomplete {
        font-size: 16px !important;
    }
    #ajaxsearchpro3_1 .probox .proinput input.orig::placeholder,
    #ajaxsearchpro3_2 .probox .proinput input.orig::placeholder,
    #ajaxsearchpro4_1 .probox .proinput input.orig::placeholder,
    #ajaxsearchpro4_2 .probox .proinput input.orig::placeholder,
    #ajaxsearchpro3_1 .probox .proinput input.autocomplete::placeholder,
    #ajaxsearchpro3_2 .probox .proinput input.autocomplete::placeholder,
    #ajaxsearchpro4_1 .probox .proinput input.autocomplete::placeholder,
    #ajaxsearchpro4_2 .probox .proinput input.autocomplete::placeholder {
        font-size: 16px !important;
    }
    #ajaxsearchpro3_1 .probox .proinput input.orig::-webkit-input-placeholder,
    #ajaxsearchpro3_2 .probox .proinput input.orig::-webkit-input-placeholder,
    #ajaxsearchpro4_1 .probox .proinput input.orig::-webkit-input-placeholder,
    #ajaxsearchpro4_2 .probox .proinput input.orig::-webkit-input-placeholder,
    #ajaxsearchpro3_1 .probox .proinput input.autocomplete::-webkit-input-placeholder,
    #ajaxsearchpro3_2 .probox .proinput input.autocomplete::-webkit-input-placeholder,
    #ajaxsearchpro4_1 .probox .proinput input.autocomplete::-webkit-input-placeholder,
    #ajaxsearchpro4_2 .probox .proinput input.autocomplete::-webkit-input-placeholder {
        font-size: 16px !important;
    }
    /* RTL variants to override earlier RTL font-size with IDs */
    .rtl #ajaxsearchpro3_1 .probox .proinput input.orig,
    .rtl #ajaxsearchpro3_2 .probox .proinput input.orig,
    .rtl #ajaxsearchpro4_1 .probox .proinput input.orig,
    .rtl #ajaxsearchpro4_2 .probox .proinput input.orig,
    .rtl #ajaxsearchpro3_1 .probox .proinput input.autocomplete,
    .rtl #ajaxsearchpro3_2 .probox .proinput input.autocomplete,
    .rtl #ajaxsearchpro4_1 .probox .proinput input.autocomplete,
    .rtl #ajaxsearchpro4_2 .probox .proinput input.autocomplete {
        font-size: 16px !important;
    }
}

/* ---------------- Heroic Blocks: Tabs (custom design) ---------------- */
/* Card container */
.entry-content .wp-block-hb-tabs,
.hkb-article .wp-block-hb-tabs {
    background: #fff;
      padding: 0;
    margin: 0;
}
/* Tabs header */
.entry-content .wp-block-hb-tabs .wp-block-hb-tabs__nav,
.hkb-article .wp-block-hb-tabs .wp-block-hb-tabs__nav {
    display: flex;
    gap: 8px;
    list-style: none;
    padding: 0; /* no side gaps */
    margin: 0;
    width: 100%;
    background: #f5f4f7;
}
/* Tab item (default) */
.entry-content .wp-block-hb-tabs .wp-block-hb-tabs__nav li,
.hkb-article .wp-block-hb-tabs .wp-block-hb-tabs__nav li {
    flex: 1 1 0; /* equal widths across full row */
    border: 0 !important;
    color: #6e6e6e;
    margin: 0;
    border-radius: 12px 12px 0 0;
    line-height: 1;
    background: #D2CFE499;
    font-size: 18px;
    font-family: 'keshet-12-regular';
    vertical-align: middle;
    text-align: center;
}
/* Active tab */
.entry-content .wp-block-hb-tabs .wp-block-hb-tabs__nav li[data-hb-tabs-tab--state="active"],
.hkb-article .wp-block-hb-tabs .wp-block-hb-tabs__nav li[data-hb-tabs-tab--state="active"] {
    background: white !important; /* light purple like screenshot */
    color: #000;
}
.entry-content .wp-block-hb-tabs .wp-block-hb-tabs__nav li[data-hb-tabs-tab--state="active"] span,
.hkb-article .wp-block-hb-tabs .wp-block-hb-tabs__nav li[data-hb-tabs-tab--state="active"] span {
    font-weight: 700;
}
/* Content area */
.entry-content .wp-block-hb-tabs .wp-block-hb-tabs__content,
.hkb-article .wp-block-hb-tabs .wp-block-hb-tabs__content {
    border: 0 !important;
    padding: 22px 20px 24px;
    background: #fff;
    border-radius: 0 16px 16px 16px;
}
/* Typography inside tab content */
.entry-content .wp-block-hb-tabs .wp-block-hb-tabs__content p,
.hkb-article .wp-block-hb-tabs .wp-block-hb-tabs__content p {
    margin: 0;
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
    color: #000;
    font-family: keshet-12-regular, Source Sans Pro, sans-serif;
}

/* Mobile tweaks: keep nice spacing when tabs stack */
@media only screen and (max-width: 599px) {
    .entry-content .wp-block-hb-tabs .wp-block-hb-tabs__nav,
    .hkb-article .wp-block-hb-tabs .wp-block-hb-tabs__nav {
        padding: 8px 8px 0;
        gap: 6px;
    }
    .entry-content .wp-block-hb-tabs .wp-block-hb-tabs__nav li,
    .hkb-article .wp-block-hb-tabs .wp-block-hb-tabs__nav li {
        border-radius: 12px;
    }
    .entry-content .wp-block-hb-tabs .wp-block-hb-tabs__content,
    .hkb-article .wp-block-hb-tabs .wp-block-hb-tabs__content {
        border-radius: 12px;
    }
}

/* ---------------- Kadence Blocks: Tabs (match same design) ---------------- */
/* Card container */
.entry-content .wp-block-kadence-tabs,
.hkb-article .wp-block-kadence-tabs {
    background: #fff;
    padding: 0;
    margin: 0;
}
/* Tabs header */
.entry-content .wp-block-kadence-tabs .kt-tabs-title-list,
.hkb-article .wp-block-kadence-tabs .kt-tabs-title-list {
    display: flex;
    gap: 5px;
    list-style: none;
    padding: 0; /* no side gaps */
    margin: 0;
    width: 100%;
    background: #f5f4f7;
}
/* Tab item (default) */
.entry-content .wp-block-kadence-tabs .kt-tabs-title-list li,
.hkb-article .wp-block-kadence-tabs .kt-tabs-title-list li {
    flex: 1 1 0; /* equal widths across full row */
}
.entry-content .wp-block-kadence-tabs .kt-tabs-title-list li .kt-tab-title,
.hkb-article .wp-block-kadence-tabs .kt-tabs-title-list li .kt-tab-title {
    background: #D2CFE499;
    color: #6e6e6e;
    border: 0;
    width: 100%;
    border-radius: 12px 12px 0 0;
    line-height: 1;
    font-size: 18px;
    font-family: 'keshet-12-regular', Source Sans Pro, sans-serif;
    text-align: center;
}
/* Active tab */
.entry-content .wp-block-kadence-tabs .kt-tabs-title-list li.kt-tab-title-active .kt-tab-title,
.hkb-article .wp-block-kadence-tabs .kt-tabs-title-list li.kt-tab-title-active .kt-tab-title {
    background: #fff !important;
    color: #000 !important;
    font-weight: 700;
    line-height: 18px !important;
    font-size: 18px !important;
}
/* Content area */
.entry-content .wp-block-kadence-tabs > .kt-tabs-content-wrap > .wp-block-kadence-tab,
.hkb-article .wp-block-kadence-tabs > .kt-tabs-content-wrap > .wp-block-kadence-tab {
    border: 0 !important;
    padding: 22px 20px 24px;
    background: #fff;
    border-radius: 0 16px 16px 16px;
}
/* Typography inside tab content */
.entry-content .wp-block-kadence-tabs > .kt-tabs-content-wrap > .wp-block-kadence-tab p,
.hkb-article .wp-block-kadence-tabs > .kt-tabs-content-wrap > .wp-block-kadence-tab p {
    margin: 0;
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
    color: #000;
    font-family: keshet-12-regular, Source Sans Pro, sans-serif;
}
/* Mobile tweaks when tabs stack */
@media only screen and (max-width: 599px) {
    .entry-content .wp-block-kadence-tabs .kt-tabs-title-list,
    .hkb-article .wp-block-kadence-tabs .kt-tabs-title-list {
        padding: 8px 8px 0;
        gap: 6px;
    }
    .entry-content .wp-block-kadence-tabs > .kt-tabs-content-wrap > .wp-block-kadence-tab,
    .hkb-article .wp-block-kadence-tabs > .kt-tabs-content-wrap > .wp-block-kadence-tab {
        border-radius: 12px;
    }
}

/* When Kadence Tabs are the first element of the post content: remove top padding */
.article .article-content .article-content-warpper:has(> .wp-block-kadence-tabs:first-child) {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

/* When Tabs are the first element of the post content: remove top padding of the content card */
/* Modern browsers: CSS :has selector */
.article .article-content .article-content-warpper:has(> :is(.wp-block-hb-tabs, .wp-block-ht-blocks-tabs):first-child) {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}
/* Server-side fallback via body class (added in functions.php) */
.article--tabs-first .article .article-content .article-content-warpper {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

/* ---------------- Numbered steps list (RTL-friendly) ---------------- */
/* Usage: Add class "kb-numlist" to an Ordered List block */
ol.kb-numlist {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    counter-reset: kb-step;
}
ol.kb-numlist > li {
    display: flex;
    direction: rtl;
    flex-direction: row; /* bubble appears on the right in RTL */
    align-items: center;
    gap: 12px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
    padding: 12px 16px;
    /* Title text */
    font-family: keshet-12-semibold, Source Sans Pro, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    text-align: right;
}
ol.kb-numlist > li::before {
    counter-increment: kb-step;
    content: counter(kb-step);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    background: #423F59;
    color: #FFFFFF;
    border-radius: 50px;
    /* Number text */
    font-family: keshet-12-bold, Source Sans Pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 20px; /* as requested; vertical centering via flex */
    letter-spacing: 0;
    text-align: center;
}

/* Flexible steps container: allows arbitrary blocks between steps */
.kb-steps {
    counter-reset: kb-step;
    margin: 0;
    padding: 0;
}
.kb-steps > * {
    margin: 0 0 12px;
}
.kb-steps > .kb-step {
    display: flex;
    direction: rtl;
    flex-direction: row; /* bubble appears on the right in RTL */
    align-items: center;
    gap: 12px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
    padding: 12px 16px;
    /* Title text */
    font-family: keshet-12-semibold, Source Sans Pro, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    text-align: right;
}
.kb-steps > .kb-step::before {
    counter-increment: kb-step;
    content: counter(kb-step);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    background: #423F59;
    color: #FFFFFF;
    border-radius: 50px;
    /* Number text */
    font-family: keshet-12-bold, Source Sans Pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
}

/* Auto-apply steps styling for top-level ordered lists inside article content (no class needed) */
.article .article-content .article-content-warpper > ol.wp-block-list,
.article .article-content .article-content-warpper > ol:not([class]) {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    counter-reset: kb-step;
}
.article .article-content .article-content-warpper > ol.wp-block-list > li,
.article .article-content .article-content-warpper > ol:not([class]) > li {
    display: flex;
    flex-direction: row-reverse; /* number bubble on the right for RTL */
    align-items: center;
    gap: 12px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 18px rgba(0,0,0,0.06);
    padding: 12px 16px;
    font-family: keshet-12-semibold, Source Sans Pro, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    text-align: right;
}
.article .article-content .article-content-warpper > ol.wp-block-list > li::before,
.article .article-content .article-content-warpper > ol:not([class]) > li::before {
    counter-increment: kb-step;
    content: counter(kb-step);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    background: #423F59;
    color: #FFFFFF;
    border-radius: 50px;
    font-family: keshet-12-bold, Source Sans Pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
}
/* Do not affect nested lists */
.article .article-content .article-content-warpper > ol > li ol {
    list-style: decimal;
    counter-reset: none;
    background: none;
    box-shadow: none;
    padding: 0 16px;
}
.wp-block-image {
    margin: 0 0 0em;
    padding: 0;
    text-align: center;
    width: 100%;
}

/* -------- Standalone Step Card component (no auto-numbering) -------- */
.kb-stepcard {
    direction: rtl !important;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    justify-content: right !important;
    margin-top: 15px;
}
/* Gutenberg Group inner wrapper: make children (bubble + title) align in a row */
.kb-stepcard > .wp-block-group__inner-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
}
.kb-stepcard [class*="wp-container-core-group-is-layout"],
.kb-stepcard > [class^="wp-container-"] {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
}
.kb-stepcard__bubble {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    background: #423F59;
    color: #FFFFFF;
    border-radius: 50px;
    /* Number text */
    font-family: keshet-12-bold, Source Sans Pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 28px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
}
.kb-stepcard__title {
    margin: 0;
    font-family: keshet-12-semibold, Source Sans Pro, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    letter-spacing: 0;
    text-align: right;
}

/* Stronger selectors to enforce RTL/right and bubble styling in all contexts (tabs, articles, etc.) */
.entry-content .kb-stepcard,
.article .article-content .article-content-warpper .kb-stepcard {
    direction: rtl;
    text-align: right;
}
.entry-content .kb-stepcard__title,
.article .article-content .article-content-warpper .kb-stepcard__title {
    text-align: right !important;
}
.entry-content .kb-stepcard__bubble,
.article .article-content .article-content-warpper .kb-stepcard__bubble {
    display: flex !important;
    align-items: center;
    justify-content: space-around;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    background: #423F59 !important;
    color: #FFFFFF !important;
    font-family: keshet-12-bold, Source Sans Pro, sans-serif !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 28px !important;
    text-align: center !important;
    margin: 0;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: wrap;
    vertical-align: middle;
}

/* ---------------- Sidebar TOC widget ---------------- */
:root {
    --sticky-header-offset: 80px;
}
.sidebar {
    top: var(--sticky-header-offset);
    height: 100%;
    font-size: 15px;
    width: 32%;
}

.hkb_widget_toc {
    background: transparent;
    padding: 0;
}
.hkb_widget_toc .widget__title {
    margin: 0 0 12px;
    text-align: right;
    color: #6e6e6e;
    font-family: keshet-12-regular, Source Sans Pro, sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.hkb_widget_toc #navtoc {
    margin: 0;
}
.hkb_widget_toc #navtoc .nav,
.hkb_widget_toc #navtoc .nav ol {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    direction: rtl;
}
.hkb_widget_toc #navtoc .nav > li + li {
    border-top: 1px solid #e2e2ea;
}
.hkb_widget_toc #navtoc .nav > li.active,
.hkb_widget_toc #navtoc .nav > li.active + li {
    border-top-color: transparent;
}
.hkb_widget_toc #navtoc .nav > li > a {
    display: flex;
    align-items: center;
    height: 54px;
    padding: 16px;
    gap: 10px;
    text-align: right;
    direction: rtl;
    color: #7a7a7a;
    text-decoration: none;
    font-family: keshet-12-regular, Source Sans Pro, sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    border-radius: 8px;
    text-align: right;
}
.hkb_widget_toc #navtoc .nav > li.active > a {
    background: #dedbed;
    color: #1f1c2e;
    font-family: keshet-12-bold, Source Sans Pro, sans-serif;
    font-weight: 700;
    text-align: right;
}
.hkb_widget_toc #navtoc .nav > li > ol {
    margin: 0 0 6px;
    padding: 0;
}
.hkb_widget_toc #navtoc .nav > li > ol li a {
    display: flex;
    align-items: center;
    height: 54px;
    padding: 16px;
    gap: 10px;
    text-align: right;
    direction: rtl;
    font-family: keshet-12-regular, Source Sans Pro, sans-serif;
    font-size: 18px;
    line-height: 18px;
    color: #7a7a7a;
    border-radius: 8px;
       text-align: right;
}

@media only screen and (max-width: 767px) {
    /* Full-width sticky bar behind the mobile TOC */
    .ht-mobile-toc-bar {
        position: sticky;
        /* sit flush under the header; subtract the bar's top padding */
        top: calc(var(--mobile-sticky-offset, 49px) - var(--mobile-toc-bar-pad-y, 6px));
        z-index: 2;
        background: var(--mobile-sticky-bg, #f5f4f7);
        /* make background span viewport width while inside centered container */
        margin-right: calc(-50vw + 50%);
        margin-left: calc(-50vw + 50%);
        width: 100vw;
        box-sizing: border-box;
        /* vertical padding is small so the bar visually hugs the header */
        padding: var(--mobile-toc-bar-pad-y, 7px) 16px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    /* Mobile sticky TOC: sticks under fixed header */
    :root { 
        --mobile-sticky-offset: 49px; /* header 46px + gradient 3px */
        --mobile-toc-bar-pad-y: 6px;  /* small vertical pad inside the bar */
    }
    .ht-mobile-toc {
        position: sticky; /* overridden below when inside the bar */
        top: var(--mobile-sticky-offset, 49px); 
        display: block;
        width: 100%;
        z-index: 2;
        margin: 0px 0 7px;
    }
    /* When the TOC sits inside the full-width bar, let the bar handle stickiness */
    .ht-mobile-toc-bar .ht-mobile-toc {
        position: static !important;
        top: auto !important;
        margin: 0;
    }

    .ht-mobile-toc {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        border-radius: 5px;
        background: #f4f5f5;
        padding: 0px;
        margin: 0 0 20px;
        font-size: 14px;
        line-height: 1.4;
    }

    .ht-mobile-toc .hkb_widget_toc {
        background: transparent;
        padding: 0;
        width: 100%;
    }
    .ht-mobile-toc .widget__title,
    .ht-mobile-toc .ht-mobile-toc__title {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 0;
        padding: 13px 16px 13px 40px;
        background: #e0deec;
        border-radius: 4px;
        font-size: 20px;
        font-weight: 700;
        line-height: 1;
        position: relative;
        width: 100%;
        box-sizing: border-box;
    }
    .ht-mobile-toc .widget__title::before,
    .ht-mobile-toc .ht-mobile-toc__title::before {
        content: '';
        position: absolute;
        left: 16px;
        top: 50%;
        width: 10px;
        height: 10px;
        border: solid #454545;
        border-width: 0 2px 2px 0;
        transform: translateY(-50%) rotate(45deg);
    }
    .ht-mobile-toc.is-open .widget__title::before,
    .ht-mobile-toc.is-open .ht-mobile-toc__title::before {
        transform: translateY(-50%) rotate(-135deg);
    }
    .ht-mobile-toc #navtoc {
        display: none;
        margin-top: 8px;
        width: 100%;
    }
    .ht-mobile-toc.is-open #navtoc {
        display: block;
    }
    .ht-mobile-toc #navtoc .nav > li > a,
    .ht-mobile-toc #navtoc .nav > li > ol li a {
        height: auto;
        padding: 14px 16px;
        border-radius: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .ht-mobile-toc #navtoc .nav > li + li {
        border-top: 1px solid #e2e2ea;
    }
    .ht-mobile-toc #navtoc .nav > li > a,
    .ht-mobile-toc #navtoc .nav > li > ol li a {
        font-size: 18px;
        font-weight: 400;
        line-height: 1;
    }
}