:root {
   /* Vertical padding */
   --kw-none: 0rem;   
   --kw-xxs: 1rem; /* 24px / 16px = 1.25rem */ 
   --kw-xs: 1.5rem; /* 24px / 16px = 1.25rem */ 
   --kw-s: 2.5rem; /* 40px / 16px = 2.5rem */
   --kw-m: 3rem; /* 48px / 16px = 3.125rem */
   --kw-l: 4.1875rem;  /* 67px / 16px = 3.125rem */
   --kw-xl:4.875rem;  /* 78px / 16px = 3.125rem */ 
   --kw-xxl: 6.375rem;   /* 102px / 16px = 3.125rem */

   /* Gap Sizes */
   --kw-space-s: 0.625rem; /* 10px / 16px = 0.625rem */
   --kw-space-m-sec: 1.25rem; /* 20px / 16px = 1.25rem */
   --kw-space-m: 1.875rem; /* 30px / 16px = 1.875rem */
   --kw-space-lg: 2.5rem; /* 40px / 16px = 2.5rem */
}


@media screen and (max-width: 820px) {
   :root {
       /* Vertical padding */
       --kw-none: 0rem;   
       --kw-xs: 1.8rem; /* 24px / 16px = 1.25rem */ 
       --kw-s: 2rem; /* 40px / 16px = 2.5rem */
       --kw-m: 2.5rem; /* 48px / 16px = 3.125rem */
       --kw-l: 3.1875rem;  /* 67px / 16px = 3.125rem */
       --kw-xl: 4.875rem;  /* 78px / 16px = 3.125rem */ 
       --kw-xxl: 6.375rem;   /* 102px / 16px = 3.125rem */
   
       /* Gap Sizes */
       --kw-space-s: 0.625rem; /* 10px / 16px = 0.625rem */
       --kw-space-m-sec: 1.25rem; /* 20px / 16px = 1.25rem */
       --kw-space-m: 1.875rem; /* 30px / 16px = 1.875rem */
       --kw-space-lg: 2.5rem; /* 40px / 16px = 2.5rem */
   }
   .kw-padding-b-m {
       padding-bottom: var(--kw-s) !important;
   }
}
.kw-color-primary {
   color: #f4b223 !important; /* Primary text color */
}
.kw-color-secondary {
   color: #425cc7 !important; /* Secondary text color */
}
.kw-color-dark {
   color: #000 !important; /* Dark text color */
}
.kw-color-light {
   color: #fff !important; /* Light text color */
}
.kw-color-primary.active {
   color: #f4b223 !important;
}
/* Background Colors */
.kw-bg-primary {
   background: #f4b223; /* Primary background color */
}
.kw-bg-secondary {
   background: #425cc7; /* Secondary background color */
}
.kw-bg-dark {
   background: #000; /* Dark background color */
}
.kw-bg-light {
   background: #fff; /* Light background color */
}

.kw-space-s {
   gap: var(--kw-space-s);
}

.kw-space-m-sec {
   gap: var(--kw-space-m-sec);
}

.kw-space-m {
   gap: var(--kw-space-m);
}

.kw-space-lg {
   gap: var(--kw-space-lg);
}
.kw-underline {
    text-decoration: underline !important;
}
/* Padding and Margin */
.kw-padding-left {
   padding-left: var(--kw-xl-half) !important; /* Padding left using custom variable */
}
.kw-padding-right {
   padding-right: var(--kw-xl-half) !important; /* Padding right using custom variable */
}
.kw-padding-top {
   padding-top: var(--kw-m); /* Top padding using custom variable */
}
.kw-padding-bottom {
   padding-top: var(--kw-m); /* Bottom padding using custom variable */
}
.kw-margin-bottom-large {
   margin-bottom: 40px !important; /* Large bottom margin of 40 pixels */
}
.kw-margin-top-medium {
   margin-top: 20px !important; /* Medium top margin of 20 pixels */
}
.kw-margin-bottom-medium {
   margin-bottom: 20px !important; /* Medium bottom margin of 20 pixels */
}
.kw-padding-none {
   padding: 0; /* No padding */
}
.kw-padding-top-small {
   padding-top: var(--kw-m); /* Small top padding using custom variable */
}
.kw-padding-horizontal {
   padding: var(--kw-m) 0; /* Horizontal padding using custom variable */
}

