:root {
	--container: 1320px;
	--w-100: 100%;
	--transition-slow: all 0.5s ease;
	--transition: all 0.1s ease;

	--buttonColor: #0072bc;
	--brandCol1: #0072bc;
	--brandCol2: #54afef;
	--brandCol3: #fe8705;
	--brandGreen: #9dca5a;
	--colorSet1: #29bdc7;
	--colorSet2: #99ca3b;
	--colorSet3: #7e7df4;
	--colorSet4: #FF6700;
	--colorSet5: #d6655c;
	--colorSet6: #004993;
	
	--colorGray: #666666;
	--colorLightSky: #e5f3fb;
	--colorBgBase: #e9eff8;
	--colorHover: #ced4da;
	--color-border: #212121;
	--color-black: #000000;
	--color-white: #FFFFFF;
	--color-red: #B22222;
	--color-indigo: #2C3E50;
	--color-orange: #FF6700;
	--color-blue: #001D4A;
	--color-green: #99ca3b;
	--color-sky: #29bdc7;
	--color-charcoal: #374151;
	--color-slate: #4B5563;
	--color-charleston: #2D2D2D;
	--color-border-blue: #1D4ED8;
	--color-border-secondary: #aca8a8;

	--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-23: 23px;
	--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-46: 46px;
	--fs-48: 48px;
	--fs-50: 50px;
	--fs-54: 54px;
	--fs-60: 60px;
	--fs-85: 85px;
	--fs-94: 94px;

	--lh-1: 1.5;
	--lh-2: 2;
	--lh-15: 1.5;
	--lh-17: 17px;
	--lh-22: 22px;
	--lh-24: 24px;
	--lh-25: 25px;
	--lh-27: 27px;
	--lh-32: 32px;
	--lh-33: 33px;
	--lh-42: 42px;
	--lh-44: 40px;
	--lh-46: 46px;
	--lh-58: 58px;
	--lh-63: 63px;
	--lh-82: 82px;

	--br-0: 0px;
	--br-4: 4px;
	--br-5: 5px;
	--br-8: 8px;
	--br-10: 10px;
	--br-12: 12px;
	--br-15: 15px;
	--br-16: 16px;
	--br-20: 20px;
	--br-24: 24px;
	--br-25: 25px;
	--br-26: 26px;
	--br-27: 27px;
	--br-32: 32px;
	--br-38: 38px;
	--br-40: 40px;
	--br-50: 50%;
	--br-64: 64px;

	--m-5: 5px;
	--m-8: 8px;
	--m-10: 10px;
	--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-66: 66px;
	--m-70: 70px;
	--m-82: 82px;
	--m-88: 88px;
	--m-116: 116px;

	--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-prev-white: url("/themes/custom/tktheme/icons/prev-white.svg");
	--icon-next-white: url("/themes/custom/tktheme/icons/next-white.svg");
	--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/images/user-avatar.png");
	--icon-dashboard-menu: url("/themes/custom/tktheme/icons/dashboard.svg");	

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

	--baseFont: "avenir_lt_std55_roman";
	--ff-headings: "avenir_lt_std95_black";
	--ff-contents: "avenir_lt_std55_roman";
	--ff-fontAwesome: "Font Awesome 5 Free";
}

