:root {
    --container: 1320px;
    --w-100: 100%;
    --transition-slow: all .5s ease;
    --transition: all .1s ease;

    --buttonColor: #0072BC;
    --brandCol1: #0072BC;
    --brandCol2: #54afef;
    --brandGreen: #9dca5a;
    --colorSet1: #29BDC6;
    --colorSet2: #E78F36;
    --colorSet3: #96C63B;
    --colorSet4: #29BDC7;
    --colorSet5: #d6655c;

    --colorGray: #666666;
    --colorLightSky: #e5f3fb;
    --colorBgBase: #e9eff8;
    --colorHover: #ced4da;

    --inputHeight: 56px;

    --fw-400: 400;
    --fw-500: 500;
    --fw-bold: 700;
    --fw-900: 900;

    --fs-10: 10px;
    --fs-12: 12px;
    --fs-13: 13px;
    --fs-14: 14px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-17: 17px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-26: 26px;
    --fs-28: 28px;
    --fs-30: 30px;
    --fs-32: 32px;
    --fs-34: 34px;
    --fs-38: 38px;
    --fs-40: 40px;
    --fs-42: 42px;
    --fs-48: 48px;
    --fs-54: 54px;
    --fs-60: 60px;
    --fs-85: 85px;

    --lh-15: 1.5;
    --lh-25: 25px;
    --lh-44: 40px;
    --lh-63: 63px;

    --br-0: 0px;
    --br-4: 4px;
    --br-5: 5px;
    --br-8: 8px;
    --br-10: 10px;
    --br-20: 20px;
    --br-25: 25px;
    --br-26: 26px;
    --br-32: 32px;
    --br-38: 38px;
    --br-40: 40px;
    --br-50: 50%;
    --br-64: 64px;

    --m-5: 5px;
    --m-8: 8px;
    --m-12: 12px;
    --m-16: 16px;
    --m-20: 20px;
    --m-24: 24px;
    --m-28: 28px;
    --m-32: 32px;
    --m-36: 36px;
    --m-42: 42px;
    --m-48: 48px;
    --m-50: 50px;
    --m-56: 56px;
    --m-60: 60px;
    --m-88: 88px;

    --icon-close: url('../icons/close.svg');
    --icon-close-white: url('../icons/close-white.svg');
    --icon-loading: url('../icons/loading.gif');
    --icon-menu: url('/themes/custom/tktheme/icons/menu.svg');
    --icon-plus: url('../icons/plus.svg');
    --icon-plus-white: url('../icons/plus-white.svg');
    --icon-minus: url('../icons/minus.svg');
    --icon-minus-white: url('../icons/minus-white.svg');
    --icon-quote: url('../icons/quote.svg');
    --icon-close-new: url('../icons/close-new.svg');
    --icon-prev: url('/themes/custom/tktheme/icons/prev.png');
    --icon-next: url('/themes/custom/tktheme/icons/next.png');
    --icon-dashboard: url('/themes/custom/tktheme/icons/dashboard.png');
    --icon-library: url('/themes/custom/tktheme/icons/glass.png');
    --icon-cd: url('/themes/custom/tktheme/icons/cd.png.webp');
    --icon-download: url('/themes/custom/tktheme/icons/download.png');
    --icon-guide: url('/themes/custom/tktheme/icons/guide.png');
    --icon-logout: url('/themes/custom/tktheme/icons/logout.png');
    --bt-button: url('/themes/custom/tktheme/images/button.png');
    --icon-info: url('/themes/custom/tktheme/icons/eye.png');
    --icon-groups: url('/themes/custom/tktheme/icons/groups.png');
    --icon-overview: url('/themes/custom/tktheme/icons/overview.svg');
    --image-user-avatar: url("/themes/custom/tktheme/icons/avatar.svg");
    --icon-dashboard-menu: url('/themes/custom/tktheme/icons/dashboard.svg');

    --gradient: transparent linear-gradient(266deg, #20bec6 0%, var(--brandCol1) 80%);

    --baseFont: 'Lato Regular';
    --ff-headings: 'Lato Black';
    --ff-contents: 'Lato Regular';
    --ff-medium: 'Lato Medium';
    --ff-demi: 'Lato Medium';
    --ff-fontAwesome: "Font Awesome 5 Free";
    --fontBasic: "Arial", sans-serif;
    --fontFormal: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto,
    Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell,
    Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Emoji,
    Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif;
}

@font-face {
    font-family: 'Lato Regular';
    src: local('Lato Regular'), local('Lato-Regular'),
        url('../fonts/Lato-Regular/Lato-Regular.woff2') format('woff2'),
        url('../fonts/Lato-Regular/Lato-Regular.woff') format('woff'),
        url('../fonts/Lato-Regular/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato Medium';
    src: local('Lato Medium'), local('Lato-Medium'),
        url('../fonts/Lato-Medium/Lato-Medium.woff2') format('woff2'),
        url('../fonts/Lato-Medium/Lato-Medium.woff') format('woff'),
        url('../fonts/Lato-Medium/Lato-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Lato Bold';
    src: local('Lato Bold'), local('Lato-Bold'),
        url('../fonts/Lato-Bold/Lato-Bold.woff2') format('woff2'),
        url('../fonts/Lato-Bold/Lato-Bold.woff') format('woff'),
        url('../fonts/Lato-Bold/Lato-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Lato Black';
    src: local('Lato Black'), local('Lato-Black'),
        url('../fonts/Lato-Black/Lato-Black.woff2') format('woff2'),
        url('../fonts/Lato-Black/Lato-Black.woff') format('woff'),
        url('../fonts/Lato-Black/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

html {
    scroll-behavior: smooth;
}


:host {
    --btn-background: transparent;
}

* {
    letter-spacing: 0;
}

.ui-widget-overlay,
.MuiBackdrop-root {
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.8) !important;
    opacity: 1;
}

.dialog-off-canvas-main-canvas {
    width: 100vw;
    z-index: 1;
    max-width: var(--w-100);
    overflow-anchor: none;
}

body {
    overflow-x: hidden;
    --bs-body-bg: #F5f5f5;
    --bs-body-color: #000000;
    --bs-body-font-family: var(--baseFont);
    --bs-body-font-size: var(--fs-18);
}

.filter-wrapper .MuiFormLabel-root {
    font-weight: var(--fw-bold);
    padding-bottom: var(--m-8);
}

.MuiStepLabel-label,
.fs-base-font,
.courses-heading,
.userName,
.react-tabs__tab-list.competency-header::before,
.plans-block .react-tabs__tab:first-child,
.courseName,
h2 span:not(.levelSingle),
.competency-head,
.react-tabs__tab--disabled,
input,
legend,
.MuiMenuItem-root,
.MuiButtonBase-root,
.MuiInputBase-root,
.MuiInputLabel-root,
.paragraph--type--ibitem *,
#sidebar a,
.ui-dialog .ui-dialog-title,
.text-formatted li,
.description li,
p,
.favorite-header .MuiChip-label,
textarea,
.navbar-we-mega-menu .type-of-block a {
    font-family: var(--baseFont) !important;
}

h1,
h2,
h3,
h4,
h5,
.tile-title,
button,
.button,
.form-submit {
    font-weight: var(--fw-900) !important;
}

.banner-subtitle,
.field--name-field-stitle,
h1,
h2,
h3,
h4,
h5,
.tile-title,
button,
.button,
.form-submit,
.ui-accordion h3.ui-accordion-header.faqfield-question,
.field--type-faqfield>.field__label,
.projects .nav>li>a,
.field--name-field-title {
    font-family: var(--ff-medium) !important;
}

.dropdown-menu.notify-drop {
    transform: inherit !important;
    right: inherit !important;
    top: 55px !important;
    left: -120px !important;
}

.site-logo:hover,
.site-logo:focus {
    outline: none;
}

.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}

.js-filter-wrapper,
body.user-logged-in.path-user .user-form .page-title,
#sidebar-menu .contextual,
.rdt_Pagination button:disabled,
.hidden,
body.page-node-type-landing-page:not(.user-logged-in) .send-plan,
body.page-node-type-resource-gallery:not(.user-logged-in) .send-plan,
body.page-node-type-resource-gallery:not(.user-logged-in) #sidebar,
.user-form .field--name-user-picture img,
body:not(.user-logged-in) #block-tktheme-branding,
body:not(.user-logged-in) .send-plan,
p:empty,
a#main-content,
.skip-link,
body:not(.user-logged-in).page-node-type-landing-page .ToggleFavorite,
body:not(.user-logged-in).page-node-type-resource-gallery .ToggleFavorite,
body:not(.user-logged-in).page-node-type-landing-page .action-buttons,
body:not(.user-logged-in).page-node-type-resource-gallery .action-buttons,
body:not(.user-logged-in) .MuiSpeedDial-root,
.logoWrapper,
.logoWrapper+.sub-title,
body.user-logged-in.path-user #root,
.flex-control-paging,
.image-widget+.description,
.we-mega-menu-li::after,
#root:empty,
.we-mega-menu-col:empty,
.menu--account .contextual,
.region-content #block-logoanonymoususers,
.paragraph .contextual,
.we-mega-menu-submenu .contextual,
.paragraph--type--landing-block .section-content li::marker,
.menu--account .dropdown-toggle::after,
.we-mega-menu-submenu .block-inner>h2,
.path-mydashboard .block-page-title-block,
.path-courses .block-page-title-block,
.path-activities .block-page-title-block,
.path-collection .block-page-title-block,
.path-collection .sticky,
.region-navbar,
#sidebar .dropdown-menu:after,
.banner-icon-wrapper:empty,
#edit-field-user-role .description:empty,
.dropdown-menu .uma-image,
.dropdown-toggle .uma-name,
.notify-drop .drop-content li .fa-dot-circle-o {
    display: none !important;
}

.navbar-brand {
    gap: 7px;
}

.navbar-brand div {
    border-left: solid 1px var(--bs-white);
    padding-left: 7px;
}

.navbar-brand a.site-title {
    text-transform: inherit !important;
    letter-spacing: 0;
    font-size: var(--fs-18) !important;
    width: 150px;
    display: flex;
    line-height: 1.2;
}

.navbar-brand a.site-title,
.navbar-brand a.site-title:hover {
    color: var(--bs-white);
}

.g-45 {
    gap: 45px;
}

.classWrapper.resources-gallery>div {
    margin-bottom: 0px !important;
}

.g-30 {
    gap: 28px;
}

.g-25 {
    gap: 25px;
}

.g-20 {
    gap: 20px;
}

.g-15 {
    gap: 15px;
}

.g-10 {
    gap: 10px;
}

.g-5 {
    gap: 5px;
}

.region-we-mega-menu {
    border-radius: var(--br-0) !important;
}

body.dashboard h1 {
    padding-left: var(--m-20);
}

body.group-listing .view-my-group-leader-list .views-field-field-group-leader-1 a::before,
#sidebar .collection-management::before,
body.group-listing .view-group-listing .views-field-nothing a::before,
body.path-collection-listing .view-collection-listing .views-field-edit-node a::before,
.block-notifications-widget .dropdown-toggle::before,
.paragraph--type--landing-block .section-content ul li::before,
.faqfield-question .ui-icon,
.flex-direction-nav a:before {
    font-family: var(--ff-fontAwesome);
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: var(--fw-900);
}

.paragraph--type--landing-block .section-content ul li::before,
.faqfield-question .ui-icon {
    font-size: var(--fs-20);
    width: max-content;
}

.field--name-field-stitle {
    font-size: var(--fs-32);
    font-weight: var(--fw-bold);
    color: var(--colorSet1);
    padding-bottom: var(--m-16);
    line-height: 1.2;
}

.paragraph--type--icon-block {
    --fs-34: var(--fs-22);
}

.paragraph--type--ibitem {
    display: flex;
    gap: var(--m-32);
    padding-bottom: var(--m-24);
}

.ib-title {
    font-size: var(--fs-20);
    line-height: 1.2;
    padding-bottom: var(--m-8);
}

.paragraph--type--ibitem .col-2 {
    padding-right: 0;
}

.paragraph--type--ibitem .col-10 {
    padding-left: 0;
}

.paragraph--type--ibitem img {
    width: 32px !important;
    height: 32px !important;
    object-fit: cover;
    max-width: 32px;
}

.body.iframe p,
.body.iframe li {
    font-weight: var(--fw-400);
    font-size: var(--fs-18) !important;
    padding: 0 var(--m-24);
}

.field--name-field-link {
    padding: var(--m-32) 0 0;
}

.field--name-field-link a {
    min-height: 50px;
    background: var(--colorSet1);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: var(--br-64);
    color: var(--bs-white) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--fs-18);
    max-width: max-content;
    padding: 0 var(--m-24);
    min-width: 200px;
    letter-spacing: 0;
    font-family: var(--ff-medium);
    text-align: center;
    line-height: 1;
}

.paragraph--type--ibitem .field--name-field-link a {
    --bs-white: var(--bs-black);
    --fs-18: var(--fs-16);
    height: inherit;
    background: none;
    box-shadow: none !important;
    padding: 0 !important;
    text-align: left !important;
    border-radius: var(--br-0);
    border-bottom: solid 2px var(--colorSet1);
    display: block !important;
    min-width: max-content;
}

.slick-dots li button:before {
    font-size: var(--fs-15);
    color: #000;
}

a.we-mega-menu-li::before,
a.we-megamenu-nolink::before {
    display: block !important;
    width: var(--w-100) !important;
    height: 5px !important;
    left: 0 !important;
    right: inherit !important;
    top: inherit !important;
    bottom: 0px !important;
    background: var(--colorSet1) !important;
}

li.we-mega-menu-li::before {
    display: block !important;
    width: var(--w-100) !important;
    height: 5px !important;
    left: 0 !important;
    right: inherit !important;
    top: inherit !important;
    bottom: 0px !important;
    background: var(--colorSet1) !important;
    content: "";
    position: absolute;
    margin-top: -.3125rem;
}

.paragraph--type--icon-block .field--name-field-title span {
    color: var(--colorSet1);
}

.flex-direction-nav a {
    opacity: 1 !important;
}

.flex-direction-nav a:before {
    color: var(--colorSet1);
}

#edit-field-user-role .description {
    display: block !important;
    font-size: var(--fs-15);
    line-height: var(--lh-15);
    margin-left: 0 !important;
    padding-top: 7px;
}

#edit-field-user-role .option>strong {
    font-size: var(--fs-17);
    display: block;
}

input,
legend {
    font-weight: var(--fw-400);
}

.courses-heading,
.userName,
.react-tabs__tab-list.competency-header::before,
.plans-block .react-tabs__tab:first-child,
h2,
h3,
h4,
.courseName,
h2 span:not(.levelSingle),
.competency-head,
.react-tabs__tab--disabled {
    font-size: var(--fs-18) !important;
    font-weight: var(--fw-bold) !important;
}

.text-formatted li,
.description li,
p {
    line-height: var(--lh-15);
    font-weight: var(--fw-400);
}

button,
.button {
    font-size: var(--fs-16) !important;
    text-transform: capitalize !important;
    outline: none !important;
    border-radius: var(--br-32) !important;
}

a {
    --bs-link-color: var(--brandCol1);
    text-decoration: none;
}

.password-suggestions {
    padding-top: 20px;
}

table {
    border: 0 !important;
}

i {
    cursor: pointer;
}

.user-reset-page .wrapper,
.otp-verfication-form,
.page-user-login form,
.page-user-register form,
.page-user-password form {
    background: var(--bs-white);
    padding: var(--m-24);
    width: var(--w-100);
    margin-bottom: var(--m-32);
    border-radius: var(--br-10);
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}

.otp-verfication-form .form-submit,
.page-user-login form .form-submit,
.page-user-register form .form-submit,
.page-user-password form .form-submit,
.user-reset-page .form-submit {
    --bs-btn-bg: var(--brandCol1);
    padding: 10px 35px;
    border: none !important;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
}

.user-form .change-password,
.otp-verfication-form button,
.user-form .button,
.page-user-login form button,
.page-user-register form button,
.page-user-password form button,
.user-cancel-form button {
    background: var(--brandCol1) !important;
    color: var(--bs-white) !important;
    padding: 7px 35px !important;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.otp-verfication-form .form-submit:hover,
.page-user-login form .form-submit:hover,
.page-user-register form .form-submit:hover,
.page-user-password form .form-submit:hover {
    --bs-btn-bg: var(--brandCol1);
}

.form-control {
    font-size: var(--fs-16);
    line-height: 2;
    border: var(--bs-border-width) solid #cdcfd1 !important;
}

.otp-verfication-form .form-actions,
.page-user-login .form-actions,
.page-user-register .form-actions,
.page-user-password .form-actions {
    justify-content: center;
    align-items: center;
    gap: var(--m-16);
    max-width: var(--w-100);
    margin: 12px auto;
}

.page-user-login form input+a {
    display: flex;
    justify-content: flex-end;
    margin: 10px;
}

.page-user-login input:focus {
    box-shadow: 0 0 10px #719ece;
}

.js-form-type-password {
    margin-bottom: 0;
}

body.page-node-type-page .wrapper,
body.user-guide .region-content {
    background: white;
    padding: var(--m-16);
    width: var(--w-100);
    margin-bottom: 30px !important;
    box-shadow: rgb(204 204 204) 0px 0px 10px;
    margin-top: var(--m-32) !important;
}

body.user-logged-in.path-user .user-form {
    padding-top: 0;
}

.password-confirm.js-password-confirm.js-password-confirm-message {
    width: 165px;
    display: flex;
    align-items: center;
}

.footer-section {
    background-color: var(--bs-white);
    box-shadow: #b5b3b3 6px 9px 14px 8px;
	margin-top: auto;
}

#sidebar {
    background: white;
    overflow: hidden;
    box-shadow: #b5b3b3 4px 6px 20px 4px;
    width: 36px;
    min-width: 36px;
    transition: all 0.5s;
    font-size: 0;
    padding: 0 !important;
    left: 0;
}

#sidebar a {
    font-family: var(--baseFont);
    display: flex;
    color: rgb(70, 66, 66);
    padding: 10px 7px;
    border-bottom: 1px solid var(--colorHover);
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
}