.kw-fw-bold {
    font-weight: 700 !important;
}
.kw-fw-bolder {
    font-weight: bolder !important;
}
.kw-fw-normal {
    font-weight: 400 !important;
}
.kw-fw-light {
    font-weight: 300 !important;
}
.kw-fw-lighter {
    font-weight: lighter !important;
}
.kw-fst-italic {
    font-style: italic !important;
}
.kw-fst-normal {
    font-style: normal !important;
}



/* Vertical Padding */
.kw-padding-v-none { padding-top: var(--kw-none) !important; padding-bottom: var(--kw-none) !important; }
.kw-padding-v-xs { padding-top: var(--kw-xs) !important; padding-bottom: var(--kw-xs) !important; }
.kw-padding-v-s { padding-top: var(--kw-s) !important; padding-bottom: var(--kw-s) !important; }
.kw-padding-v-m { padding-top: var(--kw-m) !important; padding-bottom: var(--kw-m) !important; }
.kw-padding-v-l { padding-top: var(--kw-l) !important; padding-bottom: var(--kw-l) !important; }
.kw-padding-v-xl { padding-top: var(--kw-xl) !important; padding-bottom: var(--kw-xl) !important; }
.kw-padding-v-xxl { padding-top: var(--kw-xxl) !important; padding-bottom: var(--kw-xxl) !important; }

/* Horizontal Padding */
.kw-padding-h-none { padding-left: var(--kw-none) !important; padding-right: var(--kw-none) !important; }
.kw-padding-h-xs { padding-left: var(--kw-xs) !important; padding-right: var(--kw-xs) !important; }
.kw-padding-h-s { padding-left: var(--kw-s) !important; padding-right: var(--kw-s) !important; }
.kw-padding-h-m { padding-left: var(--kw-m) !important; padding-right: var(--kw-m) !important; }
.kw-padding-h-l { padding-left: var(--kw-l) !important; padding-right: var(--kw-l) !important; }
.kw-padding-h-xl { padding-left: var(--kw-xl) !important; padding-right: var(--kw-xl) !important; }
.kw-padding-h-xxl { padding-left: var(--kw-xxl) !important; padding-right: var(--kw-xxl) !important; }


/* Padding Top */
.kw-padding-top-none { padding-top: var(--kw-none) !important; }
.kw-padding-top-xs { padding-top: var(--kw-xs) !important; }
.kw-padding-top-s { padding-top: var(--kw-s) !important; }
.kw-padding-top-m { padding-top: var(--kw-m) !important; }
.kw-padding-top-l { padding-top: var(--kw-l) !important; }
.kw-padding-top-xl { padding-top: var(--kw-xl) !important; }
.kw-padding-top-xxl { padding-top: var(--kw-xxl) !important; }

/* Padding Bottom */
.kw-padding-bottom-none { padding-bottom: var(--kw-none) !important; }
.kw-padding-bottom-xs { padding-bottom: var(--kw-xs) !important; }
.kw-padding-bottom-s { padding-bottom: var(--kw-s) !important; }
.kw-padding-bottom-m { padding-bottom: var(--kw-m) !important; }
.kw-padding-bottom-l { padding-bottom: var(--kw-l) !important; }
.kw-padding-bottom-xl { padding-bottom: var(--kw-xl) !important; }
.kw-padding-bottom-xxl { padding-bottom: var(--kw-xxl) !important; }

/* Padding Left */
.kw-padding-left-none { padding-left: var(--kw-none) !important; }
.kw-padding-left-xs { padding-left: var(--kw-xs) !important; }
.kw-padding-left-s { padding-left: var(--kw-s) !important; }
.kw-padding-left-m { padding-left: var(--kw-m) !important; }
.kw-padding-left-l { padding-left: var(--kw-l) !important; }
.kw-padding-left-xl { padding-left: var(--kw-xl) !important; }
.kw-padding-left-xxl { padding-left: var(--kw-xxl) !important; }

/* Padding Right */
.kw-padding-right-none { padding-right: var(--kw-none) !important; }
.kw-padding-right-xs { padding-right: var(--kw-xs) !important; }
.kw-padding-right-s { padding-right: var(--kw-s) !important; }
.kw-padding-right-m { padding-right: var(--kw-m) !important; }
.kw-padding-right-l { padding-right: var(--kw-l) !important; }
.kw-padding-right-xl { padding-right: var(--kw-xl) !important; }
.kw-padding-right-xxl { padding-right: var(--kw-xxl) !important; }