@font-face {
	font-family: "avenir_lt_std55_roman";
	src: url("../fonts/avenir/avenirltstd-roman-webfont.woff2") format("woff2"),
		url("../fonts/avenir/avenirltstd-roman-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "avenir_lt_std35_light";
	src: url("../fonts/avenir/avenirltstd-light-webfont.woff2") format("woff2"),
		url("../fonts/avenir/avenirltstd-light-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "avenir_lt_std45_book";
	src: url("../fonts/avenir/avenirltstd-book-webfont.woff2") format("woff2"),
		url("../fonts/avenir/avenirltstd-book-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "avenir_lt_std95_black";
	src: url("../fonts/avenir/avenirltstd-black-webfont.woff2") format("woff2"),
		url("../fonts/avenir/avenirltstd-black-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

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-16);
}

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

.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,
h2,
h3,
h4,
.courseName,
h2 span:not(.levelSingle),
.competency-head,
.react-tabs__tab--disabled,
input,
legend,
button,
.button,
.MuiMenuItem-root,
.MuiButtonBase-root,
.MuiInputBase-root,
.MuiInputLabel-root,
.paragraph--type--ibitem *,
#sidebar a,
.ui-dialog .ui-dialog-title,
.text-formatted li,
.description li,
p,
.projects .nav>li>a,
.field--name-field-title,
.favorite-header .MuiChip-label,
textarea,
.navbar-we-mega-menu .type-of-block a {
	font-family: var(--baseFont) !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,
.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;
	height: inherit;
	padding-left: 10px;
	float: none;
}

.navbar-brand div {
	padding-left: 0;
	line-height: 1.5;
}

.navbar-brand a.site-title {
	text-transform: inherit !important;
	letter-spacing: 0;
}

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

@media (min-width: 992px) {
	.navbar-brand img {
		height: 100px;
	}
}

.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;
}

.dashboard-btn {
	border: 2px solid var(--bs-white);
	color: var(--bs-white) !important;
	background: var(--brandCol1);
}

.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;
}

.body.iframe li {
	padding: 0 var(--m-24);
}

.paragraph--type--ibitem .field--name-field-link a {
	--bs-white: var(--bs-black);
	--fs-20: 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: -0.3125rem;
}

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

.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 .description:empty {
	display: none !important;
}

#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;
	font-weight: var(--fw-500) !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 .resource-library::before,
#sidebar .resource-galery-link::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 {
	padding-top: var(--m-8);
}

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

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);
}

.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);
}

#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%;
	width: 100%;
}

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

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

.banner-title {
	font-size: var(--fs-30);
	padding-bottom: var(--m-16);
	line-height: 1.1;
}

.banner-date {
	font-size: var(--fs-16);
	padding: var(--m-16) 0;
}

.banner-wrap .banner-html p {
	margin: 0;
	font-size: var(--fs-20);
}

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

.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 {
	align-items: center;
	gap: 10px;
}

.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: 68px;
	width: auto;
}

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

.field--name-field-link a {
	height: 43px;
	background: var(--colorSet1);
	border: var(--colorSet1) solid 1px;
	border-radius: var(--br-64);
	color: var(--bs-white);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--fs-20);
	max-width: max-content;
	padding: 0 var(--m-24);
	min-width: 200px;
	opacity: 0.9;
	transition: opacity 0.25s ease-in-out;
}

.field--name-field-link a:hover {
	opacity: 1;
}

.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-link a {
	min-width: 220px;
	line-height: 1;
	padding: 12px 15px;
	font-size: var(--fs-20)
}

.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: var(--bs-black) !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.dropdown-menu {
    border-radius: 0;
    max-width: 120px;
    min-width: 120px;
    z-index: 9999;
    padding: 0;
    transform: none !important;
    position: absolute !important;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 32%) !important;
    inset: 68px 38px 3px -22px !important;
    min-height: fit-content;
}

.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;
	text-align: left;
}

.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(--brandCol2) 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: solid 2px white;
	overflow: hidden;
}

.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: #ffffffaf;
	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-16);
	width: 70%;
	line-height: 1.2;
}

.featured-banner .banner-icon-wrapper {
	border-bottom: solid 2px var(--colorGray);
}

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

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

.paragraph--type--c2a .field--name-field-title {
	color: var(--bs-white);
	padding-bottom: 0;
	line-height: 1.2;
	font-size: var(--fs-28) !important;
}

.paragraph--type--faq-list {
	padding: var(--m-36) 0;
	background: #e8f3fa;
}

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

.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: 20px !important;
	line-height: 1.4;
}

.paragraph--type--content-slide .slide-content .field--name-field-stitle {
	font-size: 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 {
	color: var(--bs-black) !important;
	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(--colorSet2);
}

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

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

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

.theme_dark_blue .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: 35px;
	height: 35px;
	opacity: 1;
}