#sidebar a.is-active,
#sidebar a:hover {
    background-color: var(--colorHover);
}

.region-mobile-login {
    width: 100px;
}

#sidebar.full {
    width: 190px;
    font-size: var(--fs-13);
    padding-right: 0 !important;
}

#sidebar a::after {
    margin-left: auto;
    color: rgb(70, 66, 66);
    display: none;
}

#sidebar:hover a::after {
    --icon-plus-white: var(--icon-plus);
    display: block;
}

#sidebar:hover a.show:after {
    --icon-plus-white: var(--icon-minus);
}

#sidebar a::before {
    width: 20px;
    min-width: 20px;
    height: 20px;
    content: "";
    background-size: 20px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: var(--icon-dashboard);
}

#sidebar .cd-learning-pathways::before,
#sidebar .bcmhsus-resource-library::before {
    --icon-dashboard: var(--icon-library);
}

#sidebar .cd-toolkit::before {
    --icon-dashboard: var(--icon-cd);
}

#sidebar .user-guide::before {
    --icon-dashboard: var(--icon-guide);
}

#sidebar .group-management::before {
    --icon-dashboard: var(--icon-groups);
}

#sidebar .logout::before {
    --icon-dashboard: var(--icon-logout);
}

#sidebar .competency-framework::before {
    --icon-dashboard: var(--icon-download);
}

#sidebar .collection-management::before {
    content: "\f19d" !important;
    background-image: none !important;
    font-size: var(--fs-12);
    background-color: #287ec5;
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px !important;
    height: 20px !important;
}

#sidebar .platform-overview::before {
    --icon-dashboard: var(--icon-overview);
    background-color: #287ec5;
    border-radius: 50%;
    background-size: 12px;
    background-position: center;
    width: 20px !important;
}

#sidebar:hover a:before {
    width: 23px;
}

#sidebar .dropdown-menu {
    position: static !important;
    transform: none !important;
    padding: 0 !important;
    border: none !important;
}

#sidebar .dropdown-menu a {
    padding-left: 35px !important;
}

#sidebar .dropdown-menu .dropdown-item {
    font-size: 90%;
}

#sidebar .dropdown-menu a::before {
    display: none;
}

#dashboard-toggle {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: var(--icon-menu);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    cursor: pointer;
}

#dashboard-toggle.toggled {
    --icon-menu: var(--icon-close-white);
}

#root {
    padding-top: var(--m-24);
    margin: 0 auto;
    width: var(--w-100);
    position: relative;
}

#root>div {
    padding-bottom: var(--m-24);
}

.page-container,
.main-content__container {
    max-width: var(--w-100);
    padding: 0;
    margin: 0;
}

.main-content__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.messages__group {
    max-height: 300px;
    overflow: auto;
}

#block-loginpagedescription {
    color: white;
    line-height: var(--lh-15);
}

#block-loginpagedescription .block__content>div:first-child p {
    margin: 0;
}

#block-loginpagedescription img,
#block-logoanonymoususers img {
    width: 300px;
    height: auto;
    display: inline-block;
    margin-bottom: var(--m-16);
}

#block-logoanonymoususers p {
    margin: 0;
}

.footer {
    background: transparent;
}