/* Vertical margin */
.kw-mar-v-0 { margin-top: var(--kw-none) !important; margin-bottom: var(--kw-none) !important; }
.kw-mar-v-xs { margin-top: var(--kw-xs) !important; margin-bottom: var(--kw-xs) !important; }
.kw-mar-v-s { margin-top: var(--kw-s) !important; margin-bottom: var(--kw-s) !important; }
.kw-mar-v-m { margin-top: var(--kw-m) !important; margin-bottom: var(--kw-m) !important; }
.kw-mar-v-l { margin-top: var(--kw-l) !important; margin-bottom: var(--kw-l) !important; }
.kw-mar-v-xl { margin-top: var(--kw-xl) !important; margin-bottom: var(--kw-xl) !important; }
.kw-mar-v-xxl { margin-top: var(--kw-xxl) !important; margin-bottom: var(--kw-xxl) !important; }

/* Horizontal margin */
.kw-mar-h-0 { margin-left: var(--kw-none) !important; margin-right: var(--kw-none) !important; }
.kw-mar-h-xs { margin-left: var(--kw-xs) !important; margin-right: var(--kw-xs) !important; }
.kw-mar-h-s { margin-left: var(--kw-s) !important; margin-right: var(--kw-s) !important; }
.kw-mar-h-m { margin-left: var(--kw-m) !important; margin-right: var(--kw-m) !important; }
.kw-mar-h-l { margin-left: var(--kw-l) !important; margin-right: var(--kw-l) !important; }
.kw-mar-h-xl { margin-left: var(--kw-xl) !important; margin-right: var(--kw-xl) !important; }
.kw-mar-h-xxl { margin-left: var(--kw-xxl) !important; margin-right: var(--kw-xxl) !important; }

/* Margin Top */
.kw-mar-top-0 { margin-top: var(--kw-none) !important; }
.kw-mar-top-xs { margin-top: var(--kw-xs) !important; }
.kw-mar-top-s { margin-top: var(--kw-s) !important; }
.kw-mar-top-m { margin-top: var(--kw-m) !important; }
.kw-mar-top-l { margin-top: var(--kw-l) !important; }
.kw-mar-top-xl { margin-top: var(--kw-xl) !important; }
.kw-mar-top-xxl { margin-top: var(--kw-xxl) !important; }

/* Margin Bottom */
.kw-mar-bottom-0 { margin-bottom: var(--kw-none) !important; }
.kw-mar-bottom-xs { margin-bottom: var(--kw-xs) !important; }
.kw-mar-bottom-s { margin-bottom: var(--kw-s) !important; }
.kw-mar-bottom-m { margin-bottom: var(--kw-m) !important; }
.kw-mar-bottom-l { margin-bottom: var(--kw-l) !important; }
.kw-mar-bottom-xl { margin-bottom: var(--kw-xl) !important; }
.kw-mar-bottom-xxl { margin-bottom: var(--kw-xxl) !important; }

/* Margin Right */
.kw-mar-right-0 { margin-right: var(--kw-none) !important; }
.kw-mar-right-xs { margin-right: var(--kw-xs) !important; }
.kw-mar-right-s { margin-right: var(--kw-s) !important; }
.kw-mar-right-m { margin-right: var(--kw-m) !important; }
.kw-mar-right-l { margin-right: var(--kw-l) !important; }
.kw-mar-right-xl { margin-right: var(--kw-xl) !important; }
.kw-mar-right-xxl { margin-right: var(--kw-xxl) !important; }

/* Margin Left */
.kw-mar-left-0 { margin-left: var(--kw-none) !important; }
.kw-mar-left-xs { margin-left: var(--kw-xs) !important; }
.kw-mar-left-s { margin-left: var(--kw-s) !important; }
.kw-mar-left-m { margin-left: var(--kw-m) !important; }
.kw-mar-left-l { margin-left: var(--kw-l) !important; }
.kw-mar-left-xl { margin-left: var(--kw-xl) !important; }
.kw-mar-left-xxl { margin-left: var(--kw-xxl) !important; }


.kw-header-description-container {
    margin-right: 1.875rem;
    margin-left: 1.875rem;
    max-width: 71.25rem;
    position: inherit;
    z-index: 10;
}

