/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.5.1.1743877974
Updated: 2025-04-06 03:32:54

*/

/* Container for search results - wrap the loop in your search.php if possible */
.search-results-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

/* Each search result item styling */
.search-result-item {
    background-color: #ffffff;
    /* Adjust background color as needed */
    border: 1px solid #ddd;
    /* A light border for separation */
    padding: 20px;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    transition: transform 0.3s ease;
}

/* Hover effect for search result boxes */
.search-result-item:hover {
/* transform: translateY(-5px);*/

    transform: none;
        background-color: #f0f0f0;
        cursor: pointer;
}

/* Two-column layout on larger screens */
@media (min-width: 769px) {
    .search-result-item {
        flex: 0 0 calc(50% - 20px);
        /* Two columns with gap adjustment */
    }
}

/* Single column layout for smaller screens */
@media (max-width: 768px) {
    .search-result-item {
        width: 100%;
    }
}

/* Styling headings and text within each search result */
.search-result-item .entry-title {
    margin: 0 0 10px;
    font-size: 1.5em;
    color: #222222;
    /* Use your desired text color */
}

.search-result-item .entry-summary,
.search-result-item p {
    font-size: 0.8em;
    line-height: 1.5;
    color: #575760;
    margin-bottom: 0.3em;
    margin-top: 0.3em;
}

html body.search.separate-containers .paging-navigation {
    padding: 20px !important;
    text-align: center;
}

html body.search.separate-containers .comments-area {
        padding: 20px !important;
    }

html body.search.separate-containers .inside-article {
        padding: 0px !important;
    }

html body.search.separate-containers .page-header {
        padding: 20px !important;
    }

.search-result-item:hover,
.search-result-item:hover .inside-article {
    background-color: #f0f0f0 !important;
    /* Change this to your preferred hover background color */
    cursor: pointer;
        position: relative !important;
}

.search-result-item .inside-article {
    position: relative !important;
}

.page-header .author-info> :last-child,
.page-header> :last-child {
    margin-bottom: 0;
}

h1 {
    font-size: 42px;
    margin-bottom: 20px;
    line-height: 1.2em;
    font-weight: 400;
    text-transform: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: inherit;
    
    font-style: inherit;
    font-weight: inherit;
}


.search-result-item .new-tab-button {
    position: absolute !important;
        top: -25px !important;
        right: -24px !important;
        display: inline-block !important;
        width: 29px !important;
        height: 0px !important;
        line-height: 30px !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        background: #000 !important;
        border: none !important;
        cursor: pointer !important;
        font-size: 1.2em !important;
        color: #ffffff !important;
        z-index: 10 !important;
}

body.search .page-header .page-title {
    font-size: 1.4em; /* Your desired size */
    font-weight: normal; /* Adjust weight as needed */
    /* any other style modifications */
}

/* Container for the bizpage cards */
.bizpage-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
    padding: 20px;
}