.slick-next:before,
.slick-prev:before {
	opacity: 1 !important;
	color: var(--bs-white) !important;
	height: 35px;
	width: 35px;
	content: "";
	background-color: var(--colorSet1) !important;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	border-radius: 50%;
}

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

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

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

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

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

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 .block-system .field--name-field-link a,
.theme-green .tab-headers button,
.theme-green .ShowcaseWrapper,
.theme-green .showcase hr,
.theme-green .showcase button,
.theme-green .featured-secondary-wrapper {
	--colorSet1: var(--colorSet2);
}

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 .block-system .field--name-field-link a,
.theme-purple .tab-headers button,
.theme-purple .ShowcaseWrapper,
.theme-purple .showcase hr,
.theme-purple .showcase button,
.theme-purple .featured-secondary-wrapper {
	--colorSet1: var(--colorSet3);
}

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 .block-system .field--name-field-link a,
.theme-orange .tab-headers button,
.theme-orange .ShowcaseWrapper,
.theme-orange .showcase hr,
.theme-orange .showcase button,
.theme-orange .featured-secondary-wrapper {
	--colorSet1: var(--colorSet4);
}

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 .block-system .field--name-field-link a,
.theme-red .tab-headers button,
.theme-red .ShowcaseWrapper,
.theme-red .showcase hr,
.theme-red .showcase button,
.theme-red .featured-secondary-wrapper {
	--colorSet1: var(--colorSet5);
}

div.theme_dark_blue .ib-title span,
.theme_dark_blue .slick-arrow,
.theme_dark_blue .we-mega-menu-submenu .block-inner .block-block-content .block__content img,
.paragraph--type--ibitem .theme_dark_blue .field--name-field-link a,
.dark_blue .we-mega-menu-li span,
.dark_blue .we-mega-menu-submenu,
.dark_blue .we-mega-menu-li,
.dark_blue .field--name-field-link a,
.theme_dark_blue .flex-direction-nav a:before,
.theme_dark_blue .field--name-field-stitle,
.theme_dark_blue .banner-icon-wrapper .media--type-image,
.theme_dark_blue .paragraph--type--landing-block .section-content ul li::before,
.theme_dark_blue .faqfield-question.ui-state-active .ui-icon,
.theme_dark_blue .block-system .field--name-field-link a,
.theme_dark_blue .tab-headers button,
.theme_dark_blue .ShowcaseWrapper,
.theme_dark_blue .showcase hr,
.theme_dark_blue .showcase button,
.theme_dark_blue .featured-secondary-wrapper {
	--colorSet1: var(--colorSet6);
}

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;
}

.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 {
	padding: var(--m-16) 0;
	visibility: hidden;
}

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

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

@media screen and (max-width: 1023px) {
	.uma-image {
		width: 44px !important;
		height: 44px !important;
	}

	.field--name-field-slide .slick-dots {
		bottom: -35px;
	}

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

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

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

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

	.banner-wrap .banner-html p {
		--fs-20: var(--fs-16);
		line-height: 1.2;
		font-weight: var(--fw-400);
	}

	.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;
	}

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

	.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;
	}

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

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

	.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-30: var(--fs-18);
	}

	.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--faq-list .d-flex {
		--m-60: var(--m-24);
	}

	.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: 44px;
		height: 44px;
		overflow: hidden;
		object-fit: cover;
	}

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

@media screen and (min-width: 1301px) {
	.banner-subtitle {
		--fs-16: var(--fs-20);
		width: 80%;
	}

	.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: 145px;
	}

	.projects .nav>li:nth-child(4)>a {
		max-width: 170px;
	}

	.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;
	}

	.region-content-above {
		display: flex;
		align-items: center;
		gap: var(--m-32);
		justify-content: space-between;
	}

	.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;
		margin-bottom: 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;
	}

	.navbar.navbar-dark .container {
		justify-content: center;
	}

	body:not(.user-logged-in) .navbar-toggler {
		display: none;
	}

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

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

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

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

@media screen and (min-width: 992px) and (max-width: 1300px) {
	.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;
	}

	.paragraph--type--content-slide>div.slide-media {
		min-height: 400px;
		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;
	}
}

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

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

@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%;
	}

	.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;
	}

	.mobile-menu {
		display: none;
	}
}

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