/* Flexbox Utilities */
.kw-flex-container {
   display: flex; /* Flex container */
   flex-wrap: wrap; /* Wrap flex items */
}
.kw-flex-wrap {
   flex-wrap: wrap; /* Wrap flex items */
}
.kw-align-middle {
   align-items: center; /* Align items vertically in the center */
}
.kw-center-justify {
   justify-content: center; /* Justify content in the center */
}

/* Buttons */
.kw-btn {
   text-decoration: none; /* No underline */
   padding: 15px 40px; /* Padding */
   font-size: var(--kw-primary-body); /* Font size using custom variable */
   white-space: nowrap; /* No wrapping */
   transition: background-color 0.3s ease; /* Smooth transition for background color */
   margin: 0; /* No margin */
}
.kw-btn:hover {
   text-decoration: underline !important; /* Underline on hover */
}

/* text center  */

.kw-text-center {
   text-align: center !important; /* text align center  */
   width: 100%;
}
/* text center  */


/* top banner heading */
.kw-section-title {
   font-size: 2.9375rem !important;
   line-height: 3.5rem !important;
}
.kw-sub-title {
   font-size: 2.3125rem !important;
   line-height: 2.75rem  !important;
}
.kw-heading {
   font-size: 1.8125rem !important;
   line-height: 2.1875rem !important;
}
.kw-sub-heading {
   font-size: 1.4375rem !important;
   line-height: 1.75rem !important;
}

#in-page-menu-2 .menu li a {
    font-size: 1.125rem;
    padding: 10px !important;
}

.page-title {
   font-weight: 600 !important;
   color: #f3b137 !important;
   margin: 0px !important;
}
/* top banner heading */


/* Resources heading font size adjustment */
.featured-resources h2 {
   font-weight: 700;
   color: black;
   padding: unset !important;
   font-size: 2.3125rem !important;
}
/* Resources heading font size adjustment */



/* Remove the related link ul margin removed  */
#related_links ul {
   margin-bottom: 0 !important;
}
/* Remove the related link ul margin removed  */


/* padding for the entire section */

.content-block {
   padding: var(--kw-m) 0 !important;

}

#page-content {
   padding: 0px var(--kw-xs) !important;
}
/* padding for the entire section */


/* hero banner padding  and adjust width*/
.content-block,
.page-header-block {
   padding: var(--kw-m) 0 !important;
}

.page-header .page-subtitle,
.page-header .page-title {
   max-width: 71.25rem !important;
}

#hero_banner .page-header .header-content {
   max-width: 71.25rem !important;
   padding: 0;
}
/* hero banner padding  and adjust width*/
.featured-resources .grid-x.post-cards-grid {
    grid-template-columns: repeat(auto-fill, minmax(16.25rem, 1fr)) !important;
}

/* adjust page width */
.grid-x {
   max-width: 71.25rem !important;
}
/* adjust page width */


/* resources section width  */
.featured-resources .grid-x {
   max-width: 71.25rem !important;
}
/* resources section width  */


/* hero banner content setting  */
#hero_banner .page-header-content {
   background-color: transparent;
   display: block;
   margin-top: unset !important;
}


/* hero banner content setting  */


/* global link color change */
.kw-body-link {
   font-weight: bold !important;
   font-size: var(--kw-secondary-subheading);
   line-height: 24px !important;
   text-transform: uppercase;
   color: #428bca !important;
   text-decoration: underline !important;
}
/* global link color change */


/* image with content section font sizes */
.h3-banner {
   margin-bottom: var(--kw-secondary-footnotes) !important;
   font-size: var(--kw-primary-title) !important;
   line-height: var(--kw-l-mobile) !important;
}
/* image with content section font sizes */


