:root {
    /* Spatial system */
    --rc-spacing-xxxs: 4px;
    --rc-spacing-xxs: 8px;
    --rc-spacing-xs: 12px;
    --rc-spacing-s: 16px;
    --rc-spacing-m: 24px;
    --rc-spacing-l: 32px;
    --rc-spacing-xl: 48px;
    --rc-spacing-xxl: 64px;
    --rc-spacing-xxxl: 96px;
    --rc-spacing-xxxxl: 144px;


    /* Colors: Primary palette */
    /* --rc-primary-400: Yes, it's missing ! */
    --rc-color-primary-800: #001C3A;
    --rc-color-primary-700: #003873;
    --rc-color-primary-600: #005DB9;
    --rc-color-primary-500: #0081FF;
    --rc-color-primary-300: #80C0FF;
    --rc-color-primary-200: #CDE8FA;
    --rc-color-primary-100: #EEF6FB;

    /* Colors: Primary palette, variants */
    --rc-color-primary-500--o-64: #0081FFA3;
    --rc-color-primary-500--o-24: #0081FF3D;
    --rc-color-primary-500--o-8: #0081FF14;

    --rc-color-primary-700--o-64: #003873A3;
    --rc-color-primary-700--o-24: #0038733D;
    --rc-color-primary-700--o-8: #00387314;


    /* Colors: Neutral palette */
    /* --rc-color-neutral-800: Yes, it's missing ! */
    /* --rc-color-neutral-600: Yes, it's missing !*/
    --rc-color-neutral-900: #0A141D;
    --rc-color-neutral-700: #1F2730;
    --rc-color-neutral-500: #2E3843;
    --rc-color-neutral-400: #5A6774;
    --rc-color-neutral-300: #A0AAB1;
    --rc-color-neutral-200: #D7DEE2;
    --rc-color-neutral-100: #F2F5F7;
    --rc-color-neutral-000: #FFFFFF;

    /* Colors: Neutral palette, variants */
    --rc-color-neutral-900--o-64: #0A141DA3;
    --rc-color-neutral-900--o-24: #0A141D3D;
    --rc-color-neutral-900--o-8: #0A141D14;

    --rc-color-neutral-000--o-64: #FFFFFFA3;
    --rc-color-neutral-000--o-24: #FFFFFF3D;
    --rc-color-neutral-000--o-8: #FFFFFF14;

    /* Colors: Semantic palette, accent */
    --rc-color-accent-600: #A62820;
    --rc-color-accent-500: #F54F45;
    --rc-color-accent-200: #FDDCDA;
    --rc-color-accent-100: #FFF3F2;

    /* Derived common default typography color */
    --rc-text-color: #231F20;

    /* Typography: Headings */
    --rc-heading-l--color: var(--rc-text-color);
    --rc-heading-l--font-weight: 700;
    --rc-heading-l--font-size: 72px;
    --rc-heading-l--line-height: 80px;
    --rc-heading-l--letter-spacing: -0.02em;

    --rc-heading-m--color: var(--rc-text-color);
    --rc-heading-m--font-weight: 700;
    --rc-heading-m--font-size: 48px;
    --rc-heading-m--line-height: 56px;
    --rc-heading-m--letter-spacing: -0.01em;

    --rc-heading-s--color: var(--rc-text-color);
    --rc-heading-s--font-weight: 700;
    --rc-heading-s--font-size: 36px;
    --rc-heading-s--line-height: 48px;
    --rc-heading-s--letter-spacing: -0.01em;

    /* Typography: Subheadings */
    --rc-subheading-l--color: var(--rc-text-color);
    --rc-subheading-l--font-weight: 600;
    --rc-subheading-l--font-size: 24px;
    --rc-subheading-l--line-height: 32px;
    --rc-subheading-l--letter-spacing: 0.08em;
    --rc-subheading-l--text-transform: uppercase;

    --rc-subheading-m--color: var(--rc-text-color);
    --rc-subheading-m--font-weight: 600;
    --rc-subheading-m--font-size: 18px;
    --rc-subheading-m--line-height: 24px;
    --rc-subheading-m--letter-spacing: 0.08em;
    --rc-subheading-m--text-transform: uppercase;

    --rc-subheading-s--color: var(--rc-text-color);
    --rc-subheading-s--font-weight: 600;
    --rc-subheading-s--font-size: 14px;
    --rc-subheading-s--line-height: 20px;
    --rc-subheading-s--letter-spacing: 0.08em;
    --rc-subheading-s--text-transform: uppercase;

    /* Typography: Body paragraph */
    --rc-body-paragraph-l--color: var(--rc-text-color);
    --rc-body-paragraph-l--font-weight: 400;
    --rc-body-paragraph-l--font-size: 21px;
    --rc-body-paragraph-l--line-height: 32px;
    --rc-body-paragraph-l--spacing: 16px;

    --rc-body-paragraph-m--color: var(--rc-text-color);
    --rc-body-paragraph-m--font-weight: 400;
    --rc-body-paragraph-m--font-size: 18px;
    --rc-body-paragraph-m--line-height: 28px;
    --rc-body-paragraph-m--spacing: 12px;

    --rc-body-paragraph-s--color: var(--rc-text-color);
    --rc-body-paragraph-s--font-weight: 400;
    --rc-body-paragraph-s--font-size: 16px;
    --rc-body-paragraph-s--line-height: 24px;
    --rc-body-paragraph-s--spacing: 12px;

    /* Typography: Description */
    --rc-description--color: var(--rc-text-color);
    --rc-description--font-weight: 500;
    --rc-description--font-size: 14px;
    --rc-description--line-height: 20px;
    --rc-description--spacing: 8px;
    --rc-description--letter-spacing: 0.01em;

    /* Typography: Button */
    --rc-button-l--color: var(--rc-text-color);
    /*--rc-button-l--font-weight: 700; Wade asked for less font weight */
    --rc-button-l--font-weight: 600;
    --rc-button-l--font-size: 18px;
    --rc-button-l--line-height: 24px;

    --rc-button-s--color: var(--rc-text-color);
    /*--rc-button-s--font-weight: 700; Wade asked for less font weight*/
    --rc-button-s--font-weight: 600;
    --rc-button-s--font-size: 15px;
    --rc-button-s--line-height: 24px;

    /* Typography: Navigation labels */
    --rc-label-nav-promoted--color: var(--rc-text-color);
    --rc-label-nav-promoted--font-weight: 700;
    --rc-label-nav-promoted--font-size: 16px;
    --rc-label-nav-promoted--line-height: 24px;
    --rc-label-nav-promoted--letter-spacing: -0.01em;

    --rc-label-nav--color: var(--rc-text-color);
    --rc-label-nav--font-weight: 500;
    --rc-label-nav--font-size: 16px;
    --rc-label-nav--line-height: 24px;
    --rc-label-nav--letter-spacing: -0.01em;

    /* Typography: Form labels */
    --rc-label-form--color: var(--rc-text-color);
    --rc-label-form--font-weight: 600;
    --rc-label-form--font-size: 15px;
    --rc-label-form--line-height: 20px;

    /* compliance training cards */
    --rc-ct-card-gap: 72px;
    --rc-ct-card-width: 384px;
    --rc-ct-card-height: 408px;
    --rc-ct-card-width-mobile: 335px;
}