@media screen and (max-width: 767px) {
	.paragraph--type--content-slide>div {
		width: 95%;
		margin: auto;
	}

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

	.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;
	}

	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 {
		--fs-20: var(--fs-16);
	}

	.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--banner-featured .banner-wrap {
		height: 600px;
	}

	.banner-header-wrap {
		top: 4%;
		transform: none;
	}

	.banner-image img {
		object-position: bottom;
	}

	.homepage .featured-banner .banner-links-wrapper .field--name-field-link a {
  		padding: 5px;
		font-size: 14px;
		min-width: 80px!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;
		text-align: center;
		padding: 5px var(--m-24);
	}

	.paragraph--type--content-slide .slide-content .field--name-field-stitle {
		font-size: var(--fs-20);
	}
}

.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: -45px;
}

.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;
	font-size: var(--ff-headings) !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;
	display: flex;
}

.block-notifications-widget .dropdown-toggle {
	background: var(--brandCol1) !important;
	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;
}

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

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

.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;
}

h1,
h2,
h3,
h4,
h5,
.tile-title,
button {
	font-family: var(--ff-headings) !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);
	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;
	margin-right: 15px !important;
}

a.group-report:focus,
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 img {
		object-fit: contain;
	}

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

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

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

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

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

.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;
}

.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 .slick-slider {
	margin-bottom: 0 !important;
}

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

.showcase .slick-slider {
	margin: 0 auto;
	max-width: 1120px;
}

.banner-image::before {
	width: var(--w-100);
	height: var(--w-100);
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: linear-gradient(89deg,
			#20bec6 0%,
			#1daeb5d4 1%,
			#19989e99 8%,
			#188f9459 80%,
			#105f630f 100%) 0% 0%;
	display: none;
}


@media screen and (max-width: 767px) {
	.paragraph--type--landing-block .field--name-field-link>.field__item {
		justify-content: center;
		display: flex;
	}
}

@media screen and (max-width: 1023px) {
	.paragraph--type--nested-showcase::before {
		height: 113px;
	}
}

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

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

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

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

.glyphicon-bell {
	visibility: hidden;
}

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

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

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

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

.block-notifications-widget .dropdown-toggle,
.dashboard-btn,
.btn-login {
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}

.block-notifications-widget .dropdown-toggle:hover {
	background: var(--brandCol1) !important;
}

.dashboard-btn,
.btn-login {
	display: inline-flex;
	gap: 5px;
	align-items: center;
	justify-content: center;
	border-radius: var(--bs-border-radius-pill);
	padding: 7px 25px;
	font-size: 16px;
}

.MuiDialog-container .MuiPaper-root .MuiDialogTitle-root {
	box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15) !important;
}

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

.MuiCollapse-vertical {
	transition: none !important;
}

.uma-flex-wrapper .uma-name {
	margin-left: 0 !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.page-node-type-landing-page .region-messages,
body.dashboard .messages__wrapper,
body.path-collection .messages__wrapper,
body.homepagen .messages__wrapper {
	display: none !important;
}

.buttons-wrapper-plans button,
.level-header button,
.dash-tabs button,
.dual-button button,
.bottom-wrapper button {
	margin-bottom: 0 !important;
}

body.notes-confirmation,
body.page-node-type-notes,
body.node-add-notes {
	background: transparent !important;
	padding-top: 0 !important;
}

.logo-site {
	padding-left: 0 !important;
}

.dashboard-btn {
	display: flex;
	width: 145px;
	padding: 0;
}

@media screen and (min-width: 1024px) {
	.most-right {
		width: 140px;
	}
}

.course-detail h3 {
	--fs-18: var(--fs-22);
}

#toolbar-administration .toolbar-bar .toolbar-tab>.toolbar-icon-edit.toolbar-item {
	border-radius: 0 !important;
	font-size: 13px !important;
}

.review-block {
	overflow: hidden;
}

.tile-type-icon {
	position: absolute;
	right: 15px;
	top: 15px;
}