/* Accordion Styles FAQ's */
.kw-accordion {
   display: flex;
   align-items: center;
   font-size: 20px !important;
   text-transform: unset;
   background-color: #425cc7;
   color: #fff;
   cursor: pointer;
   padding: 18px;
   padding-right: 30px;
   width: 100%;
   border: none;
   border-radius: 0;
   text-align: left;
   outline: none;
   transition: 0.4s;
   justify-content: space-between;
}
.kw-panel {
   padding: 0 1rem;
   background-color: white;
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.6s cubic-bezier(0.25, 1, 0.5, 1);
   margin-bottom: 1rem;
}
.kw-accordion-container {
   position: relative;
}
.kw-accordion::after {
    content: "\276F";
    width: 1em;
    height: 1em;
    text-align: center;
    position: absolute;
    right: 10px;
    transition: all 0.35s ease 0s;
}
.kw-panel>p {
   padding-top: 1rem;
}
.active-accordion, .kw-accordion:hover {
   background-color: var(--kw-black);
   color: #fdb813;
}
.kw-accordion.active-accordion::after {
  transform: rotate(90deg);
}
/* Accordion Styles FAQ's */


/* resouces CSS  */
.card-footer {
   position: absolute;
   bottom: 0px;
}
.post-card{
   box-shadow: 0 .125rem .3125rem 0 rgba(0, 0, 0, .2); 
   transition: box-shadow .2s ease-in-out;
}
.featured-resources .post-term {
   margin: 2.625rem 0 1.5rem !important;
}
/* resouces CSS  */

#in-page-menu-2 {
    padding-top: var(--kw-xxs) !important;
    padding-bottom: var(--kw-xxs) !important;
}

/* adjust the breadcrum margin */
.breadcrumb {
   margin: 20px 0;
}
/* adjust the breadcrum margin */


#related_links p:nth-child(1) {
    display:none !important;
}
.content-block.mb-0 {
   margin-bottom: 0;
   margin-top: 0px !important;
}
.featured-resources .grid-x.post-cards-grid {
   padding-top: var(--kw-m) !important;
   padding-bottom: var(--kw-m) !important;
}
.featured-resources h2.content-block-title.content-block-title-thin.h5 {
   margin: 0px !important;
}

.logos-block {
   display: none;
}
.site-header {
 position: sticky;
}
#content {
 margin:0 auto;
}
.keytakeaways ol li::marker {
    font-size: 1.813rem;
    color: #fdfdfd;
}

.pic {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: linear-gradient(to right, #f6ad03 70%, #000000 70%);
}
.resources {
    background: #000;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}
/* Media Queries */
@media screen and (max-width: 1024px) {
   .page-title {
       margin-top: 0 !important;
   }
   .page-header .page-subtitle,
   .page-header .page-title {
       max-width: 59rem !important;
   }
   .page-header-content {
       width: 90%;
   }
   .content-block,
   .page-header-block {
       padding: var(--kw-xs) 0 !important;
   }
   
   .kw-padding-left {
       padding-left: var(--kw-primary-body) !important;
   }
   .kw-padding-right {
       padding-right: var(--kw-primary-body) !important;
   }
   .kw-padding-top {
       padding-top: var(--kw-secondary-body);
   }
   .featured-resources .grid-x {
       padding: 0 20px;
   }
}

@media screen and (max-width:820px){
   .kw-heading {
       font-size: 1.25rem !important;
       line-height: 1.25 !important;
   }
   .kw-sub-title {
       font-size: 1.875rem !important;
       line-height: 1.25 !important;
   }
   header .page-title {
       max-width: 49rem !important;
   }
}
@media screen and (max-width: 800px) {
    #page-content .keytakeaways .kw-heading {
        font-size: 1.4rem !important;
        line-height: 1.5 !important;
    }
    #page-content .keytakeaways .kw-padding-h-m {
        padding-left: var(--kw-s) !important;
        padding-right: var(--kw-s) !important;
    }
    #page-content .keytakeaways .kw-section-title {
        font-size: 2.0rem !important;
        line-height: 1.25 !important;
    }
    #page-content .keytakeaways .kw-sub-heading {
        font-size: 1.138rem !important;
        line-height: 1.5 !important;
    }
    #page-content .keytakeaways .kw-padding-v-m {
        padding-top: var(--kw-xs) !important;
        padding-bottom: var(--kw-xs) !important;
}
     #page-content .keytakeaways .kw-padding-bottom-xs {
        padding-bottom: 15px !important;
}
    #page-content .keytakeaways ol li::marker {
    font-size: 1.4rem;
    color: #fdfdfd;
}
}
@media screen and (max-width: 786px) {
   .page-header .page-subtitle,
   .page-header .page-title {
       max-width: 42rem !important;
   }
   .page-header-content {
       width: 90%;
   }
   .kw-row {
       display: flex;
       flex-wrap: wrap !important;
   }
   #page-content img,
   .featured-resources img {
       max-width: 100%;
       width: 100% !important;
   }
   .kw-padding-right {
       padding-right: var(--kw-primary-body) !important;
   }
   .kw-padding-left {
       padding-left: var(--kw-primary-body) !important;
   }
   .kw-padding-b-m {
       padding-bottom: var(--kw-pad-bottom-sm);
   }
   .kw-margin-b-m {
       margin-bottom: 30px;
   }
   #kw-newsletter-section {
       padding: var(--kw-mobile) !important;
   }
   .kw-btn {
       width: 40%;
       text-align: center;
   }
}
@media screen and (max-width:634px){
   .kw-btn {
           padding: 15px 20px;
           font-size: var(--kw-secondary-body);
           width: 60%;
           text-align: center;
       }
       .kw-space-s {
           gap: unset;
           row-gap: 20px;
       }
   }