.footer__section {
    justify-content: flex-end;
}

.ui-dialog {
    padding: 0;
    border-radius: var(--br-25) !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border: none !important;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 17px 20px;
    border: none;
    color: var(--bs-white);
    border-radius: var(--br-25) var(--br-25) 0 0 !important;
    background: var(--brandCol1);
}

.ui-dialog .ui-dialog-title {
    font-size: var(--fs-22) !important;
}

.ui-dialog .ui-dialog-content {
    overflow-x: hidden !important;
    padding: var(--m-24);
    min-height: 400px !important;
}

.ui-dialog .ui-dialog-content img {
    display: flex;
    justify-content: center;
    margin: auto;
}

.page-user-register form legend {
    display: block;
    padding-bottom: 7px;
    margin-bottom: 0;
}

.page-user-register form .form-item {
    max-width: var(--w-100);
}

.page-user-register form .form-item>label {
    padding-bottom: 7px;
}

.page-user-register form .form-item.form-type-radio {
    display: flex;
    align-items: center;
    gap: var(--m-12);
}

.user-form {
    padding: var(--m-16);
}

.user-form label {
    font-weight: var(--fw-bold);
}

.user-form #edit-field-user-role>.form-type-radio {
    display: flex;
    gap: var(--m-12);
}

h1 {
    font-size: var(--fs-32) !important;
    text-align: left;
    padding-top: var(--m-32);
    line-height: 1.2;
    margin-bottom: 0;
}

.wrapper h1 {
    padding-top: 0;
    padding-bottom: var(--m-32);
}

h1 span {
    font-size: var(--fs-32) !important;
}

a.mdc-button:not(:disabled),
.user-form a,
.user-login-form a {
    text-transform: inherit;
}

.user-cancel-form .form-actions {
    margin: 30px auto 0 auto;
    justify-content: center;
    display: flex;
}

.user-cancel-form {
    padding: var(--m-32);
}

.messages .messages__icon {
    float: left;
    padding-right: var(--m-16);
}

#block-loginpagedescription .block__content>div:last-child>p:last-child {
    border-radius: var(--br-25) !important;
    padding: 5px 20px !important;
    margin-bottom: 30px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--single {
    height: var(--inputHeight);
    line-height: var(--inputHeight);
}

.select2-container--default .select2-results__group,
.select2-results__option--selectable,
.user-form {
    color: var(--bs-black) !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--brandCol2) !important;
}

.user-form .select2 {
    width: var(--w-100) !important;
}

input.form-file {
    width: var(--w-100);
}

.page-user-password div#block-tktheme-content,
.page-otp-verfication div#block-tktheme-content,
.page-user-login div#block-tktheme-content {
    max-width: 420px;
    margin: var(--m-24) auto;
}

.user-reset-page .region-content {
    justify-content: center;
}

.otp-verfication-form h1,
.user-reset-page h1,
.page-user-login form h1,
.page-user-register form h1,
.page-user-password form h1 {
    color: var(--brandCol1) !important;
    padding-bottom: var(--m-24);
}

form .form-item>label {
    font-weight: var(--fw-bold);
}

.account-btn {
    margin: var(--m-16) 0;
    font-size: var(--fs-24);
    border-radius: var(--br-10);
    background: var(--bs-white) !important;
    clear: both;
    padding: var(--m-12);
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    text-align: center;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    font-weight: var(--fw-bold);
    line-height: 1;
}

.account-btn a {
    color: var(--brandCol1) !important;
}

.page-user-register div#block-tktheme-content {
    max-width: 870px;
    margin: var(--m-32) auto;
}

.page-user-login div#block-tktheme-content span {
    color: var(--bs-body-color) !important;
}

embed,
object,
video {
    max-width: var(--w-100);
}

.fw-bold * {
    font-weight: var(--fw-bold) !important;
}

.region-footer {
    padding: 0;
}

a:hover,
a:focus {
    text-decoration: none !important;
}

.top-bar {
    background: var(--gradient);
    box-shadow: 0px 3px 6px #00000029;
}

.region-content {
    padding: 0;
}

.region-content-above {
    width: var(--w-100);
    display: flex;
    align-items: center;
    gap: var(--m-42);
}

#block-loginuserdashboard img {
    height: 79px;
    width: auto;
}

#block-loginuserdashboard p {
    margin: 0;
}

#block-loginuserdashboard .block__content {
    color: var(--bs-white);
    display: flex;
    align-items: center;
    gap: var(--m-32);
    justify-content: space-between;
}

#block-loginuserdashboard .block__content>div:last-child {
    border-left: solid 1px var(--bs-white);
    padding-left: var(--m-16);
}

#block-loginuserdashboard .block__content>div:last-child>p:first-child {
    font-size: var(--fs-22);
    text-transform: uppercase;
    font-weight: var(--fw-bold);
}

#block-loginuserdashboard .block__content>div:last-child>p:first-child+p {
    font-size: 15.7px;
}

#block-customusermenu img {
    height: 50px;
    width: 50px;
    border-radius: var(--br-50);
}

#block-customusermenu .block__content {
    display: flex;
    align-items: center;
    gap: var(--m-32);
    justify-content: space-between;
}

#block-customusermenu a {
    width: 103px;
    height: 46px;
    border: 2px solid var(--bs-white);
    border-radius: var(--br-64);
    text-align: center;
    color: var(--bs-white);
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-wrap {
    background: var(--brandCol1);
    position: relative;
    overflow: hidden;
}

.banner-wrap {
    height: 706px;
    width: 100%;
}

.banner-image img {
    object-fit: cover;
    height: 100%;
}