@media screen and (max-width: 767px) {
	.image-wrapper {
		width: 100%;
	}

	.image-wrapper img {
		max-height: 200px;
		width: 100%;
		object-fit: cover;
	}

	.course-detail h3 {
		font-size: 18px !important;
	}

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

	.navbar-brand a.site-title {
		font-size: var(--fs-16);
		text-align: center;
	}

	#learnings .section-nheader {
		padding: 20px !important;
	}

	#competencies .dual-button .justify-content-end {
		justify-content: center !important;
	}

	#competencies .dual-button .justify-content-end .ms-auto,
	#plans .buttons-wrapper-plans .ms-auto {
		margin: auto !important;
	}

	#plans .buttons-wrapper-plans {
		flex-direction: column;
	}

	#plans .buttons-wrapper-plans .bottomBtn {
		padding-bottom: 0 !important;
	}

	#plans .buttons-wrapper-plans .bottomBtn a {
		justify-content: center;
	}
}

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

.mobile-menu .container::before,
.mobile-menu .container::after {
	display: none;
}

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;
	}
}

/* hide watch video overview button */
.video-link {
	display: none !important;
}

#notificationcount {
	visibility: visible;
	position: absolute;
}

.glyphicon-bell:before {
	display: none !important;
}

.block-notifications-widget .dropdown-toggle .glyphicon:empty {
	display: none;
}

body:has(.tabs-outer-wrapper) .MuiDialog-container .MuiDialogContent-root.tile-content {
	padding: 0 0 100px 0 !important;
	background: #FFF;
}

.tabs-wrapper {
	padding: 15px 10px;
	gap: 5px;
	display: flex;
    justify-content: center;
	margin-bottom: 0 !important;
	width: 100%;
    margin: auto;
	border-bottom: solid 1px #CCC;
}

.tabs-wrapper .nav-item {
	padding: 0 !important;
	border: none !important;
	flex: 1;
	max-width: 310px;
}

.tabs-wrapper .nav-link {
	width: 100%;
	padding: 8px 9px;
	color: #000 !important;
	margin-bottom: 0 !important;
	background: #FFF !important;
	box-shadow: 0 2px 6px rgba(0,0,0,0.09) !important;
	border-radius: 25px !important;
	display: flex;
	gap: 3px;
	justify-content: center;
	align-items: center;
	border: solid 1px black !important;
	font-weight: 400 !important;
	--ff-headings: var(--baseFont);
}

.tabs-wrapper .nav-link.active,
.tabs-wrapper .nav-link:focus,
.tabs-wrapper .nav-link:hover {
	background: #0072BC !important;
	color: #FFF !important;
	border-color: #0072BC !important;
}

.tab-content {
	min-height: 400px;
}

.tab-pane {
	min-height: 400px;
	padding: 15px;
}

.tab-pane iframe {
	background-image: none !important;
	margin: auto;
	width: 100%;
}

.tab-pane.tab-content-text-for-tile,
.tab-pane.tab-content-h5p {
	padding: 30px;
	background: #FFF;
	margin: auto;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

@media screen and (min-width: 1024px) {
	.tab-pane {
		min-height: 700px;
	}
	.tab-pane.tab-content-text-for-tile,
	.tab-pane.tab-content-h5p {
		max-width: 90%;
		margin: auto;
	}
}

@media screen and (min-width: 1300px) {
	.MuiDialog-paperWidthLg .tab-pane.tab-content-text-for-tile
	.MuiDialog-paperWidthLg .tab-pane.tab-content-h5p,
	.MuiDialog-paperWidthLg .wrapper-body-nested {
		max-width: 80%;
		padding: 30px 60px;
	}
	.tab-content iframe {
		height: 70vh !important;
	}
}

@media screen and (min-width: 1440px) {
	.MuiDialog-paperWidthLg .tab-pane.tab-content-text-for-tile,
	.MuiDialog-paperWidthLg .tab-pane.tab-content-h5p {
		max-width: 1000px;
		padding: 30px 100px;
	}
}

@media screen and (min-width: 1440px) {
	.MuiDialog-paperWidthLg .wrapper-body-nested {
		max-width: 930px;
		padding: 30px 70px 0 70px;
	}
}

html.h5p-iframe > body {
	background-color: white;
}

.tab-type-h5p i::before {
	content: "\f059";
}

.tab-type-pdf-for-tile i::before {
	content: "\f1c1";
}

.tab-type-text-for-tile i::before {
	content: "\f05a";
}

.tab-type-slide i::before {
	content: "\f15c";
}

@media screen and (max-width: 767px) {
    .tabs-wrapper {
        padding-top: 30px;
    }

	.tabs-wrapper .nav-link {
		font-size: 0 !important;
	}

	.tabs-wrapper .nav-link i {
		font-size: 16px;
		margin-right: 0 !important;
	}
}

.block-notifications-widget .dropdown-toggle .glyphicon#notificationcount {
	display: inline-block !important;
}