@media screen and (max-width:490px){
#page-content .kw-m-dn .icons {
    width: 95% !important;
    float: right !important;
}
.m-75 {
    width: 75%;
}
.m-25 {
    width: 25%;
}
   .featured-resources h2.content-block-title.content-block-title-thin.h5 {
       margin: unset !important;
   }
}
@media screen and (max-width: 480px) {
   

   .kw-sub-title {
       font-size: 1.5rem !important;
       line-height: 1.25 !important;
   }
   .kw-padding-v-sec{
       padding-top: var(--kw-xs) !important;
       padding-bottom: var(--kw-xs) !important;
   }
   .kw-padding-top-sec{
       padding-top: var(--kw-xs) !important;
   }
   .page-header-content {
       width: 100%;
   }
   .content-block,
   .page-header-block {
       padding: var(--kw-xs) 0 !important;
   }
   .kw-btn {
       padding: 15px 20px;
       font-size: var(--kw-secondary-body);
       width: 60%;
       text-align: center;
   }
   .h3-banner {
       font-size: var(--kw-primary-heading) !important;
   }
   #page-content h3 {
        font-size: 1.8125rem !important;
        line-height: 2.1875rem !important;
    }
   .featured-resources .grid-x {
       padding: 0 15px;
   }
   .featured-resources h2 {
       font-size: var(--kw-primary-heading) !important;
   }
   .kw-get-demo-con {
       width: 100% !important;
       right: 0 !important;
   }
   .kw-get-demo-con .kw-sticky-get-demo {
       width: 100% !important;
   }
   #kw-newsletter-section {
       padding: 30px !important;
   }
   .kw-padding-right {
       padding-right: 0 !important;
   }
   .kw-padding-left {
       padding-left: 0 !important;
   }
   .featured-resources .grid-x.post-cards-grid {
       padding-top: var(--kw-s) !important;
       padding-bottom: var(--kw-s) !important;
   }
}

@media screen and (max-width: 414px) {
   .kw-get-demo-con .kw-sticky-get-demo {
       width: 95% !important;
   }
}
a>img:hover {
    transform: scale(1.025) !important;
    transition: transform .3s !important;
}
a>img {
    transition: transform .3s !important;
}


/*Related Links Website Bottom*/
#related_link p {
    margin: 0px;
    padding-top: 20px;
    margin: 0 0 1.5rem;
  }
  
  #related_link ul li {
    padding: 1px;
    margin: 0px;
    margin-lefT: 25px;
    text-decoration: none !important;
  }
  
  #related_link ul li a {
    text-decoration: none;
  }

#kw-platform-body {
    padding: var(--lw-none) !important;
}


.kw-table-container {
    width: 80%;
    margin: 0 auto;
    overflow-x: auto;
}

.kw-table {
    width: 100%; 
    border-collapse: collapse; 
}

.kw-table th,
.kw-table td {
    border: 1px solid #ddd;
    word-wrap: break-word;
}

.kw-table .kw-dark-border th,
.kw-table .kw-dark-border td {
    border: 1px solid #000;
}
.kw-table .kw-light-border th,
.kw-table .kw-light-border td {
    border: 1px solid #eee;
}


.kw-table .half-width {
    width: 50%; 
}

.kw-table .quarter-width {
    width: 25%; 
}

.kw-table .three-quarters-width {
    width: 75%;
}

.kw-table .text-center {
    text-align: center; 
}