.banner-header {
    font-size: var(--fs-24);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.banner-header p {
    margin: 0;
    line-height: inherit;
}

.banner-title {
    font-size: var(--fs-60);
    padding-bottom: var(--m-16);
    line-height: var(--lh-63);
    font-family: var(--ff-headings);
    font-weight: var(--fw-900);
}

.featured-banner .banner-title {
    --ff-headings: var(--ff-medium);
    --fs-60: var(--fs-40);
    --lh-63: var(--lh-44);
}

.banner-date {
    font-size: var(--fs-13);
}

.banner-wrap .banner-html p {
    margin: 0;
    font-size: var(--fs-22);
    --lh-15: var(--lh-25);
}

.banner-wrap .banner-html {
    padding-bottom: var(--m-16);
}

.banner-header-wrap {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.banner-image {
    width: var(--w-100);
    height: var(--w-100);
    text-align: center;
    position: relative;
}

.banner-image .media+.media {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: var(--w-100);
    opacity: 0.5;
    z-index: 1;
}

.banner-icon-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: var(--m-12);
}

.banner-icon-wrapper img,
.banner-icon-wrapper .media--type-image {
    border-radius: var(--br-50);
    width: 60px !important;
    height: 60px !important;
}

.banner-icon-wrapper .media--type-image {
    /* background-color: var(--colorSet1); */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.banner-icon-wrapper img {
    object-fit: cover;
    display: inline-block;
}

.page-node-type-landing-page .footer {
    max-width: var(--w-100);
    background-color: var(--bs-white);
}

.page-node-type-landing-page .footer__section {
    padding: 0;
    display: block;
}

.copyright {
    background: var(--brandCol1);
    padding: var(--m-16);
    text-align: center;
    color: var(--bs-white);
}

.footer-landing-wrapper {
    text-align: center;
    padding: var(--m-36) var(--m-16) 0 var(--m-16);
    max-width: var(--container);
    margin: auto;
}

.footer-landing-wrapper p {
    margin: 0;
}

.footer-wrapper {
    padding: var(--m-16) 0;
}

.footer-wrapper>div {
    align-items: center;
    gap: var(--m-24);
}

.block-social-media-links {
    padding: var(--m-32) 0;
}

.social-links {
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.social-media-links--platforms {
    display: flex !important;
    margin-bottom: 0;
}

.social-media-links--platforms a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--br-50);
    border: solid 2px #212121;
    width: 33px;
    height: 33px;
    font-size: var(--fs-10);
    color: #212121;
}

.social-media-links--platforms a::before {
    font-size: var(--fs-16);
}

.certifications {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.certifications img {
    height: 100px;
    width: auto;
}

.section-content .field--name-field-link,
.we-mega-menu-col .field--name-field-link {
    padding: 0 !important;
}

.banner-links-wrapper .field--name-field-link {
    gap: var(--m-16);
    display: flex;
    padding-top: 0;
}

.banner-links-wrapper .field--name-field-link .field__item+.field__item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.paragraph--type--c2a .field--name-field-link {
    padding: 0;
    display: flex;
    gap: 15px;
}

.paragraph--type--c2a .field--name-field-link a {
    background: var(--bs-white);
    color: var(--bs-black) !important;
    min-width: 180px;
    padding: 10px 15px;
    height: inherit;
}

.paragraph--type--landing-block>div {
    padding: var(--m-56) 0;
    color: var(--bs-black);
}

.paragraph--type--landing-block>div>div {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--m-32);
    justify-content: space-between;
}

.paragraph--type--landing-block div.rtl {
    flex-direction: row-reverse;
}

.paragraph--type--landing-block .section-content {
    padding: var(--m-24);
}

.paragraph--type--landing-block .section-content li::marker {
    font-size: 0;
}

.paragraph--type--landing-block .section-content ul {
    padding-left: 0;
}

.paragraph--type--landing-block .section-content ul li {
    display: flex;
    gap: 10px;
    padding-bottom: var(--m-16);
}

.paragraph--type--landing-block .section-content ul li::before {
    content: "\f00c";
    padding-bottom: var(--m-16);
    transform: translateY(5px);
    color: var(--colorSet1);
}

.paragraph--type--simple ul li {
    padding-bottom: var(--m-16);
    font-size: var(--fs-16);
}

.field--name-field-title {
    font-size: var(--fs-34) !important;
    font-weight: var(--fw-bold);
    padding-bottom: var(--m-20);
}

.paragraph--type--icon-block .field--name-field-title {
    --fs-34: var(--fs-22);
    line-height: 1.2;
    text-transform: uppercase;
}

.review-block {
    background: transparent linear-gradient(247deg, #20bec6 0%, var(--brandCol1) 100%);
    box-shadow: 0px 3px 6px #00000029;
    position: relative;
    font-size: var(--fs-30);
    letter-spacing: 0.9px;
    color: var(--bs-white);
}

.review-block:before {
    content: "";
    position: absolute;
    height: 1033px;
    transform: matrix(-1, 0.09, -0.09, -1, 0, 0);
    background: var(--bs-white);
    opacity: 0.09;
    left: -86.9185791015625px;
}

.review-block .container {
    display: flex;
    justify-content: center;
    align-items: end;
}

.review-block .review-image {
    align-items: flex-end;
    padding-top: var(--m-50);
    justify-content: center;
    display: flex;
}

.reviews-content .field--name-field-name {
    font-size: var(--fs-16);
    letter-spacing: 0.48px;
}

.reviews-content .field--name-body {
    background: var(--icon-quote) no-repeat left top;
    padding-top: 35px;
}

.projects {
    background-color: var(--bs-white) !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.navbar-we-mega-menu>.container-fluid {
    justify-content: flex-start;
}

.projects .nav>li {
    margin: 0;
    overflow: hidden;
    position: relative;
}

.projects .nav>li>a {
    letter-spacing: 0.54px !important;
    color: #000000 !important;
    background-color: transparent !important;
    text-align: center;
    text-transform: inherit;
    font-size: var(--fs-18);
    line-height: 1;
    display: flex;
    position: relative;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: var(--w-100);
    font-weight: var(--fw-500);
}

.projects .nav>li:hover,
.projects .nav>li:hover>a,
.projects .nav>li>a:hover,
.projects .nav>li>a:hover span {
    background-color: var(--colorSet1) !important;
    color: var(--bs-white) !important;
}

.menu--account {
    display: flex;
    gap: var(--m-16);
    align-items: center;
}

.menu--account .nav {
    position: relative;
    margin: 0;
}

.menu--account .nav ul {
    border-radius: 0;
    min-width: 120px;
    z-index: 9999;
    padding: 0;
    right: 50%;
    margin-right: -60px;
}

.menu--account a {
    background-color: transparent !important;
    padding: 0 !important;
    text-align: center;
}

.menu--account .nav ul .nav-item:not(:last-child) {
    border-bottom: solid 1px var(--colorHover);
}

.menu--account .nav ul .nav-item a {
    padding: 0 var(--m-12) !important;
    line-height: 2.2;
}

.menu--account .nav ul .nav-item a:hover {
    background-color: var(--colorHover) !important;
}

.menu--account a.dropdown-toggle {
    width: 60px;
    height: 60px;
    font-size: 0;
    border-radius: var(--br-50);
    background: var(--brandCol1) var(--image-user-avatar) no-repeat center center !important;
    background-size: cover !important;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
    border: 2px solid var(--bs-white);
}

.menu--account img {
    border-radius: var(--br-50);
    width: 60px;
    height: 60px;
    object-fit: cover;
    transition: transform 0.2s;
}

.menu--account img:hover {
    transform: scale(1.07);
}

.menu--account>.nav>.nav-item>a:not(.dropdown-toggle) {
    width: 103px;
    height: 46px;
    line-height: 42px;
    border: 2px solid var(--bs-white);
    border-radius: var(--br-64);
    text-align: center;
    color: var(--bs-white);
}

.user-logged-in .menu--account>.nav>.nav-item>a:not(.dropdown-toggle) {
    display: none;
}

.we-mega-menu-ul {
    border: none !important;
}

.we-mega-menu-ul>.dropdown-menu {
    position: static !important;
}

.we-mega-menu-submenu .block-inner .block-block-content .block__content {
    display: flex;
}

.we-mega-menu-submenu .block-inner .block-block-content .block__content .field--name-field-image {
    padding: var(--m-28) 0 var(--m-24) var(--m-24);
}

.we-mega-menu-submenu .block-inner .block-block-content .block__content .field--name-field-image img {
    width: 60px !important;
    height: 60px !important;
    max-width: 60px !important;
}

.field--name-field-sub-contents {
    display: flex;
}

.field--name-field-sub-contents>div {
    padding: var(--m-28);
}

.field--name-field-sub-contents>.field__item:first-child {
    border-right: 2px solid #e2e2e2;
}

.we-mega-menu-submenu {
    padding: 0 !important;
}

.we-mega-menu-col {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.featured-banner .banner-contents {
    background-color: rgb(255 255 255 / 96%);
    border-radius: var(--br-25);
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.banner-links-wrapper {
    padding-top: var(--m-16);
}

.banner-subtitle {
    font-size: var(--fs-22);
    width: 70%;
    line-height: 1.2;
    font-weight: var(--fw-bold);
}

.featured-banner .banner-icon-wrapper {
    border-bottom: solid 2px #E2E2E2;
}

.paragraph--type--simple h3 {
    --colorGray: var(--bs-black);
    --fs-18: var(--fs-22);
}

.paragraph--type--simple h3 span {
    color: var(--colorSet1);
}

.paragraph--type--c2a {
    padding: var(--m-32) 0;
    background: var(--colorSet1);
}

.paragraph--type--c2a>div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

.paragraph--type--c2a .field--name-field-title {
    color: var(--bs-white);
    --m-20: 0;
    --fs-34: var(--fs-26);
    --fw-bold: var(--fw-400);
}

.paragraph--type--faq-list>div {
    padding: var(--m-56) 0;
}

.paragraph--type--content-slider>div {
    padding: var(--m-56) 0;
}

.paragraph--type--content-slide {
    display: flex;
    gap: var(--m-32);
    align-items: center;
}

.section-image img {
    border-radius: var(--br-38);
}

.paragraph--type--content-slide img {
    border-radius: var(--br-25);
    margin-left: auto;
}

.paragraph--type--content-slide>div {
    width: 50%;
}

.ib-html {
    color: var(--colorGray);
}

.ib-html p {
    line-height: 1.2;
}

.paragraph--type--content-slide .slide-content {
    padding: var(--m-32) 0 var(--m-32) var(--m-42);
}

.paragraph--type--content-slide .slide-content p,
.paragraph--type--content-slide .slide-content li {
    font-size: var(--fs-20) !important;
    line-height: 1.4;
}

.paragraph--type--content-slide .slide-content .field--name-field-stitle {
    --fs-32: var(--fs-28);
}

.paragraph--type--content-slide .slide-content p:last-child {
    margin-bottom: 0;
}

.paragraph--type--faq-list .d-flex {
    justify-content: space-between;
    align-items: center;
}

.paragraph--type--faq-list .section-image {
    padding-top: var(--m-88);
}

.field--type-faqfield>.field__label {
    font-size: var(--fs-34);
    color: var(--bs-black);
    padding-bottom: var(--m-24);
    line-height: 1;
}

.ui-accordion .ui-accordion-header.faqfield-question {
    --colorGray: var(--bs-black);
    background-color: var(--bs-white) !important;
    border: none !important;
    border-radius: var(--br-25);
    margin-bottom: 10px !important;
    letter-spacing: 0.54px;
    padding: var(--m-24) var(--m-42) var(--m-24) var(--m-32) !important;
}

.ui-accordion .ui-accordion-header.faqfield-question.ui-state-active {
    border-radius: var(--br-25) var(--br-25) 0 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.faqfield-question.ui-state-active .ui-icon {
    color: var(--colorSet1);
}

.faqfield-question .ui-icon {
    float: right;
    text-indent: inherit;
    background-image: none;
    position: relative;
    height: auto;
    transform: translateY(5px);
}

.flex-direction-nav a:before {
    content: "\f0a8";
}

.flex-direction-nav a.flex-next:before {
    content: "\f0a9";
}

.faqfield-question .ui-icon::before {
    content: "\f067";
}

.faqfield-question.ui-state-active .ui-icon::before {
    content: "\f00d";
}

.faqfield-answer {
    border: none !important;
    margin-bottom: 10px !important;
    border-radius: 0 0 var(--br-25) var(--br-25);
    padding-left: 30px !important;
}

.theme-green .faqfield-question.ui-state-active {
    color: var(--colorSet3);
}

.theme-purple .faqfield-question.ui-state-active {
    color: var(--colorSet4);
}

.theme-orange .faqfield-question.ui-state-active {
    color: var(--colorSet2);
}

.theme-red .faqfield-question.ui-state-active {
    color: var(--colorSet5);
}

.we-mega-menu-submenu .block-inner .block-block-content .block__content img {
    border-radius: var(--br-50);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.we-mega-menu-li>span {
    color: var(--colorSet1);
    display: flex;
}

.slick-arrow {
    width: 54px;
    height: 50px;
}

.slick-next:before,
.slick-prev:before {
    font-size: var(--fs-54);
    opacity: 1 !important;
    color: var(--colorSet1) !important;
}

.slick-next {
    right: -50px;
}

.slick-prev {
    left: -50px;
}

.paragraph--type--content-slider .slick-next {
    right: -60px;
}

.slick-arrow.slick-disabled {
    opacity: 0.4;
    pointer-events: none;
}

@media screen and (min-width: 1301px) {
    .we-mega-menu-li span {
        color: var(--colorSet1);
    }
}

.we-mega-menu-ul li.we-mega-menu-li:nth-child(3),
.we-mega-menu-ul li.we-mega-menu-li:nth-child(3):before,
div.theme-green .ib-title span,
.theme-green .slick-arrow,
.theme-green .we-mega-menu-submenu .block-inner .block-block-content .block__content img,
.paragraph--type--ibitem .theme-green .field--name-field-link a,
.project .we-mega-menu-li span,
.project .we-mega-menu-submenu,
.project .we-mega-menu-li,
.project .field--name-field-link a,
.theme-green .field--name-field-stitle,
.theme-green .flex-direction-nav a:before,
.theme-green .banner-icon-wrapper .media--type-image,
.theme-green .paragraph--type--landing-block .section-content ul li::before,
.theme-green .faqfield-question.ui-state-active .ui-icon,
.theme-green .paragraph--type--c2a,
.theme-green .block-system .field--name-field-link a {
    --colorSet1: var(--colorSet3);
}

.we-mega-menu-ul li.we-mega-menu-li:nth-child(4),
.we-mega-menu-ul li.we-mega-menu-li:nth-child(4):before,
div.theme-purple .ib-title span,
div.theme-purple-new .ib-title span.cd,
.theme-purple .slick-arrow,
.theme-purple .we-mega-menu-submenu .block-inner .block-block-content .block__content img,
.paragraph--type--ibitem .theme-purple .field--name-field-link a,
.concurrent .we-mega-menu-li span,
.concurrent .we-mega-menu-submenu,
.concurrent .we-mega-menu-li,
.concurrent .field--name-field-link a,
.theme-purple .flex-direction-nav a:before,
.theme-purple .field--name-field-stitle,
.theme-purple .banner-icon-wrapper .media--type-image,
.theme-purple .paragraph--type--landing-block .section-content ul li::before,
.theme-purple .faqfield-question.ui-state-active .ui-icon,
.theme-purple .paragraph--type--c2a,
.theme-purple .block-system .field--name-field-link a {
    --colorSet1: var(--colorSet4);
}

.we-mega-menu-ul li.we-mega-menu-li:nth-child(2),
.we-mega-menu-ul li.we-mega-menu-li:nth-child(2):before,
div.theme-orange .ib-title span,
.theme-orange .slick-arrow,
.theme-orange .we-mega-menu-submenu .block-inner .block-block-content .block__content img,
.paragraph--type--ibitem .theme-orange .field--name-field-link a,
.learning .we-mega-menu-li span,
.learning .we-mega-menu-submenu,
.learning .we-mega-menu-li,
.learning .field--name-field-link a,
.theme-orange .flex-direction-nav a:before,
.theme-orange .field--name-field-stitle,
.theme-orange .banner-icon-wrapper .media--type-image,
.theme-orange .paragraph--type--landing-block .section-content ul li::before,
.theme-orange .faqfield-question.ui-state-active .ui-icon,
.theme-orange .paragraph--type--c2a,
.theme-orange .block-system .field--name-field-link a {
    --colorSet1: var(--colorSet2);
}

div.theme-red .ib-title span,
.theme-red .slick-arrow,
.theme-red .we-mega-menu-submenu .block-inner .block-block-content .block__content img,
.paragraph--type--ibitem .theme-red .field--name-field-link a,
.red .we-mega-menu-li span,
.red .we-mega-menu-submenu,
.red .we-mega-menu-li,
.red .field--name-field-link a,
.theme-red .flex-direction-nav a:before,
.theme-red .field--name-field-stitle,
.theme-red .banner-icon-wrapper .media--type-image,
.theme-red .paragraph--type--landing-block .section-content ul li::before,
.theme-red .faqfield-question.ui-state-active .ui-icon,
.theme-red .paragraph--type--c2a,
.theme-red .block-system .field--name-field-link a {
    --colorSet1: var(--colorSet5);
}

div.theme-purple-new .ib-title span.learn {
    --colorSet1: var(--bs-black);
}

.spinner_OSmW {
    transform-origin: center;
    animation: spinner_T6mA 0.75s step-end infinite
}

.menu--account .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    position: absolute;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 32%) !important;
}

.dropdown-menu {
    display: none;
}

@keyframes spinner_T6mA {
    8.3% {
        transform: rotate(30deg)
    }

    16.6% {
        transform: rotate(60deg)
    }

    25% {
        transform: rotate(90deg)
    }

    33.3% {
        transform: rotate(120deg)
    }

    41.6% {
        transform: rotate(150deg)
    }

    50% {
        transform: rotate(180deg)
    }

    58.3% {
        transform: rotate(210deg)
    }

    66.6% {
        transform: rotate(240deg)
    }

    75% {
        transform: rotate(270deg)
    }

    83.3% {
        transform: rotate(300deg)
    }

    91.6% {
        transform: rotate(330deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.we-mega-menu-li span.rf,
.we-mega-menu-li span.db {
    --colorSet1: var(--brandCol1);
}

.region-footer p {
    font-size: var(--fs-16);
}

span.user-menu-avatar {
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.navbar-toggler {
    display: none;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:hover {
    margin-bottom: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.paragraph--type--nested-showcase .field--name-field-title {
    color: white;
    position: relative;
    font-size: 34px !important;
}

.tab-headers * {
    font-size: 20px !important;
}

.region-footer-right {
    margin-left: auto;
}

@media screen and (max-width: 1023px) {
    .field--name-field-slide .slick-dots {
        bottom: -35px;
    }

    .paragraph--type--content-slide img {
        margin: auto;
    }

    .paragraph--type--nested-showcase .field--name-field-title {
        font-size: 23px !important;
        margin-bottom: 0;
    }

    .tab-headers {
        overflow: auto;
    }

    .tab-headers * {
        font-size: 15px !important;
    }

    .tab-headers button {
        min-width: max-content;
    }

    .region-footer-right {
        margin-left: 0;
    }

    .dropdown-item {
        white-space: inherit;
    }

    #root {
        max-width: 99vw !important;
    }

    .banner-wrap .banner-html p {
        --fs-22: var(--fs-16);
    }

    .text-formatted li,
    .description li,
    p {
        font-size: var(--fs-16);
    }

    .paragraph--type--content-slide .slide-content p,
    .paragraph--type--content-slide .slide-content li {
        font-size: var(--fs-16) !important;
    }

    #block-loginuserdashboard {
        position: relative;
        z-index: 12;
    }

    .paragraph--type--content-slide {
        padding: var(--m-16);
    }

    .paragraph--type--content-slide .slide-content {
        padding: 0;
    }

    .paragraph--type--faq-list .section-image {
        --m-50: 0;
        --m-88: var(--m-24);
        text-align: center;
    }

    .paragraph--type--landing-block>div>div {
        --m-32: 0;
    }

    .field--name-field-link {
        --m-32: 0;
    }

    .paragraph--type--c2a .field--name-field-link {
        flex-direction: column;
    }

    .paragraph--type--c2a .field--name-field-link a {
        margin: auto;
    }

    .paragraph--type--landing-block .section-content {
        --m-24: var(--m-16);
    }

    .field--name-field-title {
        --fs-34: var(--fs-20);
    }

    .navbar-we-mega-menu.navbar ul {
        width: var(--w-100);
    }

    .block-social-media-links {
        --m-32: 0;
    }

    .block-social-media-links h2 {
        text-align: center;
    }

    .projects.navbar-we-mega-menu.navbar .nav>li:last-child a {
        border-bottom: solid 1px var(--bs-white) !important;
    }

    .review-block .review-image {
        --m-50: 0;
        text-align: center;
    }

    .otp-verfication-form,
    .page-user-login form,
    .page-user-register form,
    .page-user-password form {
        max-width: 300px;
        margin: auto;
    }

    .mobile-only,
    body .site-logo {
        display: block;
    }

    .CompetencyHeader,
    .react-tabs__tab-list.competency-header::before {
        display: none !important;
    }

    button {
        margin-bottom: var(--m-12) !important;
    }

    .react-tabs__tab-list.competency-header {
        max-height: inherit !important;
    }

    .react-tabs__tab-list.competency-header .react-tabs__tab {
        max-width: var(--w-100) !important;
        margin-bottom: var(--m-12) !important;
    }

    .comp-list>div,
    .CompetencyHeader>div {
        width: var(--w-100) !important;
    }

    .projects.navbar-we-mega-menu.navbar .nav>li>a {
        color: var(--bs-black) !important;
        text-shadow: none !important;
    }

    .banner-header {
        --fs-24: var(--fs-18);
    }

    #block-loginuserdashboard img {
        height: 60px;
    }

    #block-loginuserdashboard .block__content>div:last-child>p:first-child {
        --fs-22: var(--fs-15);
    }

    #block-loginuserdashboard .block__content>div:last-child>p:first-child+p {
        font-size: 10px;
    }

    #block-loginuserdashboard .block__content>div:first-child {
        width: 120px;
    }

    .banner-title {
        --fs-60: var(--fs-40);
        --lh-63: 1.1;
    }

    .review-block {
        padding: var(--m-16);
        --fs-30: var(--fs-18);
    }

    .reviews-content .p-5 {
        padding: var(--m-16) !important;
    }

    .review-block .block__content {
        --container: inherit;
    }

    .review-block img {
        max-width: 90%;
        position: initial;
    }

    .footer-landing-wrapper {
        --container: 90%;
        padding: var(--m-32) var(--m-16) 0 var(--m-16);
    }

    .banner-wrap {
        height: 650px;
    }

    .banner-wrap::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        background-color: #163d4f6e;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .banner-image img {
        width: var(--w-100);
    }

    .region-we-mega-menu {
        margin-bottom: 0 !important;
    }

    .paragraph--type--c2a {
        padding: var(--m-24) var(--m-16);
    }

    .paragraph--type--faq-list .d-flex {
        --m-60: var(--m-24);
    }

    .paragraph--type--faq-list .section-content {
        max-width: var(--w-100);
    }

    .field--type-faqfield>.field__label {
        --fs-34: var(--fs-24);
        --m-42: var(--m-16);
    }

    .showcase-header {
        font-size: var(--fs-24) !important;
        margin-bottom: var(--m-32) !important;
    }

    .region-mobile-login .menu--account {
        display: block;
		top: 6px;
    }

    .region-mobile-login .menu--account>.nav>.nav-item>a:not(.dropdown-toggle) {
        height: 35px;
        line-height: 30px;
        border: 2px solid var(--bs-white) !important;
    }

    .page-user-password div#block-tktheme-content,
    .page-otp-verfication div#block-tktheme-content,
    .page-user-login div#block-tktheme-content {
        max-width: 97%;
    }

    .account-btn {
        max-width: 97%;
        margin: var(--m-16) auto;
    }

    .menu--account a.dropdown-toggle,
    .menu--account img {
        width: 33px;
        height: 33px;
        overflow: hidden;
		object-fit: cover;
    }

    .menu--account ul.dropdown-menu {
        position: absolute;
        right: 0px;
        left: inherit;
        top: 45px;
        box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 32%) !important;
    }

    .menu--account li.dropdown a {
        color: black;
    }
}

@media screen and (min-width: 1301px) {

    .banner-links-wrapper .field--name-field-link {
        justify-content: flex-start;
    }

    .projects .nav>li>a {
        padding: var(--m-8) 0;
        min-height: 60px;
        margin: auto;
        max-width: 175px;
    }

    .we-mega-menu-li>span {
        display: block;
    }

    .projects .nav li:last-child a span {
        display: inline-flex;
        text-indent: 5px;
    }

}

#main {
    position: relative;
    margin-left: 0 !important;
}

#main #right-section {
    position: relative;
    flex: 1;
}