/* Ready to use utility classes */

/* typography related classes */
.rc-description {
    color: var(--rc-description--color);
    font-weight: var(--rc-description--font-weight);
    font-size: var(--rc-description--font-size);
    line-height: var(--rc-description--line-height);
    letter-spacing: var(--rc-description--letter-spacing);
    /*--rc-description--spacing: 8px;*/
}

.rc-nav-label {
    color: var(--rc-label-nav--color);
    font-weight: var(--rc-label-nav--font-weight);
    font-size: var(--rc-label-nav--font-size);
    line-height: var(--rc-label-nav--line-height);
    letter-spacing: var(--rc-label-nav--letter-spacing);
}

.rc-heading-l, .rc-heading-l-resp, .rc-heading-l-resp * {
    font-weight: var(--rc-heading-l--font-weight);
    font-size: var(--rc-heading-l--font-size);
    line-height: var(--rc-heading-l--line-height);
    letter-spacing: var(--rc-heading-l--letter-spacing);
}

/* mobile breakpoint */
@media (max-width: 767.98px) {
    .rc-heading-l-resp, .rc-heading-l-resp * {
        font-size: var(--rc-spacing-l);
        line-height: 40px;
    }
}

.rc-heading-m, .rc-heading-m-resp, .rc-heading-m-resp * {
    font-weight: var(--rc-heading-m--font-weight);
    font-size: var(--rc-heading-m--font-size);
    line-height: var(--rc-heading-m--line-height);
    letter-spacing: var(--rc-heading-m--letter-spacing);
}

/* mobile breakpoint */
@media (max-width: 767.98px) {
    .rc-heading-m-resp, .rc-heading-m-resp * {
        font-size: 24px;
        line-height: 32px;
    }
}

.rc-heading-s, .rc-heading-s-resp, .rc-heading-s-resp * {
    font-weight: var(--rc-heading-s--font-weight);
    font-size: var(--rc-heading-s--font-size);
    line-height: var(--rc-heading-s--line-height);
    letter-spacing: var(--rc-heading-s--letter-spacing);
}

/* mobile breakpoint */
@media (max-width: 767.98px) {
    .rc-heading-s-resp, .rc-heading-s-resp * {
        font-size: 24px;
        line-height: 32px;
    }
}

.rc-subheading-s,
.rc-subheading-s-resp, .rc-subheading-s-resp * {
    font-weight: var(--rc-subheading-s--font-weight);
    font-size: var(--rc-subheading-s--font-size);
    line-height: var(--rc-subheading-s--line-height);
    letter-spacing: var(--rc-subheading-s--letter-spacing);
    text-transform: var(--rc-subheading-s--text-transform);
}

/* mobile breakpoint */
@media (max-width: 767.98px) {
    .rc-subheading-s-resp, .rc-subheading-s-resp * {
        font-size: 12px;
        line-height: 16px;
    }
}

.rc-body-paragraph-s {
    font-weight: var(--rc-body-paragraph-s--font-weight);
    font-size: var(--rc-body-paragraph-s--font-size);
    line-height: var(--rc-body-paragraph-s--line-height);
}

.rc-body-paragraph-s + .rc-body-paragraph-s {
    margin-top: var(--rc-body-paragraph-s--spacing);
}

.rc-body-paragraph-m,
.rc-body-paragraph-m-resp, .rc-body-paragraph-m-resp * {
    font-weight: var(--rc-body-paragraph-m--font-weight);
    font-size: var(--rc-body-paragraph-m--font-size);
    line-height: var(--rc-body-paragraph-m--line-height);
}

.rc-body-paragraph-m + .rc-body-paragraph-m,
.rc-body-paragraph-m-resp * + * {
    margin-top: var(--rc-body-paragraph-m--spacing);
}

/* mobile breakpoint */
@media (max-width: 767.98px) {
    .rc-body-paragraph-m-resp, .rc-body-paragraph-m-resp * {
        font-size: 15px;
        line-height: 24px;
    }

    .rc-body-paragraph-m-resp.rc-body-paragraph-m-resp__smaller,
    .rc-body-paragraph-m-resp.rc-body-paragraph-m-resp__smaller * {
        font-size: 12px;
        line-height: 20px;
    }

    .rc-body-paragraph-m + .rc-body-paragraph-m,
    .rc-body-paragraph-m-resp * + * {
        margin-top: var(--rc-spacing-xxs);
    }
}

.rc-body-paragraph-l,
.rc-body-paragraph-l-resp, .rc-body-paragraph-l-resp * {
    font-weight: var(--rc-body-paragraph-l--font-weight);
    font-size: var(--rc-body-paragraph-l--font-size);
    line-height: var(--rc-body-paragraph-l--line-height);
}

.rc-body-paragraph-l + .rc-body-paragraph-l,
.rc-body-paragraph-l-resp + .rc-body-paragraph-l-resp {
    margin-top: var(--rc-body-paragraph-l--spacing);
}

/* mobile breakpoint */
@media (max-width: 767.98px) {
    .rc-body-paragraph-l-resp, .rc-body-paragraph-l-resp * {
        font-size: var(--rc-body-paragraph-m--font-size);
        line-height: var(--rc-body-paragraph-m--line-height);
    }

    .rc-body-paragraph-l-resp.rc-body-paragraph--smaller,
    .rc-body-paragraph-l-resp.rc-body-paragraph--smaller * {
        font-size: calc(var(--rc-body-paragraph-m--font-size) - var(--rc-spacing-xs));
        line-height: calc(var(--rc-body-paragraph-m--line-height) - var(--rc-spacing-xs));
    }

    .rc-body-paragraph-l + .rc-body-paragraph-l,
    .rc-body-paragraph-l-resp + .rc-body-paragraph-l-resp {
        margin-top: var(--rc-spacing-xs);
    }
}