.notification-icon:after {
	color: #646b98;
}

#sidebar-menu .navbar-nav {
	width: 100%;
	margin: 0 !important;
}

.ListGoals {
	display: none !important;
}

.navbar-brand img {
	margin: 0;
	height: 96px;
}

.navbar-brand div {
    border-left: none;
}

.top-bar > .container {
	max-width: 100%;
	padding: 0;
}

.site-logo-wrapper {
	padding: 6px 15px;
}

@media screen and (min-width: 641px) {
    .homepage .featured-banner .banner-contents {
        max-width: 70%;
		margin: auto;
    }
}

@media screen and (min-width: 992px) {
	.site-logo-wrapper {
		padding: 6px 0px 6px 20px !important;
	}
}

.homepage .featured-banner .banner-contents {
	background-color: #ffffffe0;
	text-align: center;
}

.homepage .featured-banner .banner-links-wrapper {
    justify-content: center;
    display: flex;
}

.homepage .featured-banner .banner-links-wrapper .field--name-field-link a {
	background: #ff8500;
	min-width: 110px;
	border-color: #ff8500 !important;
}

.site-logo-wrapper .second-logo img {
	height: 75px;
}

@media screen and (max-width: 990px) {
    .navbar-brand img {
        height: 70px !important;
		transform: inherit !important;
		object-fit: contain;
    }
}

.ui-accordion .ui-accordion-content {
	height: auto !important;
}

#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;
	display: flex;
    align-items: center;
    gap: 15px;
}

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

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

#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;
}

.table-responsive {
	width: 100%;
}

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

.edit-group-form .form-item-bulk-operation {
	display: flex;
	align-items: center;
	gap: 10px;
}

.edit-group-form .js-form-item-count-option {
	display: flex;
	align-items: center;
}

.homepage .featured-banner .banner-contents .banner-title {
	display: none;
}

.homepage .featured-banner .banner-contents .banner-html h4 {
	--ff-headings: var(--baseFont);
}

@media screen and (min-width: 768px) {
    .MuiDialogContent-root.tile-content:has(iframe) {
        min-height: 80vh;
    }
}

@media screen and (min-width: 768px) {
	.homepage .featured-banner .banner-contents {
		max-width: 720px;
	}

	.homepage .featured-banner .banner-contents .banner-html h4 {
		font-size: var(--fs-26) !important;
		font-weight: 700 !important;
	}

	.homepage .featured-banner .banner-html p {
		--fs-20: var(--fs-18);
		line-height: 1.3;
	}
}

@media screen and (max-width: 767px) {	
	.homepage .featured-banner .banner-contents .banner-html h4 {
		font-size: var(--fs-18) !important;
		font-weight: 700 !important;
	}
	.homepage .featured-banner .banner-contents .banner-html h4 br {
		display: none;
	}
}

/* pagination */
.pagination>li>.page-link {    
	border-radius: 0 !important;
}

.pagination>li.page-item:first-child .page-link {
    border-top-left-radius: var(--bs-pagination-border-radius) !important;
    border-bottom-left-radius: var(--bs-pagination-border-radius) !important;
}

.pagination>li.page-item:last-child .page-link {
    border-top-right-radius: var(--bs-pagination-border-radius) !important;
    border-bottom-right-radius: var(--bs-pagination-border-radius) !important;
}

.pagination>li.active > .page-link {
    background-color: #0072BC;
    border-color: #0072BC;
}
/* end pagination */