@media screen and (min-width: 992px) {
    #sidebar {
        height: 100%;
    }

    #sidebar:hover {
        width: 200px;
        font-size: var(--fs-15);
    }

    #main #right-section {
        padding: 0 var(--m-24);
    }

    #main {
        display: flex;
    }

    .paragraph--type--faq-list .d-flex {
        gap: var(--m-42);
    }

    .projects .nav>li {
        margin: auto;
        flex: 1;
    }

    .field--name-field-sub-contents>div {
        width: 49%;
    }

    .banner-contents {
        width: 630px;
    }

    .featured-banner .banner-contents {
        width: 720px;
    }
}

.dashboad-toggle {
    display: none;
    font-size: 20px;
    padding: 6px 0px 8px 10px;
    height: 40px;
    color: #666;
}

.dashboad-toggle.opened .fas:before {
    content: "\f00d";
    font-size: 25px;
}

#sidebar-menu {
    min-width: 50px;
}

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

    .block-notification-widget-block .navbar-right {
        width: 44px;
    }

    .dropdown-menu.notify-drop {
        position: absolute !important;
    }

    .mobile-menu {
        padding: 7px 0 !important;
    }

    #sidebar {
        position: fixed;
        z-index: 2;
        left: 0;
        width: 43px;
        padding-left: 0 !important;
    }

    #sidebar-menu {
        display: none;
    }

    #sidebar-menu.shown {
        display: block;
    }

    .dashboad-toggle {
        display: block;
    }

    #main {
        width: 100%;
        margin: auto;
    }

    .menu--account {
        right: 10px;
    }

    body.user-logged-in .menu--account {
        position: absolute;
    }

    body.user-logged-in .navbar.navbar-dark .container {
        justify-content: space-between;
    }

    #block-loginuserdashboard .block__content {
        gap: var(--m-16);
    }

    .header_bottom,
    .slick-arrow,
    .sticky-top {
        display: none !important;
    }

    #main #right-section {
        padding: 0 var(--m-16);
    }
}

