body:has(.knowledge-flex-wrapper) { overflow: unset; }

.text-page-content { padding-top: 88px; }
.text-page-content.text-page-two-content { background: var(--white-color); padding: 88px 0px; }
.text-page-inner { background: var(--white-color); padding: 84px 118px; border-radius: 34px; }
.text-page-inner.cms-page-content { padding: 30px; margin-top: 60px; border-radius: 16px; }
.inner-banner:has(~ .section-page-wrapper .text-page-inner.cms-page-content)  { background: var(--white-color); }
.inner-banner:has(~ .section-page-wrapper .text-page-inner.cms-page-content) .inner-banner-content { color: var(--black-color); padding-left: 0px; }
.inner-banner:has(~ .section-page-wrapper .text-page-inner.cms-page-content)::after { display: none; }
.text-page-content.text-page-two-content .text-page-inner { padding-block: 0px; }
.text-page-inner .secondary-common-title { padding-bottom: 52px; border-bottom: 1px solid var(--grey-color-300); }
.text-page-inner h1 { font-size: 55px; line-height: 63px; }
.text-page-inner h2 { font-size: 50px; line-height: 60px; }
.text-page-inner h3 { font-size: 40px; line-height: 50px; }
.text-page-inner h4 { font-size: 35px; line-height: 50px; }
.text-page-inner h5 { font-size: 28px; line-height: 30px; }
.text-page-inner h6 { font-size: 26px; line-height: 32px; }
.text-page-inner code { padding: 0 3px; }
.text-page-inner p:not(.not-sure p), .text-page-inner li, .text-page-inner summary  { font-size: 18px; line-height: 24px; margin-bottom: 8px; }
.tax-product_cat  .text-page-inner p strong { margin-top: 30px; display: block; }
.text-page-inner .has-small-font-size { font-size: 14px !important; line-height: 22px !important;  max-width: 70%; margin: 0px auto 67px; }
.text-page-inner .has-medium-font-size { font-size: 18px !important; line-height: 24px !important;  max-width: 70%; margin: 0px auto 67px; }
.text-page-inner .has-large-font-size { font-size: 22px !important; line-height: 28px !important; max-width: 70%; margin: 0px auto 67px; }
.text-page-inner .has-x-large-font-size { font-size: 24px !important; line-height: 32px !important; max-width: 70%; margin: 0px auto 67px;  }
.text-page-inner h1:has(+ .wp-block-table) + .wp-block-table,
.text-page-inner h2:has(+ .wp-block-table) + .wp-block-table,
.text-page-inner h3:has(+ .wp-block-table) + .wp-block-table,
.text-page-inner h4:has(+ .wp-block-table) + .wp-block-table,
.text-page-inner h5:has(+ .wp-block-table) + .wp-block-table,
.text-page-inner h6:has(+ .wp-block-table) + .wp-block-table { margin-top: 0px;}
.text-page-inner h1:has(+ .wp-block-image) + .wp-block-image,
.text-page-inner h2:has(+ .wp-block-image) + .wp-block-image,
.text-page-inner h3:has(+ .wp-block-image) + .wp-block-image,
.text-page-inner h4:has(+ .wp-block-image) + .wp-block-image,
.text-page-inner h5:has(+ .wp-block-image) + .wp-block-image,
.text-page-inner h6:has(+ .wp-block-image) + .wp-block-image { margin-top: 0px;}
.text-page-inner p:last-child,
.text-page-inner .wp-block-table:last-child,
.wp-block-columns:last-child,
.text-page-inner .wp-block-details:last-child,
.text-page-inner .wp-block-quote:last-child,
.text-page-inner .wp-block-preformatted:last-child,
.text-page-inner .wp-block-pullquote:last-child,
.text-page-inner .wp-block-list:last-child  { margin-bottom: 0px; }
.text-page-inner h1, .text-page-inner h3, .text-page-inner h4,
.text-page-inner h5, .text-page-inner h6 { font-weight: 700; }
.text-page-inner h2 { font-weight: 600; }
.text-page-inner h1, .text-page-inner h2, .text-page-inner h3,
.text-page-inner h4, .text-page-inner h5, .text-page-inner h6 { margin-bottom: 16px; }
.text-page-inner .column-count-2 { column-count: 2; overflow: hidden; }
.text-page-inner .column-count-2 li { float: left; width: 100%; }
.text-page-inner a:hover { color: var(--red-color);}
.text-page-inner .wp-block-image.aligncenter  {  width: fit-content; margin: 44px auto; }
.text-page-inner .wp-block-buttons { text-align: center; margin: 0px 0px 30px 0px; }
.text-page-inner .wp-block-columns { margin: 0px -15px 60px; }
.text-page-inner .wp-block-columns:last-child { margin-bottom: 0px; }
.text-page-inner :where(.wp-block-columns.is-layout-flex) { gap: 0px; }
.text-page-inner .wp-block-columns .wp-block-column {  padding: 0px 15px; }
.text-page-inner .wp-block-columns .wp-block-column .wp-block-image  { border-radius: 12px; margin: 0px; overflow: hidden; width: 100%; aspect-ratio:  1 / 0.8; }
.text-page-inner .wp-block-columns .wp-block-column .wp-block-image img { width: 100%; height: 100%; object-fit: cover; }
.text-page-inner .wp-block-table { margin: 25px 0px; }
.text-page-inner .wp-block-table.alignwide { max-width: 80%; margin: 80px auto; }
.text-page-inner .wp-block-table thead {  background: var(--red-color); color: var(--white-color); border: none; text-transform: capitalize; }
.text-page-inner .wp-block-table.blue-table thead { background: var(--blue-color); }
.text-page-inner .wp-block-table.blue-table th { border-color: var(--blue-color); }
.text-page-inner .wp-block-table.normal-table thead { background: var(--grey-color-1200); }
.text-page-inner .wp-block-table.normal-table th { border-color: var(--grey-color-1200); color: var(--black-color); }
.text-page-inner .wp-block-table th { border-color: var(--red-color);  font-weight: 600; }
.text-page-inner .wp-block-table td,
.text-page-inner .wp-block-table th  { padding: 14px; font-size: 16px; line-height: 1.3; }
body.term-61 .text-page-inner .wp-block-table tr { vertical-align: top; }
.text-page-inner .wp-block-table td { border-color: var(--grey-color-900); }
.text-page-inner .wp-block-table.is-style-stripes { border-bottom: none; }
.text-page-inner .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: var(--grey-color-1000);  }
.text-page-inner .wp-block-table tfoot { border: none; background: var(--red-color); color: var(--white-color); text-transform: capitalize; }
.text-page-inner .wp-block-table tfoot td { border-color: var(--red-color); }
.text-page-inner .wp-block-table figcaption.wp-element-caption { font-size: 14px; line-height: 1.3; margin-top: 14px; text-align: left; color: var(--black-color); }
.text-page-inner .wp-block-details { padding: 42px 37px; background: var(--grey-color-1200); border-radius: 6px; margin-bottom: 30px; }
.text-page-inner .wp-block-details[open] summary { margin-bottom: 12px; }
.text-page-inner .wp-block-details summary { font-weight: bold; margin-bottom: 0px; }
.text-page-inner .wp-block-details p:last-child { margin-bottom: 0px; }
.wp-block-buttons { margin-top: 60px; }
.text-page-inner .wp-block-button__link  { text-transform: capitalize; display: inline-block; font-size: 16px; line-height: 1; font-weight: 600; padding: 14px 26px; background: var(--red-color); color: var(--white-color); border: 2px solid transparent; border-radius: 50px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.text-page-inner .wp-block-button__link:hover { color: var(--white-color); background: var(--red-hover-color) ; }
.text-page-inner .wp-block-quote { background: var(--grey-color-1200); margin: 20px 0px; padding: 42px 37px; border-radius: 6px; border: none; }
.text-page-inner .wp-block-quote pre { margin-bottom: 0px; }
.text-page-inner .wp-block-quote h1, .text-page-inner .wp-block-quote h2, .text-page-inner .wp-block-quote h3,
.text-page-inner .wp-block-quote h4, .text-page-inner .wp-block-quote h5, .text-page-inner .wp-block-quote h6 { margin-bottom: 12px; }
.text-page-inner .wp-block-quote p:last-child { margin-bottom: 0px; }
.text-page-inner .wp-block-preformatted { margin: 40px 0px; }
.text-page-inner  .wp-block-pullquote { margin: 40px 0px; border-width: 3px; border-color: var(--red-color); padding: 40px 0px; }
.text-page-inner .wp-block-list { margin: 40px 0px; padding-left: 20px; }
.text-page-inner .wp-block-list li:last-child { margin-bottom: 0px; }
.text-page-inner ol.wp-block-list { list-style-type: decimal; }
.text-page-inner ul.wp-block-list { list-style-type: disc; }
.text-page-inner .wp-block-code { border:0; padding:0;}
body.tax-product_cat .entry-content .text-page-inner.cms-page-content ul { padding-left: 20px; list-style-type: disc;}
body.tax-product_cat .text-page-inner .wp-block-table th,
body.tax-product_cat .text-page-inner .wp-block-table tfoot td { border-color: #808080; background: #808080; color: var(--white-color); text-align: center; }
body.tax-product_cat .text-page-inner .wp-block-table .custom-width-table { width: 70%; margin-inline: auto; }
body.tax-product_cat .text-page-inner .wp-block-table .custom-width-table th:last-child,
body.tax-product_cat .text-page-inner .wp-block-table .custom-width-table td:last-child { text-align: left; }
body.tax-product_cat .text-page-inner .wp-block-table .standard-prod-table { margin-bottom: 20px; }

/*knowledge base page css*/
.knowledge-flex-wrapper { padding: 20px 0px; background: var(--white-color); }
.knowledge-flex-wrapper .knowledge-left-wrapper { position: relative; width: 375px; border-right: 1px solid var(--grey-color-1300); padding-inline: 30px 16px; transition: all 0.5s; -webkit-transition: all 0.5s; }
.knowledge-flex-wrapper .knowledge-left-wrapper .close-shift-btn { display: none; padding: 0px; margin: 0px 0px 10px auto; width: 26px; height: 26px; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; background: var(--red-color); color: var(--white-color); border-radius: 4px; font-size: 12px; line-height: 1; border: none; }
.knowledge-flex-wrapper .knowledge-left-wrapper .close-shift-btn:hover,
.knowledge-flex-wrapper .knowledge-left-wrapper .close-shift-btn:active { background: var(--red-hover-color); color: var(--white-color); }
.knowledge-flex-wrapper .knowledge-left-wrapper-inner { position: sticky; top: 105px; }
.knowledge-flex-wrapper .knowledge-left-wrapper-inner > .title { font-weight: 600; margin-bottom: 32px; }
.knowledge-flex-wrapper .knowledge-left-wrapper-inner > .title a { color: var(--black-color); }
.knowledge-flex-wrapper .knowledge-left-wrapper .main-list { height: calc(100dvh - 160px); padding-bottom: 30px; padding-right: 15px; overflow-y: auto;  }
.knowledge-flex-wrapper .knowledge-left-wrapper ul { padding-left: 0px; }
.knowledge-flex-wrapper .knowledge-left-wrapper ul li { padding-left: 0px; cursor: pointer; }
/* .knowledge-flex-wrapper .knowledge-left-wrapper ul li:not(:has( > .sub-list)) { padding-left: 52px; } */
 .knowledge-flex-wrapper .knowledge-left-wrapper ul li.no-icon-list { padding-left: 24px; }
.knowledge-flex-wrapper .knowledge-left-wrapper ul li .sub-list { padding-left: 26px; }
.knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed.expanded >  .arrow-btn-wrapper > .btn i { transform: rotate(90deg); -webkit-transform: rotate(90deg); }

.knowledge-flex-wrapper .knowledge-left-wrapper ul li .arrow-btn-wrapper { display: flex; display: -webkit-flex; gap: 0px; margin-bottom: 16px; }
.knowledge-flex-wrapper .knowledge-left-wrapper ul li .arrow-btn-wrapper .btn { position: relative; padding: 0px; margin: 0px; border: none; width: 26px; height: 26px; flex-shrink: 0; -webkit-flex-shrink: 0; }
.knowledge-flex-wrapper .knowledge-left-wrapper ul li:not(:last-child) { margin-bottom: 16px; }
.knowledge-flex-wrapper .knowledge-left-wrapper ul li a { font-size: 16px; line-height: 24px; color: var(--black-color); display: block; }
.knowledge-flex-wrapper .knowledge-left-wrapper ul li a:hover { color: var(--red-color); }
.knowledge-flex-wrapper .knowledge-left-wrapper ul li a:has( ~ ul) { margin-bottom: 16px; }
.knowledge-flex-wrapper .knowledge-left-wrapper ul li .searchbar .form-control { margin-bottom: 16px; padding: 12px 12px 12px 38px; border-radius: 6px; }
.knowledge-flex-wrapper .knowledge-left-wrapper ul li .searchbar { position: relative; }
.knowledge-flex-wrapper .knowledge-left-wrapper ul li .searchbar::before { content: "\f002"; font-family: 'fontawesome'; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); font-size: 18px; line-height: 1;  }
.knowledge-flex-wrapper .knowledge-left-wrapper ul li > a { position: relative; }
.knowledge-flex-wrapper .knowledge-left-wrapper ul li > a.active { color: var(--red-color); }
/* .knowledge-flex-wrapper .knowledge-left-wrapper ul li.collapsed > a::before {  content: "\f105"; font-family: 'fontawesome';  position: absolute; top: 4px; left: -18px; font-size: 16px; line-height: 1; transition: all 0.3s; -webkit-transition: all 0.3s;  } */
.knowledge-flex-wrapper .knowledge-left-wrapper ul li > a::before { pointer-events: none; content: "\f111"; font-family: 'fontawesome'; position: absolute; top: 8px; left: -16px; font-size: 8px; line-height: 1;  }
.knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed > ul,
.knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed > .searchbar { display: none; }
.knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed.expanded > ul,
.knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed.expanded > .searchbar { display: block; }
.knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed.expanded > a::before { transform: rotate(90deg); -webkit-transform: rotate(90deg);  }
.knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed a.selected { background: var(--red-color); color: var(--white-color); padding: 10px; border-radius: 4px; }
.knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed a.selected::before { color: var(--red-color); top: 12px; transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.knowledge-flex-wrapper .knowledge-right-wrapper { width: calc(100% - 375px); padding-inline: 52px; }
.knowledge-flex-wrapper .knowledge-right-wrapper .shift-btn { display: none; margin-bottom: 20px; padding: 0px; width: 26px; height: 26px; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; background: var(--red-color); color: var(--white-color); border-radius: 4px; font-size: 12px; line-height: 1; border: none; }
.knowledge-flex-wrapper .knowledge-right-wrapper .shift-btn:hover,
.knowledge-flex-wrapper .knowledge-right-wrapper .shift-btn:active { background: var(--red-hover-color); color: var(--white-color); }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper { padding-block: 16px 26px; border-bottom: 1px solid var(--grey-color-300); }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper .breadcrumb { margin-bottom: 45px; }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper .breadcrumb-item { text-transform: capitalize; font-size: 12px; line-height: 16px; }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper .breadcrumb-item a { text-transform: capitalize; color: var(--black-color); }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper .breadcrumb-item a:hover { color: var(--red-color); }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper .breadcrumb-item.active  { color: var(--red-color); }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper .secondary-common-title { margin-bottom: 0px; }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content { padding: 35px 0px; }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .text-page-inner { padding: 0px; background: none; border-radius: 0px; }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content .text-page-inner ~ .related-articles { padding-top: 45px; margin-top: 45px; border-top: 1px solid var(--grey-color-300); }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content .related-articles .title { margin-bottom: 16px; display: block; }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content .related-articles ul { padding-left: 20px; }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content .related-articles ul li:not(:last-child) { margin-bottom: 12px; }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content .related-articles ul li a { position: relative; }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content .related-articles ul li a:hover { color: var(--red-color); }
.knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content .related-articles ul li a::before { content: '\f15c'; font-family: 'fontawesome'; position: absolute; top: 0; left: -20px; }
.single-spl_knowledgebase .wp-block-table table { border-width: 1px; }
.single-spl_knowledgebase .wp-block-table th { border-color: inherit; color: #004080; background-color: #DFDFDF; }
/*knowledge base page css ends*/



@media ( min-width: 1170px ) and ( max-width: 1499px) {
    .text-page-content { padding-top: 56px; }
    .text-page-content.text-page-two-content { padding: 56px 0px; }
}

@media ( min-width: 992px ) and ( max-width: 1169px) {
    .text-page-content { padding-top: 56px; }
    .text-page-content.text-page-two-content { padding: 56px 0px; }
    .text-page-inner { padding: 44px; border-radius: 16px; }

    .text-page-inner h1 { font-size: 50px; line-height: 58px; }
    .text-page-inner h2 { font-size: 42px; line-height: 50px; }
    .text-page-inner h3 { font-size: 36px; line-height: 44px; }
    .text-page-inner h4 { font-size: 30px; line-height: 38px; }
    .text-page-inner h5 { font-size: 26px; line-height: 34px; }
    .text-page-inner h6 { font-size: 24px; line-height: 32px; }
    .text-page-inner p:not(.not-sure p), .text-page-inner li, .text-page-inner summary  { font-size: 16px; line-height: 24px; margin-bottom: 16px; }
    .text-page-inner .has-small-font-size { font-size: 14px !important; line-height: 22px !important;  max-width: 80%; margin: 0px auto 47px; }
    .text-page-inner .has-medium-font-size { font-size: 16px !important; line-height: 24px !important;  max-width: 80%; margin: 0px auto 47px; }
    .text-page-inner .has-large-font-size { font-size: 18px !important; line-height: 26px !important; max-width: 80%; margin: 0px auto 47px; }
    .text-page-inner .has-x-large-font-size { font-size: 20px !important; line-height: 28px !important; max-width: 80%; margin: 0px auto 47px;  }
    .text-page-inner h1, .text-page-inner h2, .text-page-inner h3,
    .text-page-inner h4, .text-page-inner h5, .text-page-inner h6 { margin-bottom: 16px; }

    .text-page-inner .wp-block-columns { margin: 0px -15px 50px; }
    .text-page-inner .wp-block-image.aligncenter { margin: 24px auto; }
    .text-page-inner .wp-block-table.alignwide { margin: 30px auto; max-width: 100%; }
    .text-page-inner .wp-block-table { margin: 30px 0px; }
    .text-page-inner .wp-block-details,
    .text-page-inner .wp-block-quote { padding: 20px; }
    .text-page-inner .wp-block-buttons { margin-top: 30px; }
    .text-page-inner .wp-block-pullquote { padding: 30px 0px; }
    .text-page-inner .wp-block-quote,
    .text-page-inner .wp-block-preformatted,
    .text-page-inner .wp-block-pullquote,
    .text-page-inner .wp-block-list { margin: 30px 0px; }

    .knowledge-flex-wrapper .knowledge-left-wrapper { width: 300px; padding-inline: 12px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper-inner { top: 92px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper-inner > .title { margin-bottom: 18px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper .main-list { padding-right: 10px; height: calc(100dvh - 134px); }
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li:not(:last-child) { margin-bottom: 12px; }
    /* .knowledge-flex-wrapper .knowledge-left-wrapper ul { padding-left: 18px; } */
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li a:has( ~ ul) { margin-bottom: 12px; }
    /* .knowledge-flex-wrapper .knowledge-left-wrapper ul li.collapsed > a::before { left: -16px; top: 4px; } */
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li .searchbar::before { font-size: 16px; left: 10px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li .searchbar .form-control { margin-bottom: 12px; padding: 10px 12px 10px 32px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed a.selected { padding: 7px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed a.selected::before { top: 10px; }

    .knowledge-flex-wrapper .knowledge-right-wrapper { width: calc(100% - 300px); padding-inline: 22px; }
    .knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper .breadcrumb { margin-bottom: 25px; }
    .knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content { padding: 25px 0px; }
    .knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content .text-page-inner ~ .related-articles { padding-top: 20px; margin-top: 20px; }

}

@media ( min-width: 768px ) and ( max-width: 991px) {
    .text-page-content { padding-top: 40px; }
    .text-page-content.text-page-two-content { padding: 40px 0px; }
    .text-page-inner { padding: 22px; border-radius: 16px; }
    .text-page-inner h1 { font-size: 42px; line-height: 50px; }
    .text-page-inner h2 { font-size: 36px; line-height: 44px; }
    .text-page-inner h3 { font-size: 30px; line-height: 40px; }
    .text-page-inner h4 { font-size: 26px; line-height: 36px; }
    .text-page-inner h5 { font-size: 24px; line-height: 32px; }
    .text-page-inner h6 { font-size: 20px; line-height: 28px; }
    .text-page-inner p:not(.not-sure p), .text-page-inner li, .text-page-inner summary  { font-size: 16px; line-height: 24px; margin-bottom: 16px; }
    .text-page-inner .has-small-font-size { font-size: 12px !important; line-height: 22px !important;  max-width: 100%; margin: 0px auto 32px; }
    .text-page-inner .has-medium-font-size { font-size: 14px !important; line-height: 22px !important;  max-width: 100%; margin: 0px auto 32px; }
    .text-page-inner .has-large-font-size { font-size: 16px !important; line-height: 24px !important; max-width: 100%; margin: 0px auto 32px; }
    .text-page-inner .has-x-large-font-size { font-size: 18px !important; line-height: 26px !important; max-width: 100%; margin: 0px auto 32px;  }
    .text-page-inner h1, .text-page-inner h2, .text-page-inner h3,
    .text-page-inner h4, .text-page-inner h5, .text-page-inner h6 { margin-bottom: 16px; }
    .text-page-inner.cms-page-content { padding: 20px; margin-top: 40px; }
    .text-page-inner .wp-block-columns { margin: 0px -15px 40px; }

    .text-page-inner .wp-block-image.aligncenter { margin: 24px auto; }
    .text-page-inner .wp-block-table.alignwide { margin: 30px auto; max-width: 100%; }
    .text-page-inner .wp-block-table { margin: 30px 0px; overflow-x: auto; padding-bottom: 10px; }
    .wp-block-table table { min-width: 991px; }
    .text-page-inner .wp-block-details, .text-page-inner .wp-block-quote { padding: 16px; }
    .text-page-inner .wp-block-buttons { margin-top: 30px; }
    .text-page-inner .wp-block-pullquote { padding: 30px 0px; }
    .text-page-inner .wp-block-quote,
    .text-page-inner .wp-block-preformatted,
    .text-page-inner .wp-block-pullquote,
    .text-page-inner .wp-block-list { margin: 30px 0px; }

    .knowledge-flex-wrapper .knowledge-left-wrapper { width: 240px; padding-inline: 6px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper-inner { top: 99px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper-inner > .title { margin-bottom: 12px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper .main-list { padding-right: 10px; height: calc(100dvh - 134px); }
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li:not(:last-child) { margin-bottom: 10px; }
    /* .knowledge-flex-wrapper .knowledge-left-wrapper ul { padding-left: 16px; } */

    .knowledge-flex-wrapper .knowledge-left-wrapper ul li a { font-size: 14px; line-height: 20px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li a:has( ~ ul) { margin-bottom: 10px; }
    /* .knowledge-flex-wrapper .knowledge-left-wrapper ul li.collapsed > a::before { font-size: 14px; left: -14px; top: 3px; } */
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li > a::before { font-size: 6px; left: -12px; top: 8px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li .searchbar::before { font-size: 14px; left: 10px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li .searchbar .form-control { margin-bottom: 12px; padding: 10px 12px 10px 32px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed a.selected { padding: 7px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed a.selected::before { top: 10px; }

    .knowledge-flex-wrapper .knowledge-right-wrapper { width: calc(100% - 240px); padding-inline: 16px; }
    .knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper .breadcrumb { margin-bottom: 16px; }
    .knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper .breadcrumb-item { margin-bottom: 4px; }
    .knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content { padding: 16px 0px; }
    .knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content .text-page-inner ~ .related-articles { padding-top: 15px; margin-top: 15px; }

}

@media (max-width: 781px) {
    .text-page-inner .wp-block-columns { margin: 0px -15px 30px; }
    .text-page-inner .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 30px; }
}

@media ( max-width: 767px) {
    .text-page-content { padding-top: 40px; }
    .text-page-content.text-page-two-content { padding: 40px 0px; }
    .text-page-inner { padding: 18px; border-radius: 12px; }
    .text-page-inner h1 { font-size: 34px; line-height: 32px; }
    .text-page-inner h2 { font-size: 30px; line-height: 38px; }
    .text-page-inner h3 { font-size: 26px; line-height: 34px; }
    .text-page-inner h4 { font-size: 22px; line-height: 30px; }
    .text-page-inner h5 { font-size: 20px; line-height: 28px; }
    .text-page-inner h6 { font-size: 18px; line-height: 26px; }
    .text-page-inner p:not(.not-sure p), .text-page-inner li, .text-page-inner summary { font-size: 16px; line-height: 24px; margin-bottom: 16px; }
    .text-page-inner .has-small-font-size { font-size: 12px !important; line-height: 20px !important;  max-width: 100%; margin: 0px auto 22px; }
    .text-page-inner .has-medium-font-size { font-size: 14px !important; line-height: 22px !important;  max-width: 100%; margin: 0px auto 22px; }
    .text-page-inner .has-large-font-size { font-size: 16px !important; line-height: 24px !important; max-width: 100%; margin: 0px auto 22px; }
    .text-page-inner .has-x-large-font-size { font-size: 18px !important; line-height: 26px !important; max-width: 100%; margin: 0px auto 22px;  }

    .text-page-inner h1, .text-page-inner h2, .text-page-inner h3,
    .text-page-inner h4, .text-page-inner h5, .text-page-inner h6 { margin-bottom: 16px; }
    .text-page-inner .wp-block-button__link {  font-size: 14px;  padding: 14px 26px; }
    .text-page-inner.cms-page-content { padding: 20px 16px; margin-top: 40px; }
    .text-page-inner .wp-block-columns { margin: 0px -15px 30px; }
    .text-page-inner .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 30px; }
    .text-page-inner .column-count-2 { column-count: 1; }

    /* .text-page-inner .wp-block-columns:has(> *:nth-child(2):has(> .wp-block-image)):not(:has(> *:nth-child(3))) { flex-direction: column-reverse; }
    .text-page-inner .wp-block-columns:has(> *:nth-child(2)):not(:has(> *:nth-child(3))) .wp-block-column  { margin-bottom: 30px; }
    .text-page-inner .wp-block-columns:has(> *:nth-child(2)):not(:has(> *:nth-child(3))) .wp-block-column:last-child { margin-bottom: 30px; } */

    .text-page-inner .wp-block-image.aligncenter { margin: 24px auto; }
    .text-page-inner .wp-block-table.alignwide { margin: 30px auto; max-width: 100%; }
    .text-page-inner .wp-block-table { margin: 30px 0px; overflow-x: auto; padding-bottom: 10px; }
    .wp-block-table table { min-width: 767px; }
    .text-page-inner .wp-block-details,
    .text-page-inner .wp-block-quote { padding: 12px; border-radius: 12px; }
    .text-page-inner .wp-block-buttons { margin-top: 30px; }
    .text-page-inner .wp-block-pullquote { padding: 30px 0px; }
    .text-page-inner .wp-block-quote,
    .text-page-inner .wp-block-preformatted,
    .text-page-inner .wp-block-pullquote,
    .text-page-inner .wp-block-list { margin: 30px 0px; }

    .knowledge-flex-wrapper { position: relative; min-height: 100dvh;  }
    .knowledge-flex-wrapper .knowledge-left-wrapper { position: absolute; top: 0; left: 0%; transform: translateX(-100%); -webkit-transform: translateX(-100%);  width: 100%; height: 100%; padding: 12px 6px; z-index: 1; background: var(--white-color); }
    .knowledge-flex-wrapper .knowledge-left-wrapper.shift { transform: translateX(0); -webkit-transform: translateX(0); }
    .knowledge-flex-wrapper .knowledge-left-wrapper-inner { top: 66px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper-inner > .title { margin-bottom: 12px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper .main-list { padding-right: 10px; height: calc(100dvh - 147px); }
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li:not(:last-child) { margin-bottom: 10px; }
    /* .knowledge-flex-wrapper .knowledge-left-wrapper ul { padding-left: 16px; } */
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li a { font-size: 14px; line-height: 20px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li a:has( ~ ul) { margin-bottom: 10px; }
    /* .knowledge-flex-wrapper .knowledge-left-wrapper ul li.collapsed > a::before { font-size: 14px; left: -14px; top: 3px; } */
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li > a::before { font-size: 6px; left: -12px; top: 8px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li .searchbar::before { font-size: 11px; left: 9px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper ul li .searchbar .form-control { margin-bottom: 12px; padding: 10px 12px 10px 24px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed a.selected { padding: 7px; }
    .knowledge-flex-wrapper .knowledge-left-wrapper li.collapsed a.selected::before { top: 10px; }
    .knowledge-flex-wrapper .knowledge-right-wrapper .shift-btn,
    .knowledge-flex-wrapper .knowledge-left-wrapper .close-shift-btn { display: flex; display: -webkit-flex; }
    .knowledge-flex-wrapper .knowledge-right-wrapper { width: calc(100% - 0px); padding-inline: 16px; }
    .knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper { padding-top: 0px; }
    .knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper .breadcrumb { margin-bottom: 16px; }
    .knowledge-right-wrapper .knowledge-right-wrapper-inner .title-wrapper .breadcrumb-item { margin-bottom: 4px; }
    .knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content { padding: 16px 0px 0px; }
    .knowledge-right-wrapper .knowledge-right-wrapper-inner .knowledge-right-inner-content .text-page-inner ~ .related-articles { padding-top: 15px; margin-top: 15px; }

}