/* Bizpage card styling */
.bizpage-cards article {
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    flex: 1 1 calc(50% - 20px);
    /* Two columns layout with gap */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect for cards */
.bizpage-cards article:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Optional: Adjust title and content styling */
.bizpage-cards article .entry-title {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.bizpage-cards article .entry-content {
    font-size: 0.9em;
    line-height: 1.4;
    color: #555;
}

.copyright-bar {
    text-align: left;
    }

/* 1) Sticky header */
.site-header {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 1000;
}

/* 2) Push *everything* down so nothing sits under the header */
body {
  padding-top: 80px; /* ← match this to your header height */
}

/* 3) Bump down when the WP admin bar is present */
body.admin-bar {
  padding-top: calc(60px + 10px);
}

/* Base menu‑button styles using flex for robust vertical centering */
.main-navigation .main-nav ul li a {
    display: flex;
    align-items: center;
    margin-left: 10px;
    text-transform: uppercase;
    /* vertically center text/icons */
    padding: 0 20px;
    /* 0 top/bottom, 20px left/right */
    line-height: 40px;
    /* at least 60px tall */
    border-radius: 4px;
    /* rounded corners */
    color: #222222;
    /* default text color */
    background-color: transparent;
    transition:
        background-color 300ms ease,
        color 300ms ease,
        transform 200ms ease;
}

/* Hover state: gray background, white text, slight pop */
.main-navigation .main-nav ul li a:hover {
    background-color: #575760;
    color: #ffffff !important;
    transform: scale(1.05);
}

/* Active/current menu item: blue background, white text */
.main-navigation .main-nav ul li.current-menu-item>a,
.main-navigation .main-nav ul li.current_page_item>a {
    background-color: #1e73be;
    color: #ffffff !important;
    transform: none;
    /* no scale on active */
}

/* Focus outline for accessibility */
.main-navigation .main-nav ul li a:focus {
    outline: 2px solid #222222;
    outline-offset: 2px;
}

/* Make sure the SVG uses currentColor */
.wp-block-search__button .search-icon {
    fill: currentColor;
    transition: fill 300ms ease;
}

/* Base button look */
.wp-block-search__button {
    background: transparent;
    color: #222222;
    /* default icon color */
    border: none;
    padding: 0.5em;
    border-radius: 4px;
    transition: background-color 300ms ease, color 300ms ease;
    cursor: pointer;
}

/* Hover state: gray background + white icon */
.wp-block-search__button:hover {
    background-color: #1e73be;
    /* grayish hover bg */
    color: #ffffff;
    /* this makes the SVG turn white */
}

/* Optional: focus outline for accessibility */
.wp-block-search__button:focus {
    outline: 2px solid #222222;
    outline-offset: 2px;
}


/* Style for the English business name */
.biz-name-en {
    font-size: 1.1rem!important;
    /* larger text */
    font-weight: 600;
    
}

/* Style for the registration line */
.biz-reg {
    
}

/* Style for the address line */
.biz-address {
   
}

.inside-header {
    padding: 20px 0px;
}

/* 1) Wrapper */
.wp-block-search__inside-wrapper {
    background-color: #ffffff;
    /* White background */
    padding: 10px;
    /* Adjust the padding */
    border: 1px solid #ddd;
    /* Light gray border */
    border-radius: 4px;
    /* Rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    /* Optional: subtle shadow */
}

/* 2) Input field */
.home-search-bar .wp-block-search__input {
    width: calc(100% - 3rem);
    /* leave space for the button */
    padding: 0.75rem 1rem;
    font-size: 1.4rem;
    color: #222222;
    background: #ffffff;
   /* border: 1px solid #ccc; */
    border-radius: 4px;
    box-sizing: border-box;
    border: none;
}

/* 3) Search button */
.home-search-bar .wp-block-search__button {
    width: 5.5rem;
    height: 3.5rem;
    margin-left: 0.5rem;
    background: #1e73be;
    border: none;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 200ms ease;
}

/* 4) Button hover */
.home-search-bar .wp-block-search__button:hover {
    background: #155a96;
}

/* 5) SVG icon inherits text color */
.home-search-bar .search-icon {
    fill: #ffffff;
    width: 1.25rem;
    height: 1.25rem;
}

/* 6) Placeholder styling */
.home-search-bar .wp-block-search__input::placeholder {
    color: #575760;
    opacity: 1;
}

.kobdi-feature-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    margin-top: 50px;
    text-align: center;
}

.kobdi-feature {
    flex: 1 1 280px;
    max-width: 375px;
    padding: 20px;
    border-radius: 12px;
    background: #f9f9f9;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);
}

.kobdi-feature i {
    font-size: 36px;
    color: ##1e73be;
    margin-bottom: 15px;
    /*display: block;*/
}

.kobdi-feature h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.kobdi-feature p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
}

/* Style the Log Out link via your custom class */
.menu-item-logout > a {
  color: #fff!important;
  background: #e74c3c!important;
  border-radius: 4px!important;
  transition: background 200ms ease!important;
}

.menu-item-logout > a:hover {
  background: #c0392b!important;
}