@media screen and (min-width: 992px) and (max-width: 1300px) {
    .projects .nav>li>a {
        padding: var(--m-12) var(--m-16);
        min-width: 210px;
    }

    .navbar-we-mega-menu>.container-fluid {
        justify-content: start;
    }
}

@media screen and (min-width: 1024px) {
    .region-header-right {
        display: flex;
        justify-content: right;
    }

    .field--name-field-slide .slick-dots {
        display: none !important;
    }

    .tab-headers button.active {
        box-shadow: 0px -6px 0px 0px var(--bs-white) !important;
    }

    .paragraph--type--content-slide>div.slide-media {
        min-height: 465px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .paragraph--type--content-slide>div.slide-media img {
        max-height: 380px;
        object-fit: contain;
    }

    .we-mega-menu-ul,
    .we-mega-menu-submenu {
        width: var(--w-100) !important;
    }

    #block-loginpagedescription {
        max-width: 50%;
        padding-right: var(--m-16);
    }

    body:not(.user-logged-in).path-user .region-content {
        display: flex;
    }

    .mobile-only {
        display: none;
    }

    .paragraph--type--content-slide iframe {
        width: 500px;
    }
}

.user-pass-reset p {
    margin-bottom: 5px;
}

.user-reset-page .wrapper {
    margin: 60px auto;
}

.logo-desktop,
.logo-mobile {
    display: none;
}

@media screen and (min-width: 768px) {
    .user-reset-page .wrapper {
        max-width: 550px;
    }

    .region-mobile-login {
        width: 150px;
    }

    .field--name-field-slide iframe {
        min-height: 380px;
        /* width: 100% !important; */
    }

    .review-block .container>div {
        max-width: 50%;
    }

    .paragraph--type--landing-block>div>div>div {
        max-width: 50%;
    }

    .field--name-field-ibs {
        display: flex;
    }

    .field--name-field-ibs>div {
        padding: var(--m-16);
        max-width: 25%;
        width: 100%;
    }

    .field--name-field-ibs>div:not(:last-child) {
        border-right: 2px solid #e2e2e2;
    }

    .paragraph--type--faq-list .section-content {
        max-width: 60%;
        width: var(--w-100);
    }

    .paragraph--type--faq-list .section-image {
        max-width: 39%;
    }

    .logo-desktop {
        display: block;
    }

    .mobile-menu {
        display: none;
    }
}

.user-form .occupation-pdf {
    margin: 5px 0 15px 0 !important;
    text-transform: inherit !important;
}

.footer-wrapper #block-certifications p {
    display: flex;
}

@media screen and (max-width: 767px) {
    .paragraph--type--c2a .field--name-field-title {
        --fs-26: var(--fs-22);
        text-align: center;
    }

    .footer-wrapper #block-certifications p {
        flex-direction: column;
    }

    .banner-subtitle {
        --fs-22: var(--fs-16);
    }

    .paragraph--type--content-slide>div {
        width: 95%;
        margin: auto;
    }

    .paragraph--type--c2a>div,
    .paragraph--type--content-slide,
    .paragraph--type--faq-list .d-flex,
    .review-block .block__content,
    .footer-last,
    .footer-wrapper>div,
    .paragraph--type--landing-block>div>div,
    .block-social-media-links>div {
        flex-direction: column;
    }

    .banner-title {
        --fs-60: var(--fs-32);
    }

    .banner-wrap .banner-html {
        padding-bottom: 0;
    }

    .user-form .occupation-pdf {
        padding: 7px 15px !important;
    }

    .user-form .js-form-type-select {
        padding-bottom: 10px;
    }

    .user-form .js-form-type-select label {
        line-height: 1.2;
        padding-bottom: 7px;
    }

    .dropdown-menu.notify-drop:before,
    .dropdown-menu.notify-drop:after {
        display: none;
    }

    .dropdown-menu.notify-drop {
        left: -210px !important;
    }

    .mobile-menu .dashboard-btn {
        display: inline-flex;
		padding-top: 4px !important;
        padding-bottom: 4px !important;
        background-position: 8px 6px;
    }

    h1 {
        --fs-32: var(--fs-24) !important;
        --m-32: var(--m-50);
        padding-bottom: var(--m-12);
    }

    .field--name-field-slide iframe {
        min-height: 220px;
        width: 100% !important;
    }

    .banner-links-wrapper .field--name-field-link {
        flex-direction: column;
    }

    .banner-links-wrapper .field--name-field-link a {
        margin: auto;
    }

    .banner-links-wrapper .field--name-field-link .field__item+.field__item {
        justify-content: center;
    }

    .banner-links-wrapper .field--name-field-link .field__item+.field__item a {
        margin: 0;
    }

    .review-block .container {
        flex-direction: column;
    }

    .banner-wrap {
        height: 450px;
    }

    .paragraph--type--landing-block>div>div {
        flex-direction: column-reverse !important;
    }

    .paragraph--type--landing-block .section-content {
        padding-bottom: var(--m-36) !important;
    }

    .px-md-5>.p-3 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .body.iframe p,
    .body.iframe li {
        --fs-20: var(--fs-18);
        --m-24: 0 var(--m-12);
    }

    .MuiDialogActions-root .send-plan {
        justify-content: center;
        display: flex;
    }

    .MuiDialogActions-root .send-plan button {
        margin-bottom: 0 !important;
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }

    .summary-button {
        position: static !important;
        margin-left: var(--m-16) !important;
    }

    .group-custom-header {
        flex-direction: column;
    }

    .user-logged-in .region-header-right {
        padding-right: 20px;
    }

    .field--name-field-link a {
        height: auto;
        padding: 5px var(--m-24);
    }

    .paragraph--type--content-slide .slide-content .field--name-field-stitle {
        --fs-28: var(--fs-24);
    }

    #block-certifications p {
        flex-direction: column;
        justify-content: center;
    }
}

.copyright p {
    margin: 0;
    --bs-black: var(--bs-white);
}

.copyright p a,
.copyright p a:hover,
.maintenance-page .dialog-off-canvas-main-canvas {
    color: var(--bs-white);
}

.copyright p a:hover {
    text-decoration: underline !important;
}

.review-block .block__content p {
    --bs-black: var(--bs-white);
}

.spb-controls+div {
    padding: var(--m-60);
}

.form-composite>.fieldset-wrapper>.description,
.form-item .description {
    padding-top: 5px;
}

.reviews-content p {
    --fs-18: var(--fs-32);
}

body:not(.user-logged-in) .bottom-wrapper {
    visibility: hidden;
}

.navbar.navbar-dark {
    background: var(--brandCol1) !important;
    padding: 0;
    border-top: solid 1px var(--brandCol1);
}

.navbar.navbar-dark .container {
    position: relative;
}

.navbar.navbar-dark .dropdown-menu {
    --bs-dropdown-border-radius: var(--br-0);
    margin: 0;
    padding: 0;
    border: none !important;
}

.navbar.navbar-dark .dropdown-menu li {
    border-bottom: solid 1px var(--brandCol2);
}

.navbar.navbar-dark .nav-link {
    --bs-nav-link-color: var(--bs-white);
    border-bottom: solid 1px var(--bs-white);
    padding: 8px 20px;
}

.navbar.navbar-dark .nav-item:last-child .nav-link {
    border-bottom: none;
}

.navbar.navbar-dark .navbar-collapse {
    border-top: solid 1px var(--bs-white);
}

.navbar-toggler-icon {
    --bs-navbar-toggler-icon-bg: var(--icon-menu);
    cursor: pointer;
}

.dropdown-toggle::after {
    background: var(--icon-plus-white) no-repeat center center;
    border: none;
    width: 35px;
    height: 25px;
}

.dropdown-toggle.show:after {
    --icon-plus-white: var(--icon-minus-white);
}

.dropdown .dropdown-menu .dropdown .dropdown-toggle::after {
    --icon-plus-white: var(--icon-plus);
}

.dropdown .dropdown-menu .dropdown .dropdown-toggle.show:after {
    --icon-plus-white: var(--icon-minus);
}

.dropdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-item.active,
.dropdown-item.is-active {
    --bs-dropdown-link-active-color: var(--bs-black);
    --bs-dropdown-link-active-bg: transparent;
    font-weight: bold;
}

.field--name-field-slide {
    background-color: var(--bs-white);
    border-radius: var(--br-25);
    box-shadow: 2px 2px 10px #00000021;
    padding: 0 !important;
}

.field--name-field-slide .slick-prev {
    left: -60px;
}

.btn-close,
.ui-dialog .ui-dialog-titlebar-close {
    background: var(--icon-close-new) transparent center no-repeat;
    opacity: 1;
    padding: 0;
    width: 24px;
    height: 24px;
    margin-right: 16px;
}

.btn-close,
.ui-dialog-titlebar-close,
.ui-dialog-titlebar-close:hover,
.btn-close:focus,
.ui-dialog-titlebar-close:focus {
    outline: none !important;
    box-shadow: none !important;
}

iframe {
    background: var(--icon-loading) transparent center center no-repeat;
    background-size: 60px 60px;
    min-height: 300px;
}

.slick-list {
    margin: auto;
}

@media screen and (min-width: 992px) {
    .path-collection #main #right-section {
        padding-left: 0;
    }

    .dashboard-btn {
        margin-left: auto;
    }
}

img {
    max-width: 100%;
    height: auto;
}

b,
strong {
    font-weight: var(--fw-bold) !important;
}

.maintenance-page .dialog-off-canvas-main-canvas {
    background: var(--brandCol1);
    text-align: center;
}

.maintenance-page .name-and-slogan {
    display: none;
}

.maintenance-page main {
    max-width: 490px;
    margin: 0 auto;
}

.pdf-button {
    border-radius: 30px !important;
    color: white !important;
    background-color: rgb(25, 118, 210);
    line-height: 43px;
    width: 220px;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    border: none;
    justify-content: center;
    display: none;
}

@media screen and (max-width: 1200px) {
    .pdf-button {
        display: flex;
    }
}