.kw-table .text-right {
    text-align: right; 
}

.kw-table .text-left {
    text-align: left; 
}


.kw-table .align-middle {
    vertical-align: middle;
}

.kw-table .align-top {
    vertical-align: top;
}

.kw-table .align-bottom {
    vertical-align: bottom; 
}

/* ==========================================================
   2026 CSS Revamp Overlay (System Layer)
   - Keeps existing styles intact
   - Fixes long-text title disappearing
   - Locks image/text ratio using existing col-* grid
   - Ensures re-order works reliably
   ========================================================== */

/* 1) Make split layout robust for long content */
.content-wrapper .kw-section-split{
  align-items: flex-start;               /* titles stay visible when text is long */
  gap: var(--kw-space-lg, 2.5rem);       /* consistent spacing between columns */
}

/* 2) Ensure columns do not shrink weirdly */
.content-wrapper .kw-section-split .kw-section-left,
.content-wrapper .kw-section-split .kw-section-right,
.content-wrapper .kw-section-split .col-6,
.content-wrapper .kw-section-split .col-4,
.content-wrapper .kw-section-split .col-8{
  min-width: 0;
}

/* 3) Enforce column widths ONLY from col-* classes (ratio lock) */
.content-wrapper .kw-section-split .col-6 { flex: 0 0 50%; max-width: 50%; }
.content-wrapper .kw-section-split .col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.content-wrapper .kw-section-split .col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }

/* 4) Make re-order reliable */
.content-wrapper .kw-section-split.re-order { flex-direction: row-reverse; }

/* 5) Typography spacing so title never collapses into content */
.content-wrapper .kw-section-split h3{
  display: block;
  margin-top: 0;
  margin-bottom: var(--kw-space-m, 1.875rem);
}
.content-wrapper .kw-section-split p{
  margin-top: 0;
  margin-bottom: var(--kw-space-m, 1.875rem);
}

/* 6) Mobile: ensure reversed stacks correctly */
@media screen and (max-width: 786px) {
  .content-wrapper .kw-section-split.re-order { flex-direction: column-reverse; }
}

/* 7) Keep images aligned with text column */
@media screen and (max-width: 1024px) {
  .content-wrapper .kw-section-split .kw-section-left img,
  .content-wrapper .kw-section-split .kw-section-right img{
    padding-left: 0;
    padding-right: 0;
  }
}

/* ==========================================
   Reseller header mobile layout fix
   ========================================== */
@media (max-width: 768px) {

  .post-type-archive-wdsa-reseller
  header.page-header.has-filter {
    width: 100%;
    left: auto;
    right: auto;
    margin-left: 0;
    margin-right: 0;
  }

}




#hero_banner{
    background: #050821 !important;
}
#hero_banner .page-title, #hero_banner p, #hero_banner h2 {
    color: #ffffff !important;
    text-shadow: unset;
}

/* Buttons */
#hero_banner .kw-btn{
    background: rgba(0,0,0,0.2);
    border: 2px solid #ffc400;
    color: #ffc400 !important;
    border-radius: 20px !important;
    padding: 15px 35px;
    text-decoration: none;
    font-size: 18px;
    transition: background-color 0.3s ease;
    box-shadow: inset 0 0 28px rgba(255, 196, 0, 0.12), 0 0 14px rgba(255, 196, 0, 0.18);
    text-decoration:none !important;
}
#hero_banner .kw-btn:hover {
  background: rgba(0,0,0,0.5);
  box-shadow: inset 0 -24px 30px rgba(255, 196, 0, 0.18), 0 18px 28px -22px rgba(255, 196, 0, 0.45);
}

#hero_banner .kw-btn.is-pressed{
  background: rgba(0,0,0,0.6);
  transform: translateY(1px);
  box-shadow:
    inset 0 -28px 36px rgba(255, 196, 0, 0.24),
    inset 0 0 18px rgba(255, 196, 0, 0.10),
    0 14px 24px -24px rgba(255, 196, 0, 0.55);
}
#hero_banner .kw-btn:active{
  background: rgba(0,0,0,0.6);
  transform: translateY(1px);
  box-shadow:
    inset 0 -28px 36px rgba(255, 196, 0, 0.24),
    inset 0 0 18px rgba(255, 196, 0, 0.10),
    0 14px 24px -24px rgba(255, 196, 0, 0.8);
}