/* 1) Wrapper: center it, set max‑width, background, border, padding */
body.search .search-bar-top.wp-block-search__inside-wrapper {
  max-width: 666px;
  width: 100%;
  margin: 0 auto 1.5rem;
  background: #f7f8f9;
  border: none!important;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

/* 2) Input field: flex to fill, spacing, border, font */
body.search .search-bar-top .wp-block-search__input {
  flex: 1;
  padding: 0.75rem 1rem;
  font-size: 1.4rem;
  color: #222222;
  background: #ffffff;
  border: none !important;
  border-radius: 4px;
  margin-right: 0.5rem;
  box-sizing: border-box;
}

/* 3) Search button: fixed size, icon‑centered, background + transition */
body.search .search-bar-top .wp-block-search__button {
  flex: 0 0 auto;
  padding: 0.75rem;
  background: #1e73be;
  color: #ffffff !important;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background 200ms ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
width: 4.5rem;
}

/* 4) Button hover: darker blue */
body.search .search-bar-top .wp-block-search__button:hover {
  background: #155a96;
}

/* 5) SVG icon: inherit the button’s color */
body.search .search-bar-top .search-icon {
  fill: currentColor;
  width: 1.25rem;
  height: 1.25rem;
}

/* 6) Placeholder styling (optional) */
body.search .search-bar-top .wp-block-search__input::placeholder {
  color: #575760;
  opacity: 1;
}

/* 1) Make the no‑results box stretch to the theme’s container */
body.search .search-no-results {
    width: 100%;
    /* fill the available width */
    max-width: none !important;
    /* override any earlier max-width */
    margin: 2rem auto;
    /* vertical spacing and center */
    padding: 2rem;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-sizing: border-box;
    text-align: center;
}

/* 2) Title and message typography */
body.search .search-no-results__title {
    font-size: 1.75rem;
    color: #575760;
    margin-bottom: 1rem;
}

body.search .search-no-results__message {
    font-size: 1rem;
    color: #222222;
    margin-bottom: 1.5rem;
}

/* 3) Search form inside the no‑results box */
body.search .search-no-results__form .search-form {
    display: flex;
    gap: .5rem;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 800px;
    /* or remove if you want it full‑width, too */
    margin: 0 auto;
}

body.search .search-no-results__form .search-field {
    flex: 1 1 200px;
    /* grow up to available space, but no narrower than 200px */
    padding: .75rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
}

body.search .search-no-results__form .search-submit {
    flex: 0 0 auto;
    padding: .75rem 1.5rem;
    background: #1e73be;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 200ms ease;
}

body.search .search-no-results__form .search-submit:hover {
    background: #155a96;
}

.btn-secondary.print {
    color: #fff !important;
}

.wpinv-page .bsui a.btn {
    color: #ffffff !important;
}

.pricing-table {
  display: flex;                /* Use flexbox for equal-width columns */ :contentReference[oaicite:0]{index=0}
  flex-wrap: wrap;              /* Allow wrapping on smaller screens */ :contentReference[oaicite:1]{index=1}
  margin: 0 -10px;
}
.plan {
  flex: 1 1 25%;                /* Four columns at full width */ :contentReference[oaicite:2]{index=2}
  box-sizing: border-box;
  padding: 20px;
  margin: 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
}
.plan.popular {
  border-color: #0073aa;
  box-shadow: 0 0 10px rgba(0,115,170,0.2);
}
.plan h2 {
  margin-bottom: 10px;
  font-size: 1.5em;
}
.plan-meta {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 15px;
}
.cycle {
  font-weight: bold;
}
.price {
  font-size: 2em;
  color: #0073aa;
}
.credits {
  margin-bottom: 15px;
  font-style: italic;
}
.features {
  list-style: disc inside;
  text-align: left;
  margin-bottom: 20px;
}
.features li {
  margin: 5px 0;
}
.btn-register {
  display: inline-block;
  padding: 10px 20px;
  background: #0073aa;
  color: #fff;                   /* White text on button */ :contentReference[oaicite:3]{index=3}
  text-decoration: none;
  border-radius: 4px;
  transition: background 0.3s;   /* Smooth hover effect */ :contentReference[oaicite:4]{index=4}
}
.btn-register:hover {
  background: #005f8d;
}

/* Responsive: stack plans under 768px */ :contentReference[oaicite:5]{index=5}
@media (max-width: 768px) {
  .plan {
    flex: 1 1 100%;
  }
}

/* ————————————————————————————————
   KOBDi Ninja Forms: Two‑Col Layout via Flex & display:contents
   ———————————————————————————————— */

/* 1) Make the fields wrapper a flex container */
#nf-form-1-cont nf-fields-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
}