.top-bar .container::before,
.top-bar .container::after,
.top-bar .row::before,
.top-bar .row::after {
	display: none !important;
}

.top-bar .row {
	margin: 0 !important;
}

@media screen and (max-width: 767px) {
	.logo-site {
		padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
	}
	.navbar-brand {
        padding: 10px 0 5px 0 !important;
		flex-direction: column;
		gap: 0 !important;
    }
	.site-logo-wrapper {
		padding: 0;
	}
	.tagline-site-name {
		padding: 0 !important;
		text-align: center;
	}
}

@media screen and (min-width: 768px) and (max-width: 813px) {
	.navbar-brand a.site-title {
		font-size: 20px;
	}
}

.ck-content * {
	font-family: Arial, Helvetica, sans-serif !important;
}

@media screen and (max-width: 540px) {
	.edit-group-form .header-wrapper,
	.edit-group-form #edit-search,
	.edit-group-form .js-form-item-count-option,
	.edit-group-form #edit-bulk {
		flex-direction: column;
		gap: 10px;
	}
}

@media screen and (max-width: 1023px) {
	.footer-wrapper>div {
		flex-direction: column;
	}
}

.dashboard-btn:focus {
	outline: none !important;
}

.MuiDialogActions-root  .slick-slide {
    min-width: 203px !important;
}

a:focus {
	outline: none !important;
}

@media screen and (max-width: 1023px) {
    .menu--account .nav ul.dropdown-menu {
        inset: 39px 38px 3px -69px !important;
    }
}

.paragraph--type--landing-block .section-content .field--name-field-link {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}

.showcase[data-type="nested"] {
	padding-top: 0 !important;
}

.region-header-right .block-commerce-cart {
	display: none;
}

/* product component */
.paragraph--type--product-list .field--name-field-product-image .field__label,
.paragraph--type--product-list .product-variations .field__label,
.paragraph--type--product-list .field--name-field-price .field__label {
	display: none;
}

.showcase {
	padding: 30px 0px !important;
}

@media screen and (max-width: 1024px) {	
	.paragraph--type--c2a .field-link a,
	.paragraph--type--landing-block .field--name-field-link a {
		--fs-20: var(--fs-16);
		min-width: max-content;
	}
}

@media screen and (max-width: 767px) {
	.certifications {
		flex-wrap: wrap;
	}
	.paragraph--type--c2a .field--name-field-title {
		--fs-28: var(--fs-20);
	}
}

.slick-prev:before {
	background-image: var(--icon-prev-white);
	background-position: 10px center;
}

.slick-next:before {
	background-image: var(--icon-next-white);
}

.product-variations + .field--name-field-price {
	display: none;
}

.MuiTouchRipple-root {
	display: none !important;
}

.paragraph--type--nested-showcase .ShowcaseWrapper:has(.slick-dots) {
	padding-bottom: 40px !important;
}

.slick-dots li {
   margin: 0;
}

.showcase .slick-slide,
.modal-learning-tiles .slick-slide {
  width: 260px !important;
  margin: 10px;
}

.slick-slider {
	margin: auto;
}

.modal-learning-tiles .slick-slider {
	max-width: 840px;
}

@media screen and (min-width: 926px) and (max-width: 1400px) {
	.showcase .slick-slider {
		max-width: 840px;
	}
}

@media screen and (min-width: 635px) and (max-width: 925px) {
	.showcase .slick-slider,
	.modal-learning-tiles .slick-slider {
		max-width: 560px;
	}
}

@media screen and (max-width: 634px) {
	.showcase .slick-slider,
	.modal-learning-tiles .slick-slider {
		max-width: 280px;
	}
}

.nested-showcase-header-wrapper {
	border-radius: 25px 25px 0 0;
}

.showcase .order-md-2 img {
	height: 200px;
}

@media screen and (max-width: 634px) {
	.showcase .order-md-2 img {
		height: 150px;
	}
}

/* learning tiles modal fix */
.MuiDialog-paperWidthMd:has(.modal-learning-tiles) {
	max-width: 1000px !important;
}

.modal-learning-tiles .slick-prev {
    left: -45px;
}

.modal-learning-tiles .slick-next {
    right: -45px;
}