/* buttons */
.rc-button-l a:not(#non-existent),
.rc-button-l-resp a:not(#non-existent) {
    padding: var(--rc-spacing-s) 28px;

    background-color: var(--rc-color-primary-700);
    color: var(--rc-color-neutral-000);

    font-weight: var(--rc-button-l--font-weight);
    font-size: var(--rc-button-l--font-size);
    line-height: var(--rc-button-l--line-height);

    background-image: none;
    border-radius: 0;
    border: none;
}

/* hover effect */
.rc-button-l:hover,
.rc-button-l-resp:hover {
    text-shadow: 0 0 .75px currentColor, 0 0 .75px currentColor !important;
}

.rc-button-l a:not(#non-existent):has(i),
.rc-button-l-resp a:not(#non-existent):has(i) {
    padding-right: var(--rc-spacing-s);
}

.rc-button-l a:not(#non-existent) i,
.rc-button-l-resp a:not(#non-existent) i {
    width: var(--rc-spacing-m);
    height: var(--rc-spacing-m);

    margin-left: var(--rc-spacing-xxs);
    color: var(--rc-color-neutral-000);

    display: inline-block;
    position: initial;
    transform: none;
}

.rc-button-l a:not(#non-existent) i:before,
.rc-button-l-resp a:not(#non-existent) i:before {
    width: var(--rc-spacing-m);
    height: var(--rc-spacing-m);
    line-height: var(--rc-spacing-m);
    display: inline-block;
    text-align: center;
}

/* mobile breakpoint */
@media (max-width: 767.98px) {
    .rc-button-l-resp {
        width: 100%;
    }

    .rc-button-l-resp a:not(#non-existent) {
        width: 100%;
        text-align: center;
    }
}

/* button neutral modifier */
.rc-button-l.rc-button-l--neutral a:not(#non-existent),
.rc-button-l-resp.rc-button-l--neutral a:not(#non-existent) {
    background-color: var(--rc-color-neutral-100);
    color: var(--rc-color-neutral-900);
}

.rc-button-l.rc-button-l--neutral a:not(#non-existent),
.rc-button-l-resp.rc-button-l--neutral a:not(#non-existent) i {
    color: var(--rc-color-neutral-900);
}

.rc-button-l.rc-button-l--rounded a:not(#non-existent),
.rc-button-l-resp.rc-button-l--rounded a:not(#non-existent) {
    border-radius: var(--rc-spacing-xxs);
}

.rc-button-l.rc-button-l--col-prim-700 a:not(#non-existent),
.rc-button-l-resp.rc-button-l--col-prim-700 a:not(#non-existent) {
    color: var(--rc-color-primary-700);
}

/* typography related classes */
.text-neutral-900 {
    color: var(--rc-color-neutral-900);
}

.text-neutral-400 {
    color: var(--rc-color-neutral-400);
}

.text-neutral-000 {
    color: var(--rc-color-neutral-000);
}

.text-neutral-700, .text-neutral-700 * {
    color: var(--rc-color-neutral-700);
}

.text-neutral-500 {
    color: var(--rc-color-neutral-500);
}

.text-primary-700 {
    color: var(--rc-color-primary-700);
}

.text-primary-500 {
    color: var(--rc-color-primary-500);
}

.text-primary-300 {
    color: var(--rc-color-primary-300);
}

.bg-neutral-100 {
    background-color: var(--rc-color-neutral-100);
}

.bg-primary-700 {
    background-color: var(--rc-color-primary-700);
}

.bg-primary-100 {
    background-color: var(--rc-color-primary-100);
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-50 {
    opacity: 0.5;
}

/* icons */
/* check promo */
.check-promo-icon::before {
    content: "";
    display: block;
    mask: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.0099 2.01123C12.7877 2.01128 13.5389 2.2946 14.1229 2.80823L14.2769 2.95323L14.9749 3.65123C15.1665 3.84154 15.4166 3.96168 15.6849 3.99223L15.8199 4.00023H16.8199C17.6371 4.00018 18.4234 4.3128 19.0175 4.87397C19.6116 5.43514 19.9684 6.20234 20.0149 7.01823L20.0199 7.20023V8.20023C20.0199 8.47023 20.1119 8.73323 20.2779 8.94323L20.3679 9.04323L21.0649 9.74123C21.6426 10.3157 21.9795 11.0889 22.0068 11.9031C22.0341 12.7173 21.7498 13.5114 21.2119 14.1232L21.0669 14.2772L20.3689 14.9752C20.1786 15.1668 20.0585 15.4169 20.0279 15.6852L20.0199 15.8202V16.8202C20.02 17.6374 19.7074 18.4237 19.1462 19.0178C18.585 19.6119 17.8178 19.9688 17.0019 20.0152L16.8199 20.0202H15.8199C15.5503 20.0203 15.2886 20.1112 15.0769 20.2782L14.9769 20.3682L14.2789 21.0652C13.7045 21.643 12.9313 21.9798 12.1171 22.0071C11.3028 22.0344 10.5088 21.7502 9.89692 21.2122L9.74292 21.0672L9.04492 20.3692C8.85336 20.1789 8.60322 20.0588 8.33492 20.0282L8.19992 20.0202H7.19992C6.38271 20.0203 5.59644 19.7077 5.00236 19.1465C4.40827 18.5853 4.0514 17.8181 4.00492 17.0022L3.99992 16.8202V15.8202C3.99983 15.5506 3.90895 15.2889 3.74192 15.0772L3.65192 14.9772L2.95492 14.2792C2.37721 13.7048 2.04035 12.9316 2.01303 12.1174C1.98572 11.3031 2.27 10.5091 2.80792 9.89723L2.95292 9.74323L3.65092 9.04523C3.84124 8.85367 3.96138 8.60352 3.99192 8.33523L3.99992 8.20023V7.20023L4.00492 7.01823C4.04958 6.23368 4.38135 5.49298 4.93701 4.93732C5.49267 4.38166 6.23337 4.04988 7.01792 4.00523L7.19992 4.00023H8.19992C8.46954 4.00014 8.73127 3.90926 8.94292 3.74223L9.04292 3.65223L9.74092 2.95523C10.0383 2.65612 10.3918 2.41874 10.7812 2.25673C11.1706 2.09472 11.5882 2.01129 12.0099 2.01123ZM15.7069 9.29323C15.5194 9.10576 15.2651 9.00044 14.9999 9.00044C14.7348 9.00044 14.4805 9.10576 14.2929 9.29323L10.9999 12.5852L9.70692 11.2932L9.61292 11.2102C9.41193 11.0548 9.15932 10.9817 8.9064 11.0058C8.65347 11.0299 8.41921 11.1494 8.25117 11.34C8.08314 11.5305 7.99394 11.7779 8.0017 12.0318C8.00945 12.2858 8.11358 12.5273 8.29292 12.7072L10.2929 14.7072L10.3869 14.7902C10.5793 14.9395 10.8196 15.0134 11.0626 14.9981C11.3056 14.9828 11.5347 14.8794 11.7069 14.7072L15.7069 10.7072L15.7899 10.6132C15.9392 10.4208 16.0131 10.1806 15.9978 9.93755C15.9825 9.69452 15.8791 9.46542 15.7069 9.29323Z"/></svg>');
    mask-repeat: no-repeat;
}

.chevron-right-fil-icon::before {
    min-width: 24px;
    min-height: 24px;
    content: "";
    display: block;
    mask: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19 2C19.7956 2 20.5587 2.31607 21.1213 2.87868C21.6839 3.44129 22 4.20435 22 5V19C22 19.7956 21.6839 20.5587 21.1213 21.1213C20.5587 21.6839 19.7956 22 19 22H5C4.20435 22 3.44129 21.6839 2.87868 21.1213C2.31607 20.5587 2 19.7956 2 19V5C2 4.20435 2.31607 3.44129 2.87868 2.87868C3.44129 2.31607 4.20435 2 5 2H19ZM11.613 8.21C11.4206 8.06075 11.1803 7.98683 10.9373 8.00211C10.6943 8.01739 10.4652 8.12082 10.293 8.293L10.21 8.387C10.0607 8.5794 9.98683 8.81965 10.0021 9.06268C10.0174 9.30571 10.1208 9.53481 10.293 9.707L12.585 12L10.293 14.293L10.21 14.387C10.0546 14.588 9.98151 14.8406 10.0056 15.0935C10.0297 15.3464 10.1492 15.5807 10.3397 15.7488C10.5303 15.9168 10.7777 16.006 11.0316 15.9982C11.2856 15.9905 11.527 15.8863 11.707 15.707L14.707 12.707L14.79 12.613C14.9393 12.4206 15.0132 12.1803 14.9979 11.9373C14.9826 11.6943 14.8792 11.4652 14.707 11.293L11.707 8.293L11.613 8.21Z" fill="%230A141D"/></svg>');
    mask-repeat: no-repeat;
}

/* ct course type icons */
.course-template-icon::before {
    content: "";
    display: block;
    min-width: 32px;
    min-height: 32px;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><defs><style> .cls-1 { fill: %23fff; } .cls-2 { fill: %235b6875; } .cls-3 { fill: %23f2f5f7; } </style></defs><circle class="cls-3" cx="16" cy="16" r="16"/><path class="cls-2" d="M23.11,8.09h-12.85c-.39,0-.77.16-1.05.43-.28.28-.43.66-.43,1.05v12.85c0,.39.16.77.43,1.05.28.28.66.43,1.05.43h12.85c.39,0,.77-.16,1.05-.43.28-.28.43-.66.43-1.05v-12.85c0-.39-.16-.77-.43-1.05s-.66-.43-1.05-.43Z"/><path class="cls-1" d="M18.49,16c0-1.59,0-3.17,0-4.76,0-.71.31-1.02,1.01-1.02.66,0,1.32,0,1.98,0,.57,0,.9.32.9.9,0,3.26,0,6.52,0,9.78,0,.57-.34.88-.91.88-.68,0-1.36,0-2.04,0-.64,0-.95-.31-.95-.96,0-1.61,0-3.21,0-4.82Z"/><path class="cls-1" d="M10.98,18.16c0-.92,0-1.83,0-2.75,0-.53.3-.84.84-.84,1.49,0,2.98,0,4.48,0,.55,0,.88.32.88.87,0,1.82,0,3.65,0,5.47,0,.57-.28.86-.84.86-1.52,0-3.04,0-4.56,0-.51,0-.79-.28-.79-.78,0-.94,0-1.89,0-2.83Z"/><path class="cls-1" d="M14.11,10.22c.74,0,1.47,0,2.21,0,.55,0,.86.33.86.92,0,.47,0,.95,0,1.42,0,.48-.22.75-.66.82-.11.02-.23.03-.34.03-1.41,0-2.82,0-4.22,0-.21,0-.4.02-.6-.06-.26-.1-.37-.44-.37-.72,0-.52,0-1.05,0-1.57,0-.51.3-.83.78-.84.78,0,1.57,0,2.35,0h0Z"/></svg>');
}

.course-package-icon::before {
    content: "";
    display: block;
    min-width: 32px;
    min-height: 32px;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32"><defs><style> .cls-1 { fill: none; } .cls-2 { fill: %235b6875; fill-rule: evenodd; } .cls-3 { fill: %23f2f5f7; } .cls-4 { clip-path: url(%23clippath); } </style><clipPath id="clippath"><rect class="cls-1" x="6" y="5.51" width="20" height="20"/></clipPath></defs><circle class="cls-3" cx="16" cy="16" r="16"/><g class="cls-4"><path class="cls-2" d="M16.67,5.84c.27.37.2.89-.17,1.17l-7.04,5.21c-.1.1-.12.22-.12.35v8.77c0,.46-.37.83-.83.83s-.83-.37-.83-.83v-8.86c0-.05,0-.12.01-.2,0-.08.02-.18.04-.27.02-.09.05-.23.12-.38.13-.26.34-.53.58-.71l7.09-5.25c.37-.27.89-.2,1.17.17ZM23.53,9.17c-.34-.17-.71-.17-1.05,0-.03.01-.06.03-.09.05l-7.09,5.01c-.18.12-.42.32-.57.62-.12.25-.19.52-.19.79v8.58c0,.37.19.77.6.97.03.01.05.02.08.03.15.05.36.1.58.08.23-.03.43-.12.58-.27l6.98-4.91s.02-.01.03-.02c.15-.12.38-.31.53-.6.11-.22.2-.49.2-.78v-8.58c0-.37-.19-.77-.6-.97ZM19.83,8.68c.37-.27.45-.8.17-1.17-.27-.37-.8-.45-1.17-.17l-7.09,5.25c-.24.18-.45.44-.58.71-.07.15-.11.29-.12.38-.02.1-.03.2-.04.27,0,.08,0,.15-.01.2v8.86c0,.46.37.83.83.83s.83-.37.83-.83v-8.77c0-.13.03-.25.12-.35l7.04-5.21Z"/></g></svg>');
}

.course-single-icon::before {
    content: "";
    display: block;
    min-width: 32px;
    min-height: 32px;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><defs><style> .st0 { fill: %235b6874; } .st1 { fill: %23f2f5f7; } </style></defs><circle class="st1" cx="16" cy="16" r="16"/><path class="st0" d="M22.9,9.1c-.26-.25-.61-.4-.97-.4h-11.86c-.36,0-.71.15-.97.4-.25.26-.4.61-.4.97v11.86c0,.36.15.71.4.97.26.25.61.4.97.4h7.41v-.03l.24-5.63c.02-.48.31-.9.74-1.09.16-.07.34-.11.51-.11.28,0,.57.1.8.29l3.53,2.96v-9.62c0-.36-.15-.71-.4-.97Z"/><g><polygon class="st0" points="22.35 23.22 23.21 25.17 21.62 25.81 20.7 23.73 20.51 23.3 19.97 22.08 18.75 23.3 18.73 23.3 18.97 17.69 22.5 20.64 23.3 21.31 21.54 21.39 22.35 23.22"/><polygon class="st0" points="18.75 23.3 18.73 23.32 18.73 23.3 18.75 23.3"/></g></svg>');
}

/*** Footer styling START ***/

.rc-footer {
    background-color: var(--rc-color-primary-800);
    padding-top: var(--rc-spacing-l);
    padding-bottom: var(--rc-spacing-l);

    padding-left: calc(var(--rc-spacing-m) - var(--rc-spacing-xxxs));
    padding-right: calc(var(--rc-spacing-m) - var(--rc-spacing-xxxs));
}

/* sections separator */
.rc-footer__section-separator {
    margin-top: var(--rc-spacing-s);
    margin-bottom: calc(var(--rc-spacing-s) - 1px);
    border-top: 1px solid var(--rc-color-neutral-000--o-8);
    top: -1px;
    position: relative;
}

/* footer top section */
.rc-footer-top:not(:has(.textwidget)) {
    display: flex;
    flex-wrap: wrap;
}

.rc-footer-top:has(.textwidget) {
    display: flex;
}

.rc-footer-top .textwidget {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#masthead .before-header-custom-bar .navbar-brand img {
    width: 200px;
    margin-bottom: 10px;
}
.rc-footer-top .rc-footer-logo img,
.rc-footer-top .rc-footer-logo {
    height: auto;
    width: 200px;
    margin-right: auto;
}


/* contacts */
.rc-footer-contacts {
    display: flex;
    gap: var(--rc-spacing-l);
    margin-top: var(--rc-spacing-xxs);
}

.rc-footer-contacts__item {
    display: flex;
    flex-direction: column;
    justify-content: end;
    gap: var(--rc-spacing-xxxs);
}

.rc-footer-contacts__item .rc-description {
    color: var(--rc-color-neutral-000--o-64);
}

.rc-footer-contacts__item a {
    color: var(--rc-color-neutral-000);
    text-decoration: unset;
    opacity: 0.8;
}

.rc-footer-contacts__item a:hover {
    color: var(--rc-color-neutral-000);
    opacity: 1;
}

/* language switcher */
.language-switcher {
    padding: var(--rc-spacing-xs);
    background-color: var(--rc-color-primary-700);

    height: fit-content;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;

    margin-top: var(--rc-spacing-xxs);
}

.rc-flex-spacer-auto {
    display: block;
    min-width: 0;
    max-width: 100%;
    flex-grow: 1;
}

.rc-flex-spacer-104 {
    display: block;
    min-width: 0;
    max-width: 104px;
    flex-grow: 1;
}

/* switcher modifier */
.language-switcher__globe {
    padding: 0;
    background-color: transparent;
    align-self: center;
}

.language-switcher__globe .language-switcher-box {
    display: none;
}

.language-switcher__current-lang:not(#non-existent) {
    display: flex;
    align-items: center;
    gap: var(--rc-spacing-xxs);
}

/* switcher disabled state */
.language-switcher:has(> .language-switcher__current-lang[disabled]) {
    opacity: 0.5;
    cursor: default;
}

.language-switcher:has(> .language-switcher__current-lang[disabled]) .language-switcher-box-icon {
    visibility: hidden;
}

/* language selector box */
.language-switcher-box {
    display: flex;
    align-items: center;
    gap: var(--rc-spacing-xxxs);
    flex-shrink: 0;
}

.language-switcher-box .rc-nav-label {
    user-select: none;
    color: var(--rc-color-neutral-000);
    text-transform: uppercase;
}

.language-switcher-box-icon {
    fill: var(--rc-color-primary-300);
    display: inline-block;
    font-size: var(--rc-spacing-s);
    width: var(--rc-spacing-s);
}

/* lang switcher options */
.language-switcher .language-switcher-options,
.language-switcher .language-switcher-options > font {
    flex-direction: column;
    gap: var(--rc-spacing-s);

    background-color: white;

    --bs-dropdown-border-color: #e0e0e0;
    --bs-dropdown-border-radius: 0;

    --bs-dropdown-padding-y: var(--rc-spacing-s);
    --bs-dropdown-padding-x: var(--rc-spacing-s);

    font-weight: var(--rc-label-nav--font-weight);
    font-size: 14px;
}

/* 'language-switcher-options' Edge Browser auto translate markup */
.language-switcher .language-switcher-options > font {
    display: flex;
    flex-direction: column;
    gap: var(--rc-spacing-s);
}

/* rotate chevron icon when dropdown is shown */
.language-switcher__current-lang.show .language-switcher-box-icon {
    transform: rotate(180deg);
}

.language-switcher .language-switcher-options.show {
    display: flex;
}

.language-switcher-option__link {
    text-decoration: none;
    color: #003873;
}

.language-switcher-option__link:hover {
    color: rgb(0, 129, 255);
}

/* footer middle section */
.rc-footer-middle {
    display: flex;
    flex-wrap: wrap;
    gap: var(--rc-spacing-l);
}

.rc-footer-middle__section {
    flex-grow: 1;
    flex-basis: 0;
    padding-top: var(--rc-spacing-s);
    padding-bottom: var(--rc-spacing-s);
}

.rc-footer-middle__section .rc-footer-middle__section-title,
.rc-footer-middle__section .rc-footer-middle__section-title a {
    color: var(--rc-color-primary-300);
    text-decoration: none;
    margin-bottom: calc(var(--rc-spacing-m) - var(--rc-spacing-xxxs));
}

.rc-footer-middle__section .menu {
    list-style: none;
    padding-left: 0;
}

.rc-footer-middle__section .menu {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.rc-footer-middle__section .menu .menu-item {
    margin-bottom: var(--rc-spacing-xxs);
    color: var(--rc-color-neutral-000);
    font-weight: var(--rc-label-nav--font-weight);
    font-size: var(--rc-label-nav--font-size);
    line-height: var(--rc-label-nav--line-height);
    letter-spacing: var(--rc-label-nav--letter-spacing);
}

.rc-footer-middle__section .menu .menu-item:last-child {
    margin-bottom: 0;
}

.rc-footer-middle__section .menu .menu-item:first-letter {
    text-transform: capitalize;
}

.rc-footer-middle__section .menu .menu-item a {
    color: inherit;
    text-decoration: none;
    opacity: 0.8;
}

.rc-footer-middle__section .menu .menu-item a:hover {
    opacity: 1;
}

/* social icons */
.rc-footer__middle-section-social-icons {
    display: flex;
    gap: calc(var(--rc-spacing-m) - var(--rc-spacing-xxxs));
}

.rc-footer__middle-section-social-icons a {
    opacity: 0.8;
}

.rc-footer__middle-section-social-icons a:hover {
    opacity: 1;
}

/* footer bottom section */
.rc-footer-bottom {
    display: flex;
    padding-top: var(--rc-spacing-xs);
    padding-bottom: var(--rc-spacing-xs);
    gap: var(--rc-spacing-l);

    color: var(--rc-color-neutral-000--o-64);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.01em;
}

/* mid device breakpoint */
@media (max-width: 991.98px) {
    .rc-footer-top .textwidget {
        flex-direction: column;
    }

    .rc-footer-top .rc-footer-contacts {
        margin-top: var(--rc-spacing-m);
    }

    /* language selector */
    .language-switcher {
        margin-left: 0;
        margin-right: auto;
        margin-top: var(--rc-spacing-m);
    }

    .language-switcher__globe {
        align-self: start;
    }
}

/* mobile breakpoint */
@media (max-width: 767.98px) {

    .rc-footer {
        padding-left: calc(var(--rc-spacing-m) - var(--rc-spacing-xxxs));
        padding-right: calc(var(--rc-spacing-m) - var(--rc-spacing-xxxs));
    }

    .rc-footer .container {
        padding-left: 0;
        padding-right: 0;
    }

    /* sections separator */
    .rc-footer__section-separator {
        margin-top: var(--rc-spacing-m);
        margin-bottom: calc(var(--rc-spacing-m) - 1px);
    }

    /* small variant */
    .rc-footer__section-separator.rc-footer__section-separator--small {
        margin-top: var(--rc-spacing-s);
        margin-bottom: calc(var(--rc-spacing-s) - 1px);
    }


    /* footer top section */
    .rc-footer-top {
        flex-direction: column;

    }

    .rc-footer-top:not(:has(.textwidget)),
    .rc-footer-top .textwidget {
        justify-content: start;
        flex-direction: column;
    }

    /* contacts */
    .rc-footer-top .rc-footer-contacts {
        flex-direction: column;
        margin-top: var(--rc-spacing-m);
        gap: var(--rc-spacing-xs);
    }

    .rc-footer-contacts .rc-footer-contacts__item .rc-description {
        font-size: 12px;
        line-height: 16px;
    }

    .rc-footer-contacts .rc-footer-contacts__item .rc-nav-label {
        font-size: 14px;
        line-height: 20px;
    }

    /* footer middle section */
    .rc-footer-middle {
        flex-direction: column;
        gap: 0;
    }

    .rc-footer-middle__section {
        padding-top: calc(var(--rc-spacing-m) - var(--rc-spacing-xxxs));
        padding-bottom: calc(var(--rc-spacing-m) - var(--rc-spacing-xxxs));
    }

    .rc-footer-middle__section .rc-footer-middle__section-title.rc-subheading-s,
    .rc-footer-middle__section .rc-footer-middle__section-title.rc-subheading-s a {
        font-size: var(--rc-subheading-s--font-size) !important;
        line-height: var(--rc-subheading-s--line-height) !important;
    }

    /* footer bottom section */
    .rc-footer-bottom {
        flex-direction: column;
        gap: var(--rc-spacing-xs);
    }
}

/*** Footer styling END ***/


/*** Compliance training card START ***/

/* compliance training card container */
.rc-ct-card-container {
    display: flex;
    flex-wrap: wrap;
    gap: var(--rc-ct-card-gap, 72px);
    justify-content: start;
}

/* mobile */
@media screen and (max-width: 1399.98px) {
    .rc-ct-card-container {
        justify-content: center;
    }
}

.max-width-2-cards {
    max-width: calc(var(--rc-ct-card-width) * 2 + var(--rc-ct-card-gap));
}

/* compliance training card */
.rc-ct-card {
    padding: var(--rc-spacing-l);
    border-radius: 20px;
    background-color: white;
    box-shadow: 0 2px 4px 0 #5E666F14;

    display: flex;
    flex-direction: column;

    width: var(--rc-ct-card-width, 384px);
    height: var(--rc-ct-card-height, 408px);

    text-decoration: none;
}

.rc-ct-card:hover {
    box-shadow: 0 2px 4px 0 rgba(94, 102, 111, 0.25);
}

.rc-ct-card__header {
    margin-bottom: var(--rc-spacing-m);
    display: flex;
    gap: var(--rc-spacing-xxs);
    align-items: center;
}

.rc-ct-card__icon {
    display: block;
    border-radius: 999px;
}

.rc-ct-card__icon::before {
    width: 20px;
    height: 20px;
}

.rc-ct-card__badge {
    color: var(--rc-color-primary-500);
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.04em;
    text-align: left;

    text-transform: uppercase;
    border-radius: 999px;
    padding: 6px var(--rc-spacing-s);
    background-color: var(--rc-color-primary-100);
}

.rc-ct-card__badge--on-sale {
    color: var(--rc-color-accent-500);
    background-color: var(--rc-color-accent-100);
}

.rc-ct-card__badge-sale-price {
    margin-left: auto;
    color: var(--rc-color-accent-500);
    text-decoration: line-through;
    font-size: 13px;
    line-height: 20px;
    font-weight: 500;
}

.rc-ct-card__title {
    color: var(--rc-color-neutral-900);
    font-weight: 700;
    font-size: 21px;
    line-height: 28px;
    letter-spacing: -0.01em;

    margin-bottom: var(--rc-spacing-s);

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.rc-ct-card__content {
    color: var(--rc-color-neutral-500);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.rc-ct-card__footer {
    color: var(--rc-color-neutral-400);
    margin-top: auto;
}

.rc-ct-card__footer-top {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.01em;

    border-top: 1px solid var(--rc-color-neutral-100);
    border-bottom: 1px solid var(--rc-color-neutral-100);

    margin-bottom: var(--rc-spacing-s);

    height: 40px;
    display: flex;
    align-items: center;
}

.rc-ct-card__footer-top-icon {
    flex-shrink: 0;
    width: var(--rc-spacing-m);
    height: var(--rc-spacing-m);
    margin-right: var(--rc-spacing-xs);
}

.rc-ct-card__footer-bottom {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.rc-ct-card__review {
    display: flex;
    gap: var(--rc-spacing-xs);
    align-items: center;

    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.01em;
}

.rc-ct-card__review_img {
    height: var(--rc-spacing-xs);
    width: auto;
}

.rc-ct-card__review_no {
    overflow: hidden;
    text-overflow: ellipsis;
}

.rc-ct-card__price {
    color: var(--rc-color-neutral-500);
    font-weight: 500;
    font-size: 21px;
    line-height: 32px;

    margin-left: auto;
}

/* rc-ct-card rc-ct-card--view-all */
.rc-ct-card--view-all {
    background-color: var(--rc-color-primary-700);
    padding-bottom: 0;
}

.rc-ct-card--view-all:hover {
    box-shadow: 0 2px 8px 0 rgba(0, 28, 58, 0.25);
}

.rc-ct-card--view-all .rc-ct-card__title {
    color: white;
    font-size: 21px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.01em;
    text-align: center;

    margin-top: 56px;
    margin-bottom: var(--rc-spacing-m);
}

.rc-ct-card--view-all .rc-ct-card__content {
    display: flex;
    gap: var(--rc-spacing-xxs);
    justify-content: center;
}

.rc-ct-card--view-all .rc-ct-card__content > *:before {
    background-color: var(--rc-color-primary-300);
    width: var(--rc-spacing-l);
    height: var(--rc-spacing-l);
}

.rc-ct-card--view-all .rc-ct-card__footer {
    max-height: 124px;
    overflow: hidden;
}

/* compliance training card mobile layout */
@media screen and (max-width: 767.98px) {
    .rc-ct-card {
        width: var(--rc-ct-card-width-mobile, 335px);
    }

    /* overview page cards in slide */
    .rc-ct-card.slick-slide {
        width: 326px;
    }
}


/*** Compliance training card END ***/

/*** Compliance training card filters START ***/

/* compliance training card filter */
.rc-ct-filter:not(#non-existent) {
    width: 280px;
    box-sizing: content-box;
    flex-shrink: 0;
}

.rc-ct-filter-section + .rc-ct-filter-section {
    margin-top: var(--rc-spacing-xl);
}

.rc-ct-filter-section__heading {
    color: var(--rc-color-neutral-700);
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.08em;

    text-transform: uppercase;

    display: flex;
    gap: var(--rc-spacing-xs);
    align-items: center;

    margin-bottom: var(--rc-spacing-s);
    user-select: none;
}

.rc-ct-filter-section__heading svg {
    width: inherit;
}

.rc-ct-filters .rc-ct-filter-section__heading {
    margin-bottom: var(--rc-spacing-xxs);
}

/* mobile radio button */
.rc-ct-mobile__button-radio-wrapper {
    display: flex;
    flex-direction: column;
}

.rc-ct-mobile__button-radio {
    color: var(--rc-color-neutral-700);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: var(--rc-spacing-xs) 0;

    display: flex;
    gap: var(--rc-spacing-xs);

    cursor: pointer;
}

.rc-ct-mobile__button-radio [type=radio] {
    height: var(--rc-spacing-m);
    width: var(--rc-spacing-m);
    border-radius: 100%;
    background-color: white;
    border: 1px solid var(--rc-color-neutral-200);
    appearance: none;
    background-position: center center;
    background-repeat: no-repeat;
}

.rc-ct-mobile__button-radio [type=radio]:checked {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7072 9.29279C15.5196 9.10532 15.2653 9 15.0002 9C14.735 9 14.4807 9.10532 14.2932 9.29279L11.0002 12.5848L9.70716 11.2928L9.61316 11.2098C9.41217 11.0544 9.15956 10.9813 8.90663 11.0054C8.65371 11.0295 8.41944 11.1489 8.25141 11.3395C8.08337 11.5301 7.99418 11.7775 8.00193 12.0314C8.00969 12.2854 8.11381 12.5268 8.29316 12.7068L10.2932 14.7068L10.3872 14.7898C10.5796 14.939 10.8198 15.013 11.0628 14.9977C11.3059 14.9824 11.535 14.879 11.7072 14.7068L15.7072 10.7068L15.7902 10.6128C15.9394 10.4204 16.0133 10.1801 15.998 9.93711C15.9828 9.69408 15.8793 9.46498 15.7072 9.29279Z" fill="white"/></svg>');
    background-color: var(--rc-color-accent-500);
    border: none;
}


/* filter accordion */
.rc-ct-filter__accordion {

}

.rc-ct-filter__accordion-entry {
    padding: var(--rc-spacing-s) 0;
    border-bottom: 1px solid var(--rc-color-neutral-200);
}

.rc-ct-filter__accordion-entry:first-of-type {
    border-top-color: transparent;
}

.rc-ct-filter__accordion-heading {
    color: var(--rc-color-neutral-700);
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.08em;
    text-transform: uppercase;

    width: 100%;
    display: flex;
    align-items: center;

    cursor: pointer;
    user-select: none;
}

.rc-ct-filter__accordion-heading > *:first-of-type {
    flex-grow: 1;
}

.rc-ct-filter__accordion-heading:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 4C12.5523 4 13 4.44772 13 5V11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H13V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V13H5C4.44772 13 4 12.5523 4 12C4 11.4477 4.44772 11 5 11H11V5C11 4.44772 11.4477 4 12 4Z" fill="%23A0AAB1"/></svg>');
    display: block;
    margin-left: var(--rc-spacing-xxs);
    height: 24px;
}

.rc-ct-filter__accordion-entry--open .rc-ct-filter__accordion-heading:after {
    content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 12C4 11.4477 4.44772 11 5 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H5C4.44772 13 4 12.5523 4 12Z" fill="%23A0AAB1"/></svg>');
}

.rc-ct-filter__accordion-entry--open .rc-ct-filter__accordion-contents {
    display: block;
}

.rc-ct-filter__accordion-contents {
    display: none;
    margin-top: var(--rc-spacing-xxs);
}

.rc-ct-filter__labelled_checkbox {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;

    display: flex;
    gap: var(--rc-spacing-xs);
    padding: var(--rc-spacing-xxxs) 0;

    cursor: pointer;
    user-select: none;
}

.rc-ct-filter__labelled_checkbox [type=checkbox] {
    height: var(--rc-spacing-m);
    width: var(--rc-spacing-m);
    border-radius: var(--rc-spacing-xxxs);
    background-color: white;
    border: 1px solid var(--rc-color-neutral-200);
    appearance: none;
    background-position: center center;
    background-repeat: no-repeat;
    flex-shrink: 0;
    cursor: pointer;
}

.rc-ct-filter__labelled_checkbox [type=checkbox]:checked {
    background-color: var(--rc-color-primary-500);
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.8047 4.19526C14.065 4.45561 14.065 4.87772 13.8047 5.13807L7.13803 11.8047C6.87768 12.0651 6.45557 12.0651 6.19522 11.8047L2.86189 8.4714C2.60154 8.21106 2.60154 7.78894 2.86189 7.5286C3.12224 7.26825 3.54435 7.26825 3.8047 7.5286L6.66663 10.3905L12.8619 4.19526C13.1222 3.93491 13.5443 3.93491 13.8047 4.19526Z" fill="white"/></svg>');
}

.rc-ct-filter__button {
    background-color: var(--rc-color-neutral-000);
    border-radius: var(--rc-spacing-xxs);
    padding: var(--rc-spacing-xs) var(--rc-spacing-s) var(--rc-spacing-xs) var(--rc-spacing-m);
    border: 1px solid var(--rc-color-neutral-200);
    color: var(--rc-color-neutral-900);
    text-decoration: none;

    font-size: 15px;
    font-weight: 700;
    line-height: 24px;

    white-space: nowrap;
    width: fit-content;

    display: flex;
    gap: var(--rc-spacing-xxs);
    align-items: center;
    justify-content: center;
}

.rc-ct-filter > .rc-ct-filter__reset-button {
    margin-top: var(--rc-spacing-m);
}

.rc-ct-filter__button:hover {
    color: inherit;
}

.rc-ct-filter__reset-button[disabled],
.rc-ct-filter__reset-button.rc-ct-filter__reset-button--disabled {
    opacity: 0.5;
    pointer-events: none;
}

/* mobile only filters */
.rc-ct-filter-mobile__button-section {
    position: fixed;
    left: 0;
    /*bottom: var(--rc-spacing-s);*/
    bottom: 20px;
    pointer-events: none;

    display: flex;
    justify-content: center;
    gap: var(--rc-spacing-xs);

    width: 100%;
    z-index: 9;
}

.rc-ct-filter-mobile__button-section > * {
    pointer-events: auto;
}

.rc-ct-filter__button--mobile {
    border-radius: 200px;
    text-decoration: underline;
    padding-right: var(--rc-spacing-l);

    box-shadow: 0 6px 12px 0 #00000026;
}

.rc-ct-filter__button--sort {
    border-radius: 100%;
    padding: var(--rc-spacing-s);
}

.rc-ct-filter__button--mobile:has(.rc-ct-filter__button-badge:not(.rc-ct-filter__button-badge--hidden)) {
    padding-right: var(--rc-spacing-s);
}

.rc-ct-filter__button-badge {
    border-radius: 100%;
    background-color: var(--rc-color-accent-500);
    color: white;
    text-decoration: none;
    min-width: var(--rc-spacing-l);
    height: var(--rc-spacing-l);
    line-height: var(--rc-spacing-l);
    text-align: center;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.rc-ct-filter__button-badge.rc-ct-filter__button-badge--hidden {
    display: none;
}

/* mobile soring/filter section */
.rc-ct-filter-mobile__filter-section,
.rc-ct-filter-mobile__sorting-section {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--rc-color-neutral-100);
    z-index: 999999;

    transition: transform 0.3s ease-in-out;
    transform: translateX(-100%);

    display: flex;
    flex-direction: column;

    height: 100%;
}

.rc-ct-filter-mobile__filter-section--on,
.rc-ct-filter-mobile__sorting-section--on {
    visibility: visible;
    transform: translateX(0);
}

/* mobile filter header */
.rc-ct-filter-mobile__filter-section__header {
    padding: var(--rc-spacing-s) calc(var(--rc-spacing-xxs) + var(--rc-spacing-xs));
    background-color: white;

    display: flex;

    border-bottom: 1px solid var(--rc-color-neutral-200);
}

.rc-ct-filter-mobile__filter-section__header > * {
    margin-bottom: inherit;
}

.rc-ct-filter-mobile__sorting-section__close-icon,
.rc-ct-filter-mobile__filter-section__close-icon {
    margin-left: auto;
    width: fit-content;
    cursor: pointer;
}

/* mobile filter contents */
.rc-ct-filter-mobile__sorting-section__contents,
.rc-ct-filter-mobile__filter-section__contents {
    padding: 0 calc(var(--rc-spacing-xxs) + var(--rc-spacing-xs));
    flex-grow: 1;
    overflow-y: auto;
}

.rc-ct-filter-mobile__sorting-section__contents {
    padding: var(--rc-spacing-s) calc(var(--rc-spacing-xxs) + var(--rc-spacing-xs));
}

/* mobile filter footer */
.rc-ct-filter-mobile__filter-section__footer {
    padding: var(--rc-spacing-xxs) calc(var(--rc-spacing-xxs) + var(--rc-spacing-xs));
    background-color: white;

    display: flex;
    justify-content: space-between;
    gap: var(--rc-spacing-xxs);
    border-top: 1px solid var(--rc-color-neutral-200);
}

.rc-ct-filter__button--reset,
.rc-ct-filter__button--apply {
    text-decoration: none;
    box-shadow: none;
    padding: var(--rc-spacing-xs) var(--rc-spacing-m);
}

.rc-ct-filter__button--apply {
    border: 0;
    background-color: var(--rc-color-accent-500);
    color: white;
    flex-grow: 1;
    text-align: center;
}

.rc-ct-filter__button--apply:hover {
    color: white;
}

/* rc custom select element */
.rc-custom-select {
    color: var(--rc-color-neutral-900);
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

    padding: var(--rc-spacing-xs) calc(var(--rc-spacing-xxxs) + var(--rc-spacing-xs) + var(--rc-spacing-s)) var(--rc-spacing-xs) var(--rc-spacing-s);

    background-color: white;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.29289 8.29289C5.68342 7.90237 6.31658 7.90237 6.70711 8.29289L12 13.5858L17.2929 8.29289C17.6834 7.90237 18.3166 7.90237 18.7071 8.29289C19.0976 8.68342 19.0976 9.31658 18.7071 9.70711L12.7071 15.7071C12.3166 16.0976 11.6834 16.0976 11.2929 15.7071L5.29289 9.70711C4.90237 9.31658 4.90237 8.68342 5.29289 8.29289Z" fill="%235A6774"/></svg>');
    background-size: var(--rc-spacing-m) var(--rc-spacing-m);
    background-position: right var(--rc-spacing-xs) center;
    background-repeat: no-repeat;

    border: 1px solid var(--rc-color-neutral-200);
    border-radius: var(--rc-spacing-xxs);

    cursor: pointer;
    user-select: none;
    position: relative;
}

.rc-custom-select__item-list {
    position: absolute;
    width: 100%;
    left: 0;

    padding: var(--rc-spacing-xs) calc(var(--rc-spacing-s) / 2);

    background-color: white;
    border: 1px solid var(--rc-color-neutral-200);
    border-radius: var(--rc-spacing-xxs);

    display: none;
    flex-direction: column;
}

.rc-custom-select__item-list {
    z-index: 9999;
    top: 100%;
    bottom: unset;
}

.rc-custom-select.rc-custom-select--list-on-top .rc-custom-select__item-list {
    top: unset;
    bottom: 100%;
}

.rc-custom-select.rc-custom-select--open .rc-custom-select__item-list {
    display: flex;
}

.rc-custom-select__label {
    padding: calc(var(--rc-spacing-xs) / 2) calc(var(--rc-spacing-s) / 2);
    border-radius: calc(var(--rc-spacing-xxs) / 3);
    cursor: pointer;
    width: 100%;
}

.rc-custom-select__label:has(> input[type=radio]:checked),
.rc-custom-select__label:hover {
    background-color: var(--rc-color-neutral-200);
}

.rc-custom-select__item {
    cursor: pointer;
    appearance: none;
    display: none;
}

/*** Compliance training card filters END ***/