/* 2) Flatten the nf-field wrapper so the .nf-field-container divs are direct flex items */
#nf-form-1-cont nf-fields-wrap nf-field {
    display: contents !important;
}

/* 3) Base styling for each field wrapper */
#nf-form-1-cont .nf-field-container {
    margin-bottom: 0px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

/* 4) Name & Email: each take 50% minus gap */
#nf-form-1-cont .nf-field-container.textbox-container,
#nf-form-1-cont .nf-field-container.email-container {
    flex: 0 0 calc(50% - 1rem) !important;
}

/* 5) Message & Submit: force full width */
#nf-form-1-cont .nf-field-container.textarea-container,
#nf-form-1-cont .nf-field-container.submit-container {
    flex: 0 0 100% !important;
}

/* 6) (Optional) Center the submit button */
#nf-form-1-cont .nf-field-container.submit-container .nf-field-element {
    text-align: center;
}

@media (max-width: 600px) {

    /* Stack all fields in one column on narrow viewports */
    #nf-form-1-cont nf-fields-wrap {
        flex-direction: column !important;
    }

    #nf-form-1-cont .nf-field-container {
        flex: 0 0 100% !important;
    }
}

#nf-form-1-cont nf-fields-wrap {
    gap: 1.5rem !important;
    /* try 0.5rem–2rem to suit your design */
}


/* ————————————————————————————————
   KOBDi Ninja Forms: Two‑Col Layout – Support Form (Form ID 2)
   ———————————————————————————————— */

/* 1) Make the fields wrapper a flex container */
#nf-form-2-cont nf-fields-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
}

/* 2) Flatten the nf-field wrapper so the .nf-field-container divs are direct flex items */
#nf-form-2-cont nf-fields-wrap nf-field {
    display: contents !important;
}

/* 3) Base styling for each field wrapper */
#nf-form-2-cont .nf-field-container {
    margin-bottom: 0px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

/* 4) Textboxes, Emails, Selects: each take 50% minus gap */
#nf-form-2-cont .nf-field-container.textbox-container,
#nf-form-2-cont .nf-field-container.email-container,
#nf-form-2-cont .nf-field-container.listselect-container {
    flex: 0 0 calc(50% - 1rem) !important;
}

/* 5) Message & Submit: full width */
#nf-form-2-cont .nf-field-container.textarea-container,
#nf-form-2-cont .nf-field-container.submit-container {
    flex: 0 0 100% !important;
}

/* 6) Center the submit button */
#nf-form-2-cont .nf-field-container.submit-container .nf-field-element {
    text-align: center;
}

/* 7) Responsive stack */
@media (max-width: 600px) {
    #nf-form-2-cont nf-fields-wrap {
        flex-direction: column !important;
    }

    #nf-form-2-cont .nf-field-container {
        flex: 0 0 100% !important;
    }
}

/* 8) Optional: increase row spacing */
#nf-form-2-cont nf-fields-wrap {
    gap: 1.5rem !important;
}


/* Center and constrain the wrapper */
.wp-block-search__inside-wrapper.custom-404-search {
    margin: 2rem auto;
    max-width: 585px;
    width: 100%;
}

/* Lay the form out like a flexbox */
.custom-404-search form.search-form {
    display: flex;
    align-items: stretch;
    width: 100%;
}

/* Style the input to fill, with matching padding and border */
.custom-404-search .search-field {
    flex: 1;
    padding: .75em 1em;
    font-size: 1rem;
    border-radius: 4px 0 0 4px;
    width: 500px;
}

/* Style the button to match your homepage button */
.custom-404-search .search-submit {
width: 5.5rem;
    height: 3.1rem;
    margin-left: 0.5rem;
    background: #1e73be;
    border: none;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 200ms ease;
}

.custom-404-search .search-submit:hover {
    background: #155a9e;
    /* a slightly darker blue on hover */
    transition: background 200ms ease;
}

/* Ensure the SVG icon inherits the button color */
.custom-404-search .search-submit svg {
    fill: currentColor;
}