.pdf {
    display: flex;
    justify-content: center;
}

.css-1anid1y {
    align-self: center;
}

.favorite-header .MuiChip-label {
    font-weight: var(--fw-500);
    font-size: var(--fs-16);
    padding-right: 0 !important;
    padding-left: 5px !important;
}

.allowRowEvents .button {
    --btn-background: transparent !important;
    --btn-border: none !important;
    --btn-shadow: none !important;
}

.region-header-right {
    position: relative;
}

.user-logged-in .region-header-right {
    align-items: center;
    column-gap: 25px;
}

.block-notifications-widget .dropdown-toggle {
    background: var(--brandCol1);
    padding: 7px 5px 5px;
    border-radius: 50%;
    min-width: 44px;
    width: 44px;
    height: 44px;
    text-align: center;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    border: solid 2px var(--bs-white);
    display: block;
}

.block-notifications-widget .dropdown-toggle::before {
    content: "\f0f3";
    font-size: 23px;
    color: var(--bs-white);
    position: relative;
    left: 5px;
}

.block-notifications-widget .dropdown-toggle::after,
.block-notifications-widget .contextual {
    display: none !important;
}

.notification-icon:after {
    background: var(--bs-white);
    color: var(--brandCol1);
    right: -15px;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
}

.notify-drop .drop-content li {
    padding-left: 20px !important;
}

.comments-wrapper>.py-5>.MuiFormControl-root .MuiInputBase-root {
    border-radius: 25px;
    padding: 12px 10.5px 14px;
}

textarea#Comments {
    height: 25px !important;
}

.region-messages {
    margin-top: var(--m-16);
}

.atcb-button {
    --btn-shadow: none;
    --btn-border: none;
}

.block-social-media-links h2 {
    --fw-bold: var(--fw-400);
    --fs-18: var(--fs-16);
    margin: 0;
    font-family: var(--baseFont) !important;
}

a.group-report {
    display: flex;
    border-radius: var(--bs-border-radius-pill);
    color: var(--bs-white) !important;
	background: var(--brandCol1) !important;
    padding: 8px 20px;
    margin-top: 30px;
    justify-content: center;
}

a.group-report:hover {
    color: var(--bs-white) !important;
	background: var(--brandCol1) !important;
}

.edit-group-form .select2-container .select2-selection--multiple {
    min-height: 46px;
}

.edit-group-form .form-control {
    line-height: 2.6;
}

.edit-group-form .form-control,
.edit-group-form .select2-selection,
.edit-group-form .form-control,
.edit-group-form .select2-selection {
    border-color: #444 !important;
    background-color: white !important;
	height: auto;
}

.MuiFormLabel-root.Mui-focused {
    color: #00000099 !important;
}

.Mui-focused .MuiOutlinedInput-notchedOutline {
    border: #0000003b solid 1px !important;
}

label.option {
    font-weight: normal !important;
    font-size: var(--fs-16);
    padding-bottom: 0 !important;
}

.user-form .form-textarea-wrapper textarea {
    min-height: 120px !important;
}

.user-form .button.button--danger {
    --brandCol1: #dc3545;
}

.mdc-button {
    border-radius: 30px !important;
}

.user-form .change-password {
    margin-bottom: 15px;
}

.js-form-item-field-user-age {
    width: 200px;
}

.edit-group-form .form-control:disabled {
    background-color: var(--bs-secondary-bg) !important;
}

.edit-group-form table tr td:last-child a,
.view-my-group-leader-list table tr td:last-child a {
    background: var(--icon-info) no-repeat center center;
    width: 24px;
    height: 24px;
    color: transparent;
    font-size: 0;
    display: block;
}

.path-group .inner-wrapper,
.inner-wrapper.bg-white .user-form .fields-wrapper {
    background-color: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    margin-top: 0 !important;
}

.header-right-primary {
    min-height: 46px;
}

.user-logged-in.path-user .form-actions .button {
    padding: 7px 35px !important;
    padding: 7px 35px !important;
    box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%), 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.user-logged-in.path-user #edit-cancel,
#edit-delete {
    background: var(--brandCol1) !important;
    color: var(--bs-white) !important;
    --brandCol1: #dc3545;
    border: none;
}

body.user-cancel-page .wrapper h1 {
    text-align: center;
}

body.user-reset-page .wrapper h1 {
    padding-bottom: 10px;
}

body.user-reset-page .form-actions {
    margin-top: 2em;
    margin-bottom: 0;
}

body.user-reset-page .form-submit {
    padding: 10px 35px;
}

body.user-cancel-page .wrapper {
    border-radius: var(--bs-border-radius) !important;
    background-color: white;
    padding: 1.5rem !important;
    margin-top: var(--m-32);
    margin-bottom: var(--m-32);
}

@media screen and (max-width: 767px) {
    .edit-group-form .table-responsive+.form-submit {
        margin: 20px auto 0;
        display: flex;
    }

    .navbar-brand {
        justify-content: center;
    }
}

@media screen and (max-width: 540px) {
    .navbar-brand div {
        width: 176px;
    }

    .navbar-brand a.site-title {
        --fs-18: var(--fs-16);
    }

    .user-reset-page .wrapper {
        max-width: 90%;
    }

    .user-reset-page .wrapper .placeholder {
        word-break: break-word;
    }
}

.paragraph--type--nested-showcase::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: transparent linear-gradient(270deg, #138BD0 0%, #003F63 100%);
    width: 100%;
    display: block;
    height: 143px;
    border-bottom: solid 3px #007DC5;
    opacity: 0.68;
}

.horizontal-tabs {
    border: 0;
    margin: 0;
}

.banner-header-wrap:not(.featured-banner) .banner-links-wrapper .field--name-field-link .field__item+.field__item a {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    min-width: max-content;
}

.banner-header-wrap:not(.featured-banner) .banner-links-wrapper .field--name-field-link .field__item+.field__item::before {
    content: "or";
}

.banner-header-wrap:not(.featured-banner) .banner-links-wrapper .field--name-field-link .field__item+.field__item a,
.banner-header-wrap:not(.featured-banner) .banner-links-wrapper .field--name-field-link .field__item+.field__item::before {
    color: white !important;
}

.footer_top {
    text-align: center;
}

.footer_top p {
    margin-bottom: 0;
}

.user-register-form .page-title+div {
    padding: 0 !important;
    box-shadow: none !important;
}

.user-logged-in .navbar-toggler {
    display: none !important;
}

body.group-listing .view-my-group-leader-list .views-field-field-group-leader-1 a,
body.group-listing .view-group-listing .views-field-nothing a {
    color: transparent;
    background: transparent;
    font-size: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
}

body.path-collection-listing .view-collection-listing .views-field-edit-node a {
    font-size: 0;
}

body.path-collection-listing .view-collection-listing .views-field-edit-node a::before,
body.group-listing .view-group-listing .views-field-nothing a::before,
body.group-listing .view-my-group-leader-list .views-field-field-group-leader-1 a::before {
    content: "\f044";
    color: var(--brandCol1);
    font-size: var(--fs-15);
}

body.collection-listing .block-system-main-block {
    min-height: 300px;
}

.page-user-register form .field--name-field-user-role fieldset {
    margin-top: 0;
}

.user-form p.user-role-title {
    font-weight: var(--fw-bold);
    margin-bottom: 0;
    padding-bottom: 7px;
}

.user-form p.user-role-title:after {
    content: "*";
    color: red;
    font-size: var(--fs-16);
    font-weight: normal;
    padding-left: 5px;
}

.page-user-register .user-form #edit-field-user-role>.form-type-radio {
    align-items: flex-start;
}

.page-user-register .user-form #edit-field-user-role>.form-type-radio input {
    transform: translateY(7px);
}

.page-user-register #edit-field-user-role .description {
    padding-top: 0;
}

.page-user-register .js-form-item-field-first-name-0-value {
    margin-top: 0;
}

.slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}

img[src=""] {
    display: none;
}

.tab-headers button,
.tab-headers button.active::after {
    background-color: var(--bs-white) !important;
}

.plan-tabs button,
.fav-tabs button {
    font-weight: normal !important;
    letter-spacing: -0.5px;
}

body.dashboard {
    --fs-18: var(--fs-16);
}

.bottomBtn a {
    font-weight: var(--fw-bold);
}

.showcase {
    padding: var(--m-56) 0 var(--m-88) 0;
}

.showcase .slick-slider {
    margin-bottom: 0 !important;
}

.MuiDialogContent-root .tile:not(.collection) {
    max-width: 240px;
}

.paragraph--type--nested-showcase {
    min-height: 143px;
}

.header-logos {
    gap: var(--m-24);
    justify-content: center;
}

.header-logos img {
    height: 80px;
    object-fit: contain;
}

@media screen and (max-width: 767px) {
    .header-logos img {
        height: 50px;
    }

    .paragraph--type--landing-block .field--name-field-link > .field__item {
        justify-content: center;
        display: flex;
    }

    .logo-mobile {
        display: block;
    }

    .header-right-primary {
        display: none !important;
    }

    .faqfield-question .ui-icon {
        margin-left: 15px;
    }

    #drupal-modal iframe {
        height: 325px !important;
    }
}

@media screen and (max-width: 480px) {
    .certifications {
        flex-direction: column;
    }
}

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

    .container-sm,
    .container {
        max-width: 100%;
    }

    .slider-wrapper,
    .showcase {
        max-width: 90%;
        margin: auto;
    }
}

.user-form .field--name-field-user-role legend {
    display: none !important;
}

.MuiDialog-container .MuiDialogContent-root {
    overflow-x: hidden;
}

body.notes-confirmation .container,
body.page-node-type-notes .container,
body.node-add-notes .container {
    max-width: 100% !important;
    box-shadow: none !important;
}

body.page-node-type-notes .node-form,
body.node-add-notes .node-form {
    margin: 0 !important;
	background-color: white !important;
}

body.page-node-type-notes label,
body.node-add-notes label {
    padding-bottom: 10px;
}

body.page-node-type-notes .wrapper>div,
body.node-add-notes .wrapper>div {
    padding: 0px 1rem !important;
}

body.page-node-type-notes .form-submit,
body.node-add-notes .form-submit {
    padding: 7px 45px;
}

body.page-node-type-notes .form-actions,
body.node-add-notes .form-actions {
    text-align: left;
    margin-bottom: 0 !important;
}

#competencies .badge label {
    margin-bottom: 0px !important;
    height: 16px;
    transform: translateY(-4px);
}

.alert {
    opacity: 1 !important;
}

body.page-node-type-notes .form-type-vertical-tabs,
body.node-add-notes .form-type-vertical-tabs,
body.page-node-type-notes .region-messages,
body.node-add-notes .region-messages,
body.dashboard .messages__wrapper,
body.path-collection .messages__wrapper,
body.homepagen .messages__wrapper {
    display: none !important;
}