/* ========== Knowledge Base archive ========== */
.kb-kb-archive__header {
    padding: 15px;
    background: #fff;
}

.kb-kb-archive__title {
    /*margin: 0 0 6px;
    font-size: 1.8rem;*/
}

.kb-kb-archive__desc {
    opacity: .9;
}

/* Grid (columns controlled via CSS vars set inline by the template) */
.kb-kb-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(var(--kb-cols-mobile, 1), minmax(0, 1fr));
    align-items: stretch;
}

@media (min-width: 600px) {
    .kb-kb-grid {
        grid-template-columns: repeat(var(--kb-cols-tablet, 2), minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
    .kb-kb-grid {
        grid-template-columns: repeat(var(--kb-cols-desktop, 3), minmax(0, 1fr));
    }
}

/* Card */
.kb-kb-card {
    border: 1px solid #e6e9ef;
    border-radius: 10px;
    padding: 14px;
    background: #fff;
    transition: box-shadow .15s ease, transform .06s ease, border-color .15s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    /* ensures full height within grid cell */
}

.kb-kb-card:hover {
    border-color: #d7dcea;
    box-shadow: 0 8px 24px rgba(29, 59, 119, .06);
    transform: translateY(-1px);
}

/* Featured image (optional, already in template) */
.kb-kb-card__thumb {
    display: block;
    margin: -14px -14px 10px;
}

.kb-kb-card__thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.kb-kb-card__title {
    font-size: 1.12rem;
    line-height: 1.35;
    margin: 0 0 8px;
}

.kb-kb-card__title a {
    text-decoration: none;
}

.kb-kb-card__title a:hover {
    text-decoration: underline;
}

.kb-kb-card__excerpt {
    color: #2b2b2b;
    flex: 1 1 auto;
    /* pushes everything after it to the bottom */
}

/* Tags (chips) — shown only if enabled in config */
.kb-kb-card__tags {
    list-style: none;
    padding: 0;
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kb-tag-item {
    margin: 0;
    padding: 0;
}

.kb-tag-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    font-size: 13px;
    line-height: 1;
    padding: 6px 10px;
    border: 1px solid #e3e7ee;
    border-radius: 999px;
    background: #fff;
    color: #223;
    transition: border-color .15s ease, box-shadow .15s ease, transform .05s ease;
}

.kb-tag-chip:hover {
    border-color: #4a89bf;
    box-shadow: 0 0 0 2px rgba(74, 137, 191, .12);
}

.kb-tag-chip:active {
    transform: translateY(1px);
}

.kb-kb-card__footer {
    margin-top: 10px;
}

.kb-kb-card__readmore {
    text-decoration: none;
    font-weight: 600;
    border-bottom: 1px solid transparent;
}

.kb-kb-card__readmore:hover {
    border-bottom-color: currentColor;
}

/* Pagination */
.kb-kb-archive__pagination {
    margin: 18px 0 0;
    text-align: center;
}

/* ========== KB header search (Ajax Search Lite) ========== */
.kb-asl-search {
    display: flex;
    justify-content: center;
    width: 100%;
}

.kb-asl-search>.asl_w_container {
    width: 100% !important;
    max-width: 760px;
    margin: 0px auto 0 !important;
    padding: 0 12px;
}

#ajaxsearchlite1 {
    display: flex !important;
    justify-content: center !important;
}

#ajaxsearchlite1 .probox {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
}

/* Align ASL results to same width under the input (optional) */
.kb-asl-search #ajaxsearchliteres1.asl_r {
    max-width: 760px;
    margin: 10px auto 0 !important;
    padding: 0 12px;
}

p {
    margin-bottom: 0px!important;
}


/* Reset theme list spacing for the KB tag chips only */
.kb-kb-card ul.kb-kb-card__tags,
.entry-content ul.kb-kb-card__tags {
    margin: 12px 0 0 !important;
    /* remove left indent & set our top gap */
    padding-left: 0 !important;
    /* kill left padding */
    list-style: none !important;
    /* no bullets */
}

/* Maintain tight items */
.kb-kb-card__tags>li {
    margin: 0;
    padding: 0;
}