@media screen and (max-width: 767px) {
    #competencies .badge label {
        font-size: 14px;
    }

    #competencies .MuiTabs-flexContainer,
    #plans .MuiTabs-flexContainer,
    #learnings .MuiTabs-flexContainer {
        flex-direction: row !important;
        flex-wrap: wrap;
    }

    .video-link {
        min-width: 30px !important;
        max-width: 30px !important;
        max-height: 32px !important;
    }

    .buttons-wrapper-plans {
        align-items: center;
    }

    .border-list-competencies {
        border: 3px solid white;
    }

    .footer-wrapper>div {
        padding: 0 !important;
    }

    .menu--account a {
        text-align: left;
    }

    #main .only-notes {
        --fs-22: var(--fs-18);
    }

    body.user-logged-in .header-right-primary {
        display: none;
    }
}

.page-node-type-page p {
    -webkit-font-smoothing: antialiased;
}

.send-plan button {
    padding: 6px 20px !important;
}

textarea {
    resize: none;
}

textarea.commentinput {
    border-radius: 30px;
    border: solid 1px #ccc;
    padding: 13px 90px 13px 10px;
    width: 100%;
    outline: none !important;
}

.comments-wrapper * {
    font-family: var(--fontFormal) !important;
    font-size: var(--fs-14) !important;
}

.replies img,
.reply-form .user-picture svg,
.reply-form .user-picture img {
    min-width: 25px;
    width: 25px !important;
    height: 25px !important;
    max-width: 25px !important;
    max-height: 25px !important;
}

.reply-form textarea.commentinput,
.update-comment textarea.commentinput {
    padding: 10px 90px 10px 10px;
}

.reply-form button,
.update-comment button {
  top: 4px !important;
}

.reply-form button *,
.update-comment button * {
  font-size: 12px !important;
}

.reply-form textarea.commentinput,
.update-comment textarea.commentinput {
  padding: 10px 90px 10px 10px;
}

#edit-csv-submit {
    display: flex;
    border-radius: var(--bs-border-radius-pill) !important;
    color: white;
    background: #0072BC;
    padding: 9px 20px;    
    text-decoration: none;
    max-width: max-content;
    border: none !important;
    font-size: 16px !important;
    line-height: 1.5;
    font-weight: normal !important;
}

.edit-group-form .header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.edit-group-form .group-custom-header {
    flex: 1;
    justify-content: space-between;
    align-items: center;
}

.edit-group-form .form-title {
    padding-top: 0;
}

.group-report {
    margin-top: 0px !important;
}

.menu--header-menu ul.nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
    align-items: center;
}

.menu--header-menu ul.nav a {
    color: white !important;
    font-size: 18px;
    position: relative;
    overflow: hidden;
    padding: 7px 12px;
    border: 2px solid var(--bs-white) !important;
    text-align: center;
    border-radius: var(--br-64);
}

.menu--header-menu ul.nav a:hover {
    color: white !important;
    text-decoration: underline !important;
}

.menu--header-menu ul.nav a.dashboard-btn:hover {
    text-decoration: none !important;
}

body.ripplive .paragraph--type--banner .banner-image {
    visibility: hidden;
}

body.ripplive .paragraph--type--banner .banner-wrap .banner-title {
    padding-top: 30px;
    line-height: 1;
}

body.ripplive .paragraph--type--banner .banner-wrap {
    background-color: white;
    background-image: url('../images/ripplive-bg.png');
    background-repeat: no-repeat;
    background-position: right top;
    box-shadow: none !important;
    height: 535px;
    background-size: contain;
}

@media screen and (min-width: 1025px) {
    body.ripplive .paragraph--type--banner .banner-wrap .banner-html {
        padding-bottom: 0;
    }

    body.ripplive .paragraph--type--banner .banner-wrap .banner-html * {
        color: #000;
    }
    
    body.ripplive .paragraph--type--banner .banner-wrap .banner-title,
    body.ripplive .paragraph--type--banner .banner-wrap strong {
        color: #006DA5 !important;
    }
}

@media screen and (max-width: 1024px) {
    body.ripplive .paragraph--type--banner .banner-wrap {
        background-size: cover;
    }

    body.ripplive .paragraph--type--banner .banner-wrap::before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        background-color: #03283996;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
}

#edit-group-body-format {
    display: none !important;
}

.edit-group-form .fields-wrapper {
    border-radius: 0 !important;
    padding: 0 !important;
    background-color: transparent;
    box-shadow: none !important;
}

.edit-group-form {
    border-radius: 10px !important;
    padding: 1.5rem !important;
    background-color: white;
    box-shadow: var(--bs-box-shadow) !important;
    position: relative;
    margin-top: 20px;
}

.edit-group-form .btn-primary {
    display: flex;
    border-radius: var(--bs-border-radius-pill) !important;
    color: white;
    background: #0072BC;
    padding: 9px 20px;
    text-decoration: none;
    max-width: max-content;
    border: none !important;
    font-size: 16px !important;
    line-height: 1.5;
    font-weight: normal !important;
    margin-left: 0 !important;
}

.edit-group-form #edit-bulk {
    display: flex;
    gap: 15px;
    align-items: center;
}

.edit-group-form #edit-bulk .btn {
    margin: 0 !important;
    height: 42px !important;
}

.edit-group-form #edit-csv-file {
    display: inline-flex;
    gap: 15px;
}

.edit-group-form #edit-csv-file .form-file {
    border: solid 1px #CCC;
    height: 35px;
}

.edit-group-form .buttons-wrapper {
    gap: 15px;
    align-items: center;
}

.edit-group-form #edit-search {
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    padding-top: 20px !important;
}

.edit-group-form table .form-check-input[type=checkbox] {  
   border-color: black;
}

.edit-group-form label[for="edit-count-option"] {
    padding-left: 15px;
}

.page-link.active, .media-library-view--widget .view-header a.page-link.is-active, 
.active > .page-link, 
.media-library-view--widget .view-header a.is-active > .page-link {
    background-color: #0072BC;
    border-color: #0072BC;
}

.faqfield-answer {
    height: auto !important;
}

body.ripplive .menu--header-menu a.ripplive,
.menu--header-menu a.homepage {
    display: none;
}

body.ripplive .menu--header-menu a.homepage {
    display: block;
}

.region-header-mid {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.top-bar {
    padding: 10px 0;
}

body.ripplive .paragraph--type--banner {
    background-color: white;
}

body.ripplive .paragraph--type--banner .banner-wrap .banner-html ul {
    padding-left: 20px;
    line-height: 1.3;
    margin-bottom: 0;
}

body.ripplive .paragraph--type--banner .banner-wrap .banner-html ul li {
    padding-bottom: 8px;
}

@media (min-width: 1025px) and (max-width: 1439px) {
    body.ripplive .paragraph--type--banner .banner-wrap {
        height: 400px;
    }
}

@media (min-width: 1025px) and (max-width: 1100px) {
    .container {
        max-width: 96%;
    }
    body.ripplive .paragraph--type--banner .banner-contents {
        width: 300px;
    }
    body.ripplive .paragraph--type--banner .banner-wrap .banner-title {
        --fs-60: var(--fs-34);
    }
    
}

@media (min-width: 1101px) and (max-width: 1200px) {
    .container {
        max-width: 96%;
    }
    body.ripplive .paragraph--type--banner .banner-contents {
        width: 350px;
    }
    body.ripplive .paragraph--type--banner .banner-wrap .banner-title {
        --fs-60: var(--fs-40);
    }
    body.ripplive .paragraph--type--banner .banner-wrap .banner-html * {
        font-size: 16px !important;
    }
    
}

@media (min-width: 1201px) and (max-width: 1300px) {
    .container {
        max-width: 96%;
    }
    body.ripplive .paragraph--type--banner .banner-contents {
        width: 430px;
    }
    body.ripplive .paragraph--type--banner .banner-wrap .banner-title {
        --fs-60: var(--fs-40);
    }
    body.ripplive .paragraph--type--banner .banner-wrap .banner-html * {
        font-size: 16px !important;
    }
}

@media (min-width: 1301px) and (max-width: 1400px) {
    body.ripplive .paragraph--type--banner .banner-contents {
        width: 500px;
    }
}

@media (min-width: 1401px) and (max-width: 1439px) {
    body.ripplive .paragraph--type--banner .banner-contents {
        width: 540px;
    }
}

@media (min-width: 1440px) {
    body.ripplive .paragraph--type--banner .banner-contents {
        width: 400px;
    }
}

@media (min-width: 1540px) {
    body.ripplive .paragraph--type--banner .banner-contents {
        width: 500px;
    }
}

.navbar-brand img {
    max-height: 97px;
    height: auto !important;
    object-fit: inherit !important;
    margin-right: 0 !important;
}

.dashboard-btn {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    background: var(--brandCol1) var(--icon-dashboard-menu) no-repeat 8px 10px;
    padding: 7px 12px 7px 30px !important;
}

@media (max-width: 640px) {
    .header-logos {
        gap: var(--m-12);
        width: 130px;
    }
}

@media (max-width: 768px) {
    .dashboard-btn { 
        width: 120px;
        font-size: 16px !important;
    }
}

.table-responsive {
    width: 100%;
}

.edit-group-form #edit-back {
    display: none;
}

@media screen and (max-width: 767px) {
    body.anonymous .region-mobile-login {
        margin-right: 10px;
    }
    
    .menu--header-menu ul.nav a.ripplive,
    .menu--header-menu ul.nav a.homepage {
        padding: 4px 10px !important;
        font-size: 15px !important;
    }

    .region-mobile-login {
        width: 92px;
        margin-left: 0;
        position: relative;
    }

    .block-notifications-widget .dropdown-toggle {
        transform: scale(0.75);
    }
    .region-mobile-login .menu--account>.nav>.nav-item>a:not(.dropdown-toggle) {
        font-size: 15px !important;
    } 
}

.menu--account>.nav>.nav-item>a:not(.dropdown-toggle):hover {
    text-decoration: underline !important;
}

body.page-node-type-notes .form-item,
body.node-add-notes .form-item {
	margin-top: 0;
}

.container::before,
.container::after {
	display: none !important;
}

iframe#notesFrame {
	background-image: none !important;
}

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

	body.page-node-type-notes .form-actions,
	body.node-add-notes .form-actions {
		display: flex;
		flex-direction: column;
		gap: 15px;
		justify-content: center;
		align-items: center;
	}

	body.page-node-type-notes .form-actions>input,
	body.node-add-notes .form-actions>input {
		margin: 0;
		flex: 1;
		max-width: 250px;
	}
}

.send-plan button {
    padding: 10px 20px !important;
}