:root {
	--green-clr: #007129;
	/*replacing #46a149 / #489B4B for accessibility purposes  Changed in 2022 A.P.*/
	--dark-green-clr: #00551F;
	/*for hover/focus/active effect*/
	--teal-clr: #005E71;
	/*replacing #0898B4 for accessibility purposes */
	/*GMAW202 - replaceing #0c8097 */
	--black-clr: #000000;
	--grey-clr: #000000AB;
	/* replacing #EAE9E9 for accessibility purposes , Changed in 2022 A.P.*/
	--dark-grey-clr: #3B3B3B;
	/* replacing #757575 / #9e9e9e /  for accessibility purposes  Changed in 2022 A.P.*/
	--gray-90-clr: #E5E5E5;

}

body {
	color: #3B3B3B;
	/* legacy IE11 */
	color: var(--dark-grey-clr);
}

/* 2023 fixes by Oleg start */
/* Set core root defaults */
html:focus-within {
	scroll-behavior: smooth;
}

/* Set core body defaults */
/* If users are too sensitive to animation */
@media (prefers-reduced-motion: reduce) {
	html:focus-within {
		scroll-behavior: auto;
	}

	*,
	::before,
	::after {
		animation-delay: -1ms !important;
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
		background-attachment: initial !important;
		scroll-behavior: auto !important;
		transition-duration: 0s !important;
		transition-delay: 0s !important;
	}
}

/* A elements that don't have a class get default styles */
a:not([class]) {
	text-decoration-skip-ink: auto;
}

/* 2023 fixes by Oleg end */



.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 7px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}

/* General colours */


/* 2023 fixes by Oleg start */
.black-text {
	color: var(--black-clr);
}

/* 2023 fixes by Oleg end */
.black-bg {
	background-color: #000;
}

.grey-bg {
	/*background-color: #D6D6D6; DO not use this color it needs to be changed.*/
}

.light-grey-bg {
	background-color: #f5f5f5;
}

.dark-blue-bg {
	background-color: #0054A4;
}

.blue-bg {
	background-color: #3F7EBA;
}

.light-blue-bg {
	background-color: #0592C0;
}

.white-bg {
	background-color: #FFFFFF !important;
}

.teal-bg {
	background-color: #7EDBE8 !important;
}

.green-bg {
	background-color: #007129 !important;
	/* legacy IE11 */
	background-color: var(--green-clr) !important;
}

.darker-teal-bg {
	background-color: #005E71;
	/* legacy IE11 */
	background-color: var(--teal-clr);
}

.darker-teal-bg a {
	color: #000000;
	/* legacy IE11 */
	color: var(--black-clr);
}

.darker-teal-bg a:hover,
.darker-teal-bg a:focus,
.darker-teal-bg a:active {
	color: hsl(0, 0%, 20%);
	text-decoration: none;
}

.gray-text,
.dark-grey-text {
	color: #3B3B3B !important;
	/* legacy IE11 */
	color: var(--dark-grey-clr) !important;
}

.dark-blue-bttm-brd {
	border-bottom: 3px #0054A4 solid;
}

.dark-blue-tp-brd {
	border-top: 3px #0054A4 solid;
}

.org-review-head-pad-en {
	margin-bottom: 15px;
	margin-top: 20px;
}

.org-review-head-pad-fr {
	margin-bottom: 20px;
	margin-top: 5px;
}

.org-review-head-q-pad {
	margin-bottom: 5px;
	margin-top: 5px;
}

.org-review-brd-pad {
	border-top: 1px #0054A4 solid;
	padding-bottom: 1.1em;
}

.black-bg {
	background-color: #000000 !important;
	/* legacy IE11 */
	background-color: var(--black-clr) !important;
}

/* Customized Material Styles */

.gmw-main-title-block .ms-hero-page-override {
	margin: 0;
}

.dark-blue-theme-no-brd .card.card-primary {
	border-bottom: none;
}

.dark-blue-theme-no-brd .card.card-primary .card-header {
	background-color: #0054A4 !important;
}

.lead-line-for-survey-instructions {
	font-size: 3.2rem;
	font-weight: 700;
}

/* new generic styles to compliment Material Styles */
.font-weight-normal {
	font-weight: normal !important;
}

.nm-tp {
	margin-top: 0 !important;
}

.container-timeline {
	margin-top: 2em;
}

.back-next-div {
	float: right;
	clear: both;
	margin-bottom: 5em;
}

.checkbox label .checkbox-material {
	margin-right: 5px !important;
}

.agree-on-signup-block {
	display: flex;
}

.agree-on-signup-block input[type="checkbox"] {
	flex: 1;
}

label>.agree-on-signup-text {
	font-size: 1.8rem;
	font-weight: 700;
}

.pagination li a:hover,
.pagination li a:focus {
	background-color: #0054A4 !important;
	color: #FFFFFF !important;
}

.pagination li a {
	color: #0054A4 !important;
}

.pagination li.active a {
	background-color: #007129 !important;
	/* legacy IE11 */
	background-color: var(--green-clr) !important;
	color: #FFFFFF !important;
	border: 1px solid #007129;
	/* legacy IE11 */
	border: 1px solid var(--green-clr);
}

.pagination>li>a,
.pagination>li>span {
	color: #fff !important;
	background-color: #0054A4;
	border: 1px solid #0054A4;
	font-weight: 700;
}

.create-pagination li a:hover,
.create-pagination li a:focus {
	background-color: #005E71 !important;
	/* legacy IE11 */
	background-color: var(--teal-clr) !important;
	color: #FFFFFF !important;
}

.create-pagination li.active a {
	background-color: #007129 !important;
	/* legacy IE11*/
	background-color: var(--green-clr) !important;
	color: #FFFFFF !important;
	border: 1px solid #007129;
	border: 1px solid var(--green-clr);
	font-weight: 700;
}

.darker-teal {
	color: #005E71 !important;
	/* legacy IE11 */
	color: var(--teal-clr) !important;
}

.dark-blue {
	color: #0054A4 !important;
}

.big-oblique {
	font-size: 3.2rem !important;
	font-style: italic;
	font-weight: 700;
	color: #0054A4;
}

h2.green-center-header {
	color: #007129;
	/* legacy IE11 */
	color: var(--green-clr);
	font-size: 3.5rem;
	font-weight: 500;
	text-align: center;
}

.white-sub-title {
	color: #fff;
	font-weight: 400;
	font-size: 4rem;
}

.sm-pad-top {
	padding-top: 0.3em !important;
}

.giant-text {
	font-size: 3.2rem;
	line-height: 4.1rem;
	padding: 1.2em !important;
}

.giant-text ol li {
	font-size: 3.2rem !important;
	padding-bottom: 1.5rem;
}

.giant-text ol li:last-of-type {
	padding-bottom: 0;
}

.bold-heavy {
	font-weight: 500 !important;
	font-size: 2.5rem !important;
	text-align: center;
	line-height: 3.3rem !important;
}

.min-height-med {
	min-height: 26em !important;
}

.min-height-med-touch-less {
	min-height: 24.33em !important;
}

.inside-card-title-pad {
	padding: 1.5em 3em 1.5em 3em !important;
}

p.indent-links {
	padding-left: 8px;
}

.medium-text {
	font-size: 2rem !important;
}

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

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

.text-left li {
	font-size: 2rem !important;
	padding-bottom: 1em;
}

.text-underline {
	text-decoration: underline;
}

.text-upper {
	text-transform: uppercase !important;
}

.main-area {
	box-shadow: 3px 3px 20px #000;
	background-color: #fff;
	border: 1px solid #555;
}

/* 1-8 steps pages styles start */
.steps-block a {
	color: #007129;
}

.steps-block a:hover,
.steps-block a:focus {
	color: #00551F;
	/*text-decoration: underline;*/
}

.steps-block a:visited {
	color: #00551F;
	text-decoration: none;
}

.steps-block ul {
	line-height: 1.4;
}

.blue-people-bg {
	background-image: url(../img/steps_header.png);
	background-position: top center;
	background-size: cover;
	min-height: 167px;
	max-height: 100%;
}

.blue-people-bg {
	padding: 1em;
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
}

@media only screen and (min-width: 800px) {
	.blue-people-bg {
		padding: 2em 3.5em 2em 4.8em;
		margin-bottom: 6rem;
		margin-left: 0;
		margin-right: 0;
		justify-content: flex-start;
	}
}

.blue-people-bg-no-bttm-m {
	margin-bottom: 0;
}

.factors-desc {
	margin-bottom: 4rem;
}

.factors-desc h2 {
	font-size: 2rem;
	font-weight: 700;
}

@media only screen and (min-width: 991px) {
	.factors-desc>div:nth-child(2) {
		margin-top: 5.7rem;
	}
}

.further-info hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.further-info ul {
	margin-top: 0;
	padding-top: 0;
}

.further-info ul>li {
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
}

.further-info ul>li:first-child {
	padding-bottom: .5rem;
}

@media only screen and (max-width: 991px) {
	.action-items-container {
		margin-top: 4rem;
	}
}

.action-items-block {
	display: flex;
}

.action-items-block>div:first-of-type {
	margin-right: 1.4rem;
}

/* 1-8 steps pages styles end */
.teal-survey-bg {
	background-color: #005E71 !important;
	/* legacy IE11 */
	background-color: var(--teal-clr) !important;
	padding: 2em 3.5em 2em 5.5em;
	margin-bottom: 4rem;
}

/* Material Styles Design customized */
.ms-hero-page-override-navs {
	margin: -40px 0 0;
	padding: 30px 0 140px;
}

.ms-hero-page-override-emty-bg {
	margin: -40px 0 0;
	padding: 30px 0 140px;
	min-height: 364px;
}

.panel>.panel-heading,
.panel.panel-default>.panel-heading {
	background-color: #D6D6D6;
}

.panel {
	/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),
              0 3px 1px -2px rgba(0,0,0,.2),
              0 1px 5px 0 rgba(0,0,0,.12) !important; all panel has different-shadow now*/
}

.bg-success {
	background-color: #007129 !important;
	/* legacy IE11 */
	background-color: var(--green-clr) !important;
}

.btn.btn-raised.btn-success,
.btn-group-raised .btn.btn-success,
.input-group-btn .btn.btn-raised.btn-success,
.btn-group-raised .input-group-btn .btn.btn-success {
	background-color: #007129;
	/* legacy IE11 */
	background-color: var(--green-clr);
	color: #fff;
}

.btn.btn-raised.btn-success:hover,
.btn-group-raised .btn.btn-success:hover,
.input-group-btn .btn.btn-raised.btn-success:hover,
.btn-group-raised .input-group-btn .btn.btn-success:hover {
	background-color: #00551F;
	/* legacy IE11 */
}

.container-fluid .jumbotron {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12) !important;
}

.card.card-success .card-header,
.card.card-success .card-footer {
	background-color: #007129;
	/* legacy IE11 */
	background-color: var(--green-clr);
}

.ms-hero-bg-primary:after {
	background-color: #0054A4;
}

.panel.panel-primary>.panel-heading {
	background-color: #0054A4;
}

.bg-primary {
	background-color: #0054A4 !important;
	color: #fff;
}

/*.btn.btn-raised.btn-primary {
  background-color: #0054A4;
  color: rgba(255,255,255,.84);
} Moved to gmw4-update.css*/
.btn.btn-raised.btn-info {
	background-color: #005E71;
	/* legacy IE11 */
	background-color: var(--teal-clr);
	color: rgba(255, 255, 255, .84);
}

.nav-buttons-block,
.nav-buttons-block-print,
.nav-buttons-block-wrap {
	display: flex;
	justify-content: flex-end;
	align-content: center;
	flex-flow: wrap;
	align-items: center;
}

.nav-buttons-block button {
	display: flex;
	justify-content: center;
	min-width: 135px;
	/* max-width: 135px; */
	margin: 0 1rem 0 2rem;
}

.nav-buttons-block a,
.nav-buttons-block input[type=submit] {
	display: flex;
	justify-content: center;
	min-width: 135px;
	/* max-width: 135px; */
	margin-left: 2rem;
	text-transform: none !important;
	box-shadow: 0px 3px 6px #0000004D !important;
}

/* 2023 fixes by Oleg start */
.nav-buttons-block .next-prev-btns:focus {
	outline-color: transparent;
}

/* !important added to overide Material Design !important */
.nav-buttons-block .next-prev-btns:focus-visible {
	box-shadow: 0 0 0 2px currentColor, 0 0 0 4px black !important;
	outline: 2px solid white !important;
	outline-offset: 0;
}

/* 2023 fixes by Oleg end */

.nav-buttons-block button.next-prev-btns span {
	text-align: center;
}

.nav-buttons-block-wrap a,
.nav-buttons-block-wrap input[type=submit] {
	display: flex;
	justify-content: center;
	max-width: 208px;
	margin: 6rem 2rem 2rem 2rem;
	white-space: normal;
	padding-left: .5rem;
	padding-right: .5rem;
	text-transform: uppercase !important;
}

.nav-buttons-block-print a,
.nav-buttons-block-print input[type=submit] {
	display: flex;
	justify-content: center;
	min-width: 120px;
	/*max-width: 120px; removed by A.p*/
	margin-left: 2rem;
	text-transform: uppercase !important;
}

.card-custom-gmw .phs-desc {
	margin-left: 1rem !important;
	margin-right: 1rem !important;
}

@media only screen and (min-width: 800px) {
	.card-custom-gmw .phs-desc {
		margin-left: 10.937rem !important;
		margin-right: 10.937rem !important;
	}
}

.card-custom-gmw .card {
	box-shadow: none;
	box-shadow: 0;
	border-radius: none;
	background-color: transparent;
}

.card-custom-gmw .card.card-success {
	border-bottom: none;
}

.card-custom-gmw .card .card-header h2 {
	font-size: 3rem;
}

.card-custom-gmw .card .card-block h3 {
	font-size: 2.2rem;
}

.card-custom-gmw .card .panel-body h4,
.card-custom-gmw .card .panel-body h5,
.card-custom-gmw .card .cases h3,
.card-custom-gmw .card .cases h4,
.card-custom-gmw .card .cases h5 {
	color: #0054A4;
	font-weight: 700;
}

.card-custom-gmw .card .panel-body h4,
.card-custom-gmw .card .cases h4 {
	font-size: 2rem;
}

.card-custom-gmw .card .panel-body h5 {
	font-weight: 400;
}

.card-custom-gmw p,
.card-custom-gmw ol,
.card-custom-gmw ul,
.card-custom-gmw dl {
	font-size: 2rem;
}

.card-custom-gmw #what-content p:first-child {
	font-weight: 500;
}

.what-content-block ol {
	margin-left: 2.3rem;
	padding-left: 0;
}

.card-custom-gmw #what-content span {
	font-weight: 700;
}

ul.alt-bg>li:nth-of-type(2n+1) {
	background-color: #eff0f1;
	padding-left: 20px;
}

ul.alt-bg>li:nth-of-type(2n) {
	background-color: #fff;
	padding-left: 20px;
}

.nav-survey-buttons {
	margin: -80px auto 0 auto;
	width: 80%;
}

@media only screen and (min-width: 800px) {
	.nav-survey-buttons {
		margin: -80px auto 0 auto;
	}
}

.nav-survey-buttons>ul {
	margin: 0 auto;
}

.nav-survey-buttons>ul>li {
	min-width: 300px;
}

.nav-survey-buttons>ul>li a.btn {
	padding: 3rem 3rem;
	font-size: 2.5rem;
	text-transform: none;
	min-width: 200px;
	border-radius: 8px;
}

.nav-survey-buttons .btn.btn-raised:not(.btn-link) {
	box-shadow: none;
	background-color: #007129;
	/* legacy IE11 */
	background-color: var(--green-clr);
	font-weight: 700;
}

.nav-survey-buttons .btn.btn-raised.active.btn-default:not(.btn-link) {
	background-color: #fff;
	color: #3555A4;
	
}

.nav-survey-buttons .btn.btn-raised:not(.btn-link).active,
.nav-survey-buttons .btn.btn-raised:not(.btn-link).active:hover,
.nav-survey-buttons .btn.btn-raised:not(.btn-link):active,
.nav-survey-buttons .btn.btn-raised:not(.btn-link):active:hover {
	box-shadow: none;
	font-weight: 700;
}

@media only screen and (min-width: 768px) {
	.bg-under-nav-buttons {
		margin: -40px auto 0 auto;
	}

	.box-over-bg {
		padding-top: 12rem;
	}
}

/* top bar - language links */
.gmw-top-bar ul {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	flex-direction: row;
	justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	flex-wrap: wrap;
	padding: 1rem 2em;
	margin: 0;
	background-color: #0054A4;
	border: 1px solid #95989A;
}

.gmw-top-bar>ul>#right-link {
	margin-left: auto;
	padding-right: 0;
	margin-right: 0;
}

.gmw-top-bar ul li a:focus,
.gmw-top-bar ul li a:hover {
	text-decoration: underline;
}

.gmw-top-bar ul li a {
	color: #fff;
	padding: 2em;
}

/* top navbar styles START */
.gmw-nav {
	color: #000;
	background-color: #FFFFFF;
}

.navbar-nav {
	margin: 0;
}

.gmw-nav ul {
	font-size: 1.8rem;
}

@media only screen and (max-width: 570px) {
	.gmw-nav {
		margin: 0 auto;
		padding: 2em 1em 1em 1em;
		text-align: center;
		display: block;
	}

	.gmw-nav ul {
		padding-bottom: 0;
		font-size: 1.5rem;
	}

	.gmw-nav ul li a {
		color: #fff;
		padding: .5em !important;
		margin: 0;
	}

	.links-container {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: -webkit-flex;
		/* NEW - Chrome */
		display: flex;
		/* NEW, Spec - Opera 12.1, Firefox 20+ */
		justify-content: center;
		align-content: center;
		-moz-align-content: center;
		-ms-align-content: center;
		-webkit-align-content: center;
		align-items: baseline;
		-moz-align-items: baseline;
		-ms-align-items: baseline;
		-webkit-align-items: baseline;
		padding: 0;
		margin: 0;
		text-align: left;
	}

	.gmw-top-bar ul li {
		width: 100%;
		display: block;
		padding: 0;
		margin: 0 0 10px 0;
	}

	.gmw-top-bar ul li span.separator{
		display:none;
	}

	.gmw-top-bar ul li a {
		padding: 0 !important;
	}
	.gmw-top-bar ul li.link-to-main-container {
		border: 1px solid #95989A;
	}
}

@media only screen and (min-width: 571px) and (max-width:767px) {
	.gmw-nav {
		margin: 0 auto;
		padding: 2em 2em 0 2em;
		text-align: center;
		display: block;
	}
}

@media only screen and (max-width: 767px) {
	.gmw-nav div.logo-title {
		display: block;
		text-align: center;
		margin: 0 auto;
	}

	.gmw-nav h1 {
		font-size: 2.5rem;
		font-weight: 400;
	}
}

@media only screen and (max-width: 760px) {
	.gmw-nav div img {
		display: block;
		text-align: center;
		margin: 0 auto;
	}

	.gmw-nav div img {
		min-width: 255px;
		height: 94px;
		max-width: 100%;
	}
}

@media only screen and (min-width: 761px) and (max-width:800px) {
	.gmw-nav div img {
		text-align: center;
		margin: 2rem 10rem 1rem 1rem;
		display: inline-block;
		min-width: 255px;
	}
}

@media only screen and (min-width: 801px) {
	.gmw-nav div img {
		text-align: center;
		margin: 1rem auto;
		display: inline-block;
	}
}

@media only screen and (max-width: 900px) {
	.navbar-nav>li.active {
		max-width: 180px;
		display: inline-block;
		padding: 0 !important;
		margin: 0 !important;
		text-align: left;
	}
}

.navbar-nav li a:hover,
.navbar-nav li a:focus {
	background-color: #fff !important;
	transition: background .3s;
	border-bottom: 2px solid #fff !important;
	color: #000 !important;
}

.navbar .dropdown-menu {
	border-radius: 0;
	padding: 0;
	text-align: left !important;
}

.navbar .dropdown-menu li>a {
	background-color: #fff !important;
	color: #000 !important;
	text-align: left !important;
	margin: 0 !important;
}

.navbar .dropdown-menu li>a:hover,
.navbar .dropdown-menu li>a:focus {
	background-color: #fff !important;
	color: #000 !important;
	text-decoration: underline;
	border-bottom: none !important;
}

.navbar-nav>li.active {
	border-bottom: 2px solid #fff !important;
}

.navbar-nav>li.active a:hover,
.navbar-nav>li.active a:focus {
	background-color: #fff !important;
	border-bottom: none !important;
	color: #000 !important;
}

/* For medium devices */
@media only screen and (min-width: 768px) {
	.gmw-nav {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: -webkit-flex;
		/* NEW - Chrome */
		display: flex;
		/* NEW, Spec - Opera 12.1, Firefox 20+ */
		justify-content: space-between;
		align-content: center;
		-moz-align-content: center;
		-ms-align-content: center;
		-webkit-align-content: center;
		align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-webkit-align-items: center;
		flex-wrap: wrap;
		padding: 0 .5em 0 .5em;
		margin: 0;
		text-align: left;
		border: 1px solid #95989A;
	}

	.gmw-nav div.logo-title {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: -webkit-flex;
		/* NEW - Chrome */
		display: flex;
		/* NEW, Spec - Opera 12.1, Firefox 20+ */
		align-content: flex-start;
		-moz-align-content: flex-start;
		-ms-align-content: flex-start;
		-webkit-align-content: flex-start;
		min-width: 0;
	}

	.gmw-nav div {
		padding: 0;
		margin: 0 auto;
	}

	.gmw-nav div h1 {
		display: inline-block;
		padding: .77em 1em 0 1em;
		font-size: 2.7rem;
	}

	.gmw-nav ul {
		padding-bottom: 0 !important;
	}

	.gmw-nav ul,
	.gmw-top-bar ul {
		font-size: 2rem;
	}

	.gmw-nav ul li a {
		padding-left: 1em;
	}
}

/* For larger devices*/
@media only screen and (min-width: 1200px) {
	.navbar .navbar-nav>li>a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

@media only screen and (min-width: 1723px) {
	.gmw-nav ul {
		padding-top: 0;
		padding-bottom: 0;
	}
}

/* top navbar styles END */
/* main bg image */
@media only screen and (max-width: 50em) {

	.title-login-block,
	.gmw-main-bg {
		display: none;
	}
}

/* Main title and dashboard login link */
@media only screen and (min-width: 768px) {
	.gmw-main-bg {
		background-color: transparent;
		background-image: url(../img/common/hero_banner.png);
		background-position: center center;
		background-size: cover;
	}

	.title-login-block {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding: 0 2.5em 0 2.5em;
		margin: 0;
		width: 100%;
	}

	.title-login-block section {
		align-self: flex-end;
	}

	.carousel-caption-green {
		right: 5%;
		left: 5%;
		text-align: left;
		font-size: 1.1rem;
		padding-top: 160px;
	}
}

@media only screen and (min-width: 768px) {
	.carousel-caption {
		right: 5%;
		left: 4.8em;
		text-align: left;
		font-size: 1.1rem;
	}

	.carousel-caption-green {
		right: 5%;
		left: 4.8em;
		text-align: left;
		font-size: 1.1rem;
		padding-top: 160px;
	}
}

@media only screen and (min-width: 991px) {
	.carousel-caption {
		left: 2.8em;
		right: 0;
		width: 70vw;
		max-width: 730px;
		font-size: 1.1em;
	}

	.carousel-caption-green {
		right: 5%;
		left: 4.8em;
		text-align: left;
		font-size: 1.1rem;
		padding-top: 160px;
	}
}

.dropcaps-green:first-letter {
	float: left;
	color: #007129;
	/* legacy IE11 */
	color: var(--green-clr);
	font-size: 3em;
	font-weight: 400;
	padding: 10px 10px 10px 5px;
	margin-top: 2px;
}

.main-title-block>header h1 {
	color: #fff;
	letter-spacing: 0;
	font-size: 3rem;
	text-align: left;
}

@media only screen and (min-width:800px) {
	.main-title-block {
		width: 80%;
	}

	.main-title-block>header h1 {
		color: navy;
		font-size: 5rem;
	}
}

@media only screen and (min-width:991px) {
	.main-title-block {
		width: 90%;
	}

	.main-title-block>header h1 {
		font-size: 7rem;
	}
}

.dashboard-login {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #007129;
	/* legacy IE11 */
	background-color: var(--green-clr);
	padding: 1em;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 1em;
}

.dashboard-login a {
	color: #fff;
	font-size: 1.5em;
	padding: .1em;
}

/* subtitle styling */
.ms-hero-material-title {
	background-color: #3555A4;
	padding: 16px;
	padding: 1.2rem;
	margin-left: -10000px;
	padding-left: 10000px;
	z-index: 6;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	border-radius: 10px;
}

.ms-hero-material-title-green {
	background-color: rgba(0, 165, 74, 0.5);
	padding: 16px;
	padding: 1.2rem;
	margin-left: -10000px;
	padding-left: 10000px;
	z-index: 6;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	border-radius: 10px;
}


/* .ms-hero-material-title h2 {
	margin: 0;
	font-size: 2.2rem;
	width: 90%;
} */
/* 2023 fixes by Oleg start */
.ms-hero-material-title__text {
	margin: 0;
	font-size: 2.2rem;
	font-weight: 300;
	width: 90%;
	line-height: 1.1;

}

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

	/* .ms-hero-material-title h2 {
		font-size: 20px;
		font-size: 2.5em;
	} */
	.ms-hero-material-title__text {
		font-size: 20px;
		font-size: 2.5em;
	}
}

/* 2023 fixes by Oleg end */
/* intro text styling */
.intro-box .card-hero {
	position: relative;
	margin-top: 4rem !important;
	margin-bottom: 0;
	font-size: 1.9rem;
	box-shadow: none;
}

@media only screen and (min-width: 800px) {
	.intro-box {
		margin-bottom: 8rem;
	}

	.intro-box .card-hero {
		margin-top: -100px !important;
		padding-top: 2rem;
		box-shadow: 0px 3px 6px #00000029;
		margin-bottom: 6rem;
	}
}

.intro-box .card-hero>.card-block {
	padding: 2rem 5rem 8rem 5rem;
	line-height: 3rem;
}

.intro-box .card-hero .question-in-intro {
	margin-top: -25px;
}

.question-in-intro {
	width: 65%;
	line-height: 1.5;
	z-index: 1000;
	position: absolute;
	left: 18%;
}

.question-in-intro .btn {
	padding: 1em;
	margin: 0 auto 3rem auto;
	font-size: 1.5rem;
	font-weight: 700;
	text-transform: none;
	border-radius: 10px;
	white-space: normal;
}

@media only screen and (min-width: 735px) {
	.question-in-intro .btn {
		font-size: 1.8rem;
	}
}

@media only screen and (min-width: 800px) {
	.question-in-intro .btn {
		font-size: 2.2rem;
	}
}

/* intro text styling for mobile */
@media only screen and (max-width: 799px) {
	.intro-box {
		margin-top: -40px !important;
		margin-left: -15px;
		margin-right: -15px;
	}

	.intro-box .card-hero .question-in-intro {
		width: 90%;
		margin: 0 auto 0 auto;
		position: static;
	}

	.intro-box .card-hero>.card-block {
		padding: 3rem 5rem 3rem 5rem;
		line-height: 3rem;
	}

	.question-in-intro .btn {
		font-size: 2.2rem !important;
	}
}

/* how to use GMW section */

.how-to-use-block {
	background-color: #00305E;
	color: #FFFFFF;
}

.how-to-use-block article {
	padding: 2rem 0 0 0;
	margin-right: auto;
	margin-left: auto;
	max-width: 90%;
}

.how-to-use-block-bg {
	min-height: 650px;
	width: auto;
	padding: 0;
	margin: 0;
}

/* .how-to-use-block>article>header>h1 {
	font-size: 2em;
	font-weight: 500;
	text-align: center;
	margin: 2rem auto;
} */

/* 2023 fixes by Oleg start */
.how-to-use-block .how-to-use-block__title {
	font-size: 2em;
	font-weight: 500;
}

/* 2023 fixes by Oleg end */

.how-to-use-block header:first-of-type>p {
	font-size: 2rem;
	line-height: 1.5;
	margin: 0 auto;
	text-align: center;
}

.how-to-use-block .col-md-3,
.how-to-use-block .col-lg-3 {
	padding-right: 0;
	padding-left: 0;
}

.how-to-use-block .card {
	box-shadow: none;
	border-radius: 2px;
	background-color: transparent;
	margin-bottom: 0;
	padding: 1em;
	width: 100%;
}

/* .how-to-use-block .card h2 {
	color: #000;
	font-size: 2.5rem;
	text-align: center;
	font-weight: 400;
} */
/* 2023 fixes by Oleg start */
.how-to-use-block .how-to-use-block__subtitle {
	color: #000;
	font-size: 2.5rem;
	text-align: center;
	font-weight: 400;
}

/* 2023 fixes by Oleg end */
@media only screen and (min-width: 1225px) {

	/* .how-to-use-block .card h2 {
		font-size: 3rem;
	} */
	/* 2023 fixes by Oleg start */
	.how-to-use-block .how-to-use-block__subtitle {
		font-size: 3rem;
	}

	/* 2023 fixes by Oleg end */
}

.how-to-use-block .card .card-block {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 3em 1em 1em 1em;
	width: 100%;
	background-color: #FFFFFF;
	border-radius: 8px;
}

.how-to-use-block .card .card-block>.ms-icon {
	margin: 10px 0;
	margin-bottom: 10px;
	margin: 1rem 0;
	font-weight: bold;
}

.how-to-use-block .ms-icon.ms-icon-xxlg {
	width: 60px;
	height: 60px;
	line-height: 60px;
	font-size: 40px;
}

.how-to-use-block .ms-icon.ms-icon-circle {
	border-radius: 50%;
}

.how-to-use-block .ms-icon.color-info {
	color: #fff !important;
	background-color: #3555A4;
	/* legacy IE11 */
	font-weight: 700;
}

.how-to-use-block .btn.btn-raised:not(.btn-link) {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.how-to-use-block .btn {
	display: inline-block;
	padding: 12px 25px;
	margin-bottom: 0;
	font-size: 2rem;
	line-height: 1.42857143;
	text-align: center;
	text-transform: none;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.how-to-use-block .btn.btn-raised.btn-info {
	background-color: #007129;
	/* legacy IE11 */
	background-color: var(--green-clr);
	color: rgba(255, 255, 255, 1);
}

.how-to-use-block .btn.btn-raised.btn-info:focus,
.how-to-use-block .btn.btn-raised.btn-info:hover {
	background-color: #00551F;
	/* edge case - replacing #97C999 for button hover/focus consistency */
}

/* 2023 fixes by Oleg start */

.how-to-use-block .btn.btn-raised.btn-info:focus,
.question-in-intro .btn.btn-raised.btn-success:focus,
.sign-up-in-how-to-use-block .btn.btn-raised.white-bg:focus {
	outline-color: transparent;
}

.how-to-use-block .btn.btn-raised.btn-info:focus-visible,
.question-in-intro .btn.btn-raised.btn-success:focus-visible {
	box-shadow: 0 0 0 2px currentColor, 0 0 0 4px black;
	outline: 2px solid black;
}

.sign-up-in-how-to-use-block .btn.btn-raised.white-bg:focus-visible {
	box-shadow: 0 0 0 2px currentColor, 0 0 0 4px white;
	outline: 2px solid black;
}


/* 2023 fixes by Oleg end */


.only-bold-numbers {
	font-weight: 700;
}

.only-bold-numbers>li>span {
	font-weight: 400;
}

/* CSS Grids container for How to Use 1-8 block starts */
.grids-container {
	display: -webkit-box;
	/* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;
	/* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;
	/* TWEENER - IE 10 */
	display: -webkit-flex;
	/* NEW - Chrome */
	display: flex;
	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	align-items: flex-start;
	-webkit-align-items: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	max-width: 2500px;
	width: 100%;
	border: solid;
}

.grids-container-item {
	flex: 1 0 380px;
	margin: 0;
	padding: 2rem;
	align-self: stretch;
	border: solid;
	border: solid 1em #B4EAF1;
	min-height: 400px;
	max-height: 400px;
}

.grids-container h2 {
	color: #fff;
	font-size: 3rem;
	width: 90%;
	text-align: center;
	margin: 0 auto 1.2em auto;
	font-weight: 700;
}

@supports (display: grid) {
	.grids-container {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
		margin: 0;
		border: solid;
	}
}

/* CSS Grids container for How to Use 1-8 block ends */
.how-to-use-block-bg>.numbered-box {
	border: solid;
	float: left;
	position: relative;
	min-height: 1px;
	width: 50%;
	padding-right: 15px;
	padding-left: 15px;
}

/* Did you box styles start */
.did-you-know-block,
.did-you-know-block-sec {
	display: block;
	padding: 3rem;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.did-you-know-block-sec {
	background-color: black;
	color: #fff;
}

.did-you-know-block {
	background-color: transparent;
	color: #fff;
}

.did-you-know-block p,
.did-you-know-block ul,
.did-you-know-block-sec p,
.did-you-know-block-sec ul {
	font-size: 2rem;
}

.did-you-know-block div:nth-child(1) img,
.did-you-know-block-sec img {
	width: 149px;
	height: 121px;
	padding: 1rem;
	margin-left: auto;
	margin-right: auto;
}

.why-important-articles-block {
	background-color: white;
	color: inherit;
	display: block;
	padding: 3rem;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

@media only screen and (min-width: 991px) {
	.did-you-know-block-sec {
		padding: .5rem 0 1rem 0;
		margin: 0;
	}

	.did-you-know-block-sec header {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: -webkit-flex;
		/* NEW - Chrome */
		display: flex;
		/* NEW, Spec - Opera 12.1, Firefox 20+ */
		justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		align-content: center;
		-moz-align-content: center;
		-ms-align-content: center;
		-webkit-align-content: center;
		flex-wrap: wrap;
		max-width: 95%;
		padding: 0;
		margin: 0 auto;
	}

	.did-you-know-block-sec img {
		padding: 0 1rem;
		flex: 1 1 0;
		max-width: 149px;
	}

	.did-you-know-block-sec div {
		flex: 1 1 0;
		padding: 1rem 2rem;
		margin-top: 0;
		text-align: left;
		line-height: 1.5;
	}

	.did-you-know-block {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: -webkit-flex;
		/* NEW - Chrome */
		display: flex;
		/* NEW, Spec - Opera 12.1, Firefox 20+ */
		justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		align-content: center;
		-moz-align-content: center;
		-ms-align-content: center;
		-webkit-align-content: center;
		flex-wrap: wrap;
		width: 60%;
		max-width: 80%;
		padding: 0;
		margin: 0 auto;
	}

	.did-you-know-block div:nth-child(1) {
		padding: 0 1rem;
		margin: 0;
		flex-grow: 1;
		flex-basis: 20%;
		max-width: 149px;
	}

	.did-you-know-block div:nth-child(2) {
		flex-grow: 1;
		flex-basis: 60%;
		padding: 0 2rem;
		text-align: left;
		line-height: 1.5;
	}

	.did-you-know-block div:nth-child(2) p {
		padding: 2rem 0;
	}

	.why-important-articles-block {
		padding: 3rem 0;
		margin: 0;
	}

	.why-important-articles-block header {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: -webkit-flex;
		/* NEW - Chrome */
		display: flex;
		/* NEW, Spec - Opera 12.1, Firefox 20+ */
		justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-webkit-justify-content: center;
		align-content: center;
		-moz-align-content: center;
		-ms-align-content: center;
		-webkit-align-content: center;
		flex-wrap: wrap;
		max-width: 93%;
		padding: 0;
		margin: 0 auto;
	}

	.why-important-articles-block header img {
		width: 87px;
		height: 109px;
	}

	.why-important-articles-block div {
		flex: 1 1 0;
		padding: 0 1rem 0 2rem;
		margin-top: 0;
		text-align: left;
		line-height: 1.2;
	}

	.why-important-articles-block p {
		font-size: 1.7rem;
	}

	.why-important-articles-block p:last-of-type {
		margin-top: .5em;
	}
}

/* GMW footer styles */
.gmw-footer-text {
	font-size: 1.3rem !important;
	line-height: 1.4rem !important;
}

.gmw-footer {
	padding: 0 1em;
	line-height: 1.5;
	background-color: #fff;
	font-size: 1.5rem;
}

.gmw-footer li:not(.no-brd-last-item) {
	/*border-right: 1px solid #000;*/
}

.gmw-footer ul li a {
	padding: 0;
	width: 100%;
}

.gmw-footer ul li,
.gmw-footer ul li a,
.gmw-footer ul li a:link,
.gmw-footer ul li a:focus,
.gmw-footer ul li a:hover,
.gmw-footer ul li a:visited {
	color: inherit;
}

.gmw-footer ul li a:hover {
	text-decoration: underline;
}

/* Secondary pages */
/* Login / Register form styles starts */
.input-group .form-control {
	z-index: unset !important;
}

.outer-block {
	margin-left: 1rem;
	margin-right: 1rem;
}

@media only screen and (min-width: 800px) {
	.outer-block {
		margin-left: 10.937rem !important;
		margin-right: 10.937rem !important;
	}
}

.container-secondary {
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}

.container-secondary.ml-6 {
	margin-left: 1rem !important;
}

.container-secondary.mr-6 {
	margin-right: 1rem !important;
}

@media only screen and (min-width: 800px) {
	.container-secondary {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: 1.5em;
		margin-left: 1.5em;
	}

	.container-secondary.ml-6 {
		margin-left: 6rem !important;
	}

	.container-secondary.mr-6 {
		margin-right: 6rem !important;
	}

	.ml-6.steps-block,
	.ml-6.about-intro-box {
		margin-left: 10.937rem !important;
	}

	.mr-6.steps-block,
	.mr-6.about-intro-box {
		margin-right: 10.937rem !important;
	}

	.ml-2.steps-block {
		margin-left: 6rem !important;
	}

	.mr-2.steps-block {
		margin-right: 6rem !important;
	}
}

.container-secondary p,
.container-secondary ol,
.container-secondary ul,
/* added by Oleg for 2023 update */
.container-secondary legend {
	font-size: 2rem;
}

.main-block {
	margin-top: -40px;
	padding: 30px 0 0;
	padding: 3rem 0 0;
}

/* Dashboard Login form block */
.dashboard-login-form {
	margin-bottom: 6rem;
}

.dashboard-login-form .card .card-header h2 {
	font-size: 3rem;
}

.dashboard-login-form .card .card-header {
	padding: 0;
	background-color: inherit;
}



.dashboard-login-form h2 {
	background-color: #007129;
	/* legacy IE11 */
	background-color: var(--green-clr);
}

.dashboard-login-form .nav.nav-tabs li a {
	font-weight: 700;
}

.dashboard-login-form legend {
	margin-top: 3rem;
	margin-bottom: 0;
	padding-top: 2rem;
}

.dashboard-login-form .form-group {
	padding-bottom: 7px;
	margin: 10px 0 0;
}

/*.dashboard-login-form .form-control, .dashboard-login-form .form-group .form-control {
  background-image: linear-gradient(#4CAF50,#4CAF50),linear-gradient(#4CAF50,#4CAF50);
}*/
.dashboard-login-form .form-group.is-focused .form-control {
	background-image: linear-gradient(#007129, #007129), linear-gradient(#007129, #007129);
	/* legacy IE11 */
	background-image: linear-gradient(var(--green-clr), var(--green-clr)), linear-gradient(var(--green-clr), var(--green-clr));

}

.dashboard-login-form .form-group.is-focused label {
	color: #007129;
	/* legacy IE11 */
	color: var(--green-clr);
}

.form-group label.control-label {
	font-size: 1.8rem;
	color: inherit !important;
}

.no-account-line {
	margin-top: 3rem;
	color: #9e9e9e;
}

/* Login / Register form styles ends */
/* About Us styles start */
.about-page-bg {
	background-image: url(../img/common/People_Bg.png);
	background-size: cover;
	background-position: center center
}

.about-intro-box {
	font-size: 1.8rem;
}

@media only screen and (min-width: 740px) {
	.about-intro-box {
		font-size: 2.2rem;
	}
}

.about-intro-box .card-hero>.card-block {
	line-height: 3rem;
}

.about-intro-box .col-md-6:nth-child(1) {
	padding-right: 50px;
}

.about-intro-box .col-md-6 p:nth-child(1) {
	margin-bottom: 10px;
}

/* Authors boxes start */
.authors-block {
	color: #0054A4;
	background-color: #031538;
	padding-bottom: 6rem;
	margin-bottom: 3rem;
}

.authors-block p,
.partners-boxes p {
	color: #000;
	font-weight: 300 !important;
	font-size: 1.2em;
}

.authors-block h1 {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.authors-block .img-avatar-circle {
	transition: none;
}

.authors-block .card.card-info {
	border-bottom: solid 3px #7EDBE8;
}

.authors-block .btn.btn-raised.btn-info {
	background-color: #7EDBE8;
	color: rgb(255, 255, 255);
}

.authors-block .ms-hero-bg-info:after {
	background-color: rgba(126, 219, 232, .85);
}

.authors-block .card.card-primary {
	border-bottom: solid 3px #3F7EBA;
}

.authors-block .ms-hero-bg-primary:after {
	background-color: rgba(63, 126, 186, .85);
}

.authors-block .btn.btn-raised.btn-primary {
	background-color: #3F7EBA;
	color: rgb(255, 255, 255);
}

/* Authors boxes end */
.page-intro {
	background-color: #0054A4;
}

.lead.lead-lg,
.page-intro .lead.lead-lg {
	font-size: 2.5rem;
}

.authors-block,
.partners-boxes {
	padding-left: 1em;
	padding-right: 1em;
	margin-left: auto;
	margin-right: auto;
}

.partners-container {
	/* background-color: #B4EAF1; */
	padding-bottom: 6rem;
}

.partners-container .lead.lead-lg,
.project-team-container .lead.lead-lg {
	font-size: 2.5rem;
	font-weight: 400 !important;
}

.partners-block {
	background-color: #005E71;
	/* legacy IE11 */
	background-color: var(--teal-clr);
}

.ms-hero-img-team {
	background-image: url(../img/common/People_Bg.png);
	background-size: cover;
	background-position: center center;
}

.partners-boxes {
	margin-top: 8rem;
}

.authors-block .flex-sections,
.partners-boxes .flex-sections {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.authors-block .flex-sections h2,
.partners-boxes .flex-sections h2 {
	font-size: 2.3rem !important;
	color: inherit;
}

.authors-block .flex-sections>article,
.partners-boxes .flex-sections>article {
	display: block;
	width: auto;
	margin: 0 auto;
}

/* Partners boxes start */
.partners-boxes .zmdi {
	font-size: 24px;
}

.partner-logo {
	height: 149px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.partners-boxes .bg-success {
	background-color: #8ED2B5 !important;
	color: #fff;
}

.partners-boxes .color-success {
	color: #007129 !important;
	/* legacy IE11 */
	color: var(--green-clr) !important;
}

.partners-boxes .btn.btn-success:not(.btn-raised) {
	color: #007129;
	/* legacy IE11 */
	color: var(--green-clr);
}

.partners-boxes .bg-danger {
	background-color: #962b2d !important;
	color: #fff;
}

.partners-boxes .color-danger {
	color: #962b2d !important;
}

.partners-boxes .btn.btn-danger:not(.btn-raised) {
	color: #962b2d;
}

.partners-boxes .bg-royal {
	background-color: #A3B6DF !important;
	color: #fff;
}

.partners-boxes .color-royal {
	color: #000099 !important;
}

.partners-boxes .btn.btn-royal:not(.btn-raised) {
	color: #000099;
}

/* Partners boxes end */
@media only screen and (min-width: 740px) {

	.authors-block .flex-sections,
	.partners-boxes .flex-sections {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		align-content: flex-start;
		max-width: 2000px;
		max-width: 100%;
	}

	.authors-block .flex-sections>article,
	.partners-boxes .flex-sections>article {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		flex: 1 0 50%;
		max-width: 50%;
		padding: 0 .8em;
	}

	@supports (display: grid) {
		.authors-grid-box {
			/*This class not in use in GMAW4 A.P*/
			display: grid;
			grid-template-rows: minmax(5em, 18em) 1fr;
			grid-row-gap: 2rem;
		}
	}
}

@media only screen and (min-width: 1190px) {
	.authors-block h1 {
		width: 60%;
	}

	@supports (display: grid) {
		.authors-grid-box {
			/*This class not in use in GMAW4 A.P*/
			grid-template-rows: minmax(5em, 15em) 1fr;
		}
	}
}

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

	.authors-block .flex-sections,
	.partners-boxes .flex-sections {
		max-width: 95%;
	}

	.authors-block .flex-sections>article {
		flex: 1 0 25%;
		max-width: 350px;
		max-width: 25%;
	}

	.partners-boxes .flex-sections>article {
		flex: 1 0 33%;
		max-width: 350px;
		max-width: 33%;
	}

	@supports (display: grid) {
		.authors-grid-box {
			/*This class not in use in GMAW4 A.P*/
			grid-template-rows: minmax(5em, 32em) 1fr;
		}

		.partners-grid-box {
			display: grid;
			grid-template-rows: minmax(5em, 35em) 1fr;
			grid-row-gap: 2rem;
		}
	}
}

@media only screen and (min-width: 1340px) {
	@supports (display: grid) {
		.partners-grid-box {
			grid-template-rows: minmax(5em, 28em) 1fr;
		}
	}
}

@media only screen and (min-width: 1600px) {
	@supports (display: grid) {
		.authors-grid-box {
			/*This class not in use in GMAW4 A.P*/
			grid-template-rows: minmax(5em, 32em) 1fr;
		}

		.partners-grid-box {
			grid-template-rows: minmax(5em, 25em) 1fr;
		}
	}
}

@media only screen and (min-width: 1700px) {
	@supports (display: grid) {
		.partners-grid-box {
			grid-template-rows: minmax(5em, 22em) 1fr;
		}
	}
}

/* About Us styles end*/
/* FAQs styles start */
.faqs-page-bg {
	background-image: url(../img/faq_header.png);
	background-size: cover;
	background-position: center center
}

#faqs {
	font-size: 1.8rem;
	background: transparent;
}

#faqs .panel-body a {
	text-decoration: underline;
	color: #0592C0;
}

#faqs .panel-body dt {
	color: #0592C0;
}

#faqs .panel-body a:hover,
#faqs .panel-body a:focus {
	text-decoration: none;
	color: #0592C0;
}

#faqs .panel .panel-heading,
#accordion11 .panel .panel-heading,
#history-about .panel .panel-heading,
#sap-callapsibles .panel .panel-heading,
#accordion21 .panel .panel-heading {
	margin-bottom: 5px;
}

.ms-collapse .panel-info .panel-heading {
	background-color: #005E71;
	/* legacy IE11 */
	background-color: var(--teal-clr);
}

.ms-collapse .panel .panel-heading .panel-title a {
	font-size: 2.2rem;
	line-height: 2rem;
	font-weight: 400;
	/* border-bottom: 1px solid #fff; */
}

/* 2023 fixes by Oleg start */
.ms-collapse .panel .panel-heading .panel-title a,
.ms-collapse .panel .panel-heading .panel-title a:focus {
	text-decoration: none;
}

.ms-collapse .panel .panel-heading .panel-title a:focus {
	outline-color: transparent;
}

.ms-collapse .panel .panel-heading .panel-title a:focus-visible {
	box-shadow: 0 0 0 2px currentColor, 0 0 0 4px black;
	outline: 2px solid white;
}

/* 2023 fixes by Oleg end */
@media only screen and (min-width: 1270px) {
	.ms-collapse .panel .panel-heading .panel-title a {
		font-size: 2.2rem;
	}
}

/* FAQs styles end */
/* Psychological Health and Safety and Why is it Important? styles START */
.phs-banner-bg {
	background-image: url(../img/Psychological_h&s_banner.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

.why-banner-bg {
	background-image: url(../img/law_bkgimage@2x.png);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

.intro-safety-what p,
.intro-safety-what ol {
	font-size: 2rem;
}

.why-block {
	margin-left: 1rem;
	margin-right: 1rem;
}

@media only screen and (min-width: 800px) {
	.why-block {
		margin-left: 10.937rem;
		margin-right: 10.937rem;
	}
}

.why-block .intro p,
.why-block .intro ol,
.why-block .intro ul {
	font-size: 2.3rem;
}

.why-block .nav.nav-tabs-info {
	background-color: #3F7EBA;
}

.why-block .nav.nav-tabs {
	background-color: #3F7EBA;
}

.why-block .nav.nav-tabs li {
	background: #79CEDC;
}

.why-block .nav.nav-tabs li.active {
	background: transparent;
}

.why-block .nav.nav-tabs li a {
	font-weight: 700;
	text-decoration: none;
}

.rounded {
	border-radius: 5px;
}

.what-content-block .col-md-6:nth-child(1) {
	padding-right: 50px;
}

/* Psychological Health and Safety and Why is it Important? styles END */
@media screen and (min-width: 799px) and (max-width: 991px) {}

/* For medium devices*/
@media only screen and (min-width: 991px) {

	/* .how-to-use-block .card h2 {
		min-height: 110px;
		max-height: 300px;
	} */
	/* 2023 fixes by Oleg start */
	.how-to-use-block .how-to-use-block__subtitle {
		min-height: 110px;
		max-height: 300px;
	}

	/* 2023 fixes by Oleg end */
}

/* For larger devices*/
@media only screen and (min-width: 50em) {

	.gmw-main-bg-1,
	.gmw-main-bg-2 {
		background-color: transparent;
		/*background-image: url(../img/carousel_1.png);*/
		background-position: top center;
		background-size: cover;
		min-width: 1613px;
		max-width: 100%;
		height: 1077px;
	}

	.gmw-thankyou-bg {
		background-color: #fff;
		background-image: url(../img/translucent_bg.png);
		background-position: top center;
		background-size: cover;
		max-width: 100%;
		height: 1077px;
	}

	.gmw-main-bg {
		height: 550px;
	}

	.title-login-block {
		justify-content: flex-start;
		align-items: flex-start;
		align-content: center;
	}

	.how-to-use-block-bg {
		min-height: 600px;
	}

	/* .how-to-use-block>article>header>h1 {
		font-size: 3em;
	} */
	/* 2023 fixes by Oleg start */
	.how-to-use-block .how-to-use-block__title {
		font-size: 3em;
	}

	/* 2023 fixes by Oleg end */

	.how-to-use-block header:first-of-type>p {
		font-size: 3rem;
		max-width: 90%;
	}

	.how-to-use-block .card {
		box-shadow: none;
		border-radius: 2px;
		background-color: transparent;
		margin-bottom: 0;
		padding: 1em;
		width: 100%;
	}

	.how-to-use-block .card .card-block {
		background-color: #FFFFFF;
		min-height: 400px;
		max-height: 450px;
		border-radius: 8px;
	}

	.gmw-footer {
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: -webkit-flex;
		/* NEW - Chrome */
		display: flex;
		/* NEW, Spec - Opera 12.1, Firefox 20+ */
		flex-direction: row;
		justify-content: space-around;
		-moz-justify-content: space-around;
		-ms-justify-content: space-around;
		-webkit-justify-content: space-around;
		align-content: center;
		-moz-align-content: center;
		-ms-align-content: center;
		-webkit-align-content: center;
		align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-webkit-align-items: center;
		flex-wrap: wrap;
	}

	.gmw-footer div:nth-child(1) {
		flex: 1;
	}

	.gmw-footer div:nth-child(2) {
		flex: 1;
		display: -webkit-box;
		/* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;
		/* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;
		/* TWEENER - IE 10 */
		display: -webkit-flex;
		/* NEW - Chrome */
		display: flex;
		/* NEW, Spec - Opera 12.1, Firefox 20+ */
		flex-direction: row;
		justify-content: flex-end;
		-moz-justify-content: flex-end;
		-ms-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		align-items: center;
		-moz-align-items: center;
		-ms-align-items: center;
		-webkit-align-items: center;
		flex-wrap: wrap;
	}

	/* Secondary pages styles */
	.main-block p {
		font-size: 2rem;
	}

	.main-block header~.row>div {
		padding-right: 1.5em;
	}
}

.gmw-main-bg-placement {
	margin-top: 0;
}

@media screen and (min-width: 800px) and (max-width: 991px) {
	.gmw-main-bg-2 {
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	.gmw-main-bg-placement {
		margin-top: -1280px;
	}
}

@media only screen and (min-width: 1200px) {
	.gmw-main-bg-placement {
		margin-top: -1380px;
	}
}

@media only screen and (min-width: 1482px) {
	.gmw-main-bg-placement {
		margin-top: -2010px;
		margin-left: -0.9%;
	}
}

/* Resources and Terms pages bg start */
.resources-page-bg {
	background-image: linear-gradient(to right, rgba(0, 84, 164, 1), rgba(0, 84, 164, 0)), url('../img/common/people_image@2x.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: right;
	background-position-y: center;
}

/* Resources and Terms pages bg end */
/* Timeline for 8 Steps */
.timeline-flex {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-content: flex-start;
	max-width: 90%;
	margin: 0 auto;
}

.timeline-flex li {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	margin: 1rem .5rem;
	max-width: 130px;
	min-width: 50px;
}

.pagination li a {
	margin: 0 8px;
	border-radius: 50%;
	width: 38px;
	text-align: center;
}

.timeline-flex li>div {
	text-align: center;
	line-height: 1.2;
	margin: 1rem;
	max-width: 100px;
	min-width: 50px;
	font-weight: 700;
}

@supports (display: grid) {
	.timeline-flex {
		display: grid;
		grid-gap: 5px;
		grid-template-columns: repeat(auto-fit, minmax(50px, 180px));
		margin: 1rem auto;
		padding: 0;
	}

	.timeline-flex li {
		width: auto;
		max-width: auto;
		min-width: auto;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.timeline-flex li>div {
		max-width: 180px;
		min-width: 50px;
	}
}

/* timeline for 6 steps */
/* Timeline for 8 Steps */
.create-timeline-flex {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-content: flex-start;
	max-width: 90%;
	padding: 0.5em 0;
}

.create-timeline-flex li {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: center;
	margin: 0rem .5rem;
	max-width: 180px;
	min-width: 50px;
	padding: 0.5em 0;
}

.pagination li a {
	margin: 0 8px;
	border-radius: 50%;
	width: 38px;
	text-align: center;
}

.create-timeline-flex li>div {
	text-align: center;
	line-height: 1.2;
	margin: 1rem;
	max-width: 100px;
	min-width: 50px;
}

@supports (display: grid) {
	.create-timeline-flex {
		display: grid;
		grid-gap: 5px;
		grid-template-columns: repeat(auto-fit, minmax(50px, 180px));
		margin: 0rem auto;
		padding: 0.5em 0em;
	}

	.create-timeline-flex li {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		width: auto;
		max-width: auto;
		min-width: auto;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	.create-timeline-flex li>div {
		max-width: 180px;
		min-width: 50px;
	}
}

/* Employee Surveys pages with or without progress bar */
.surveys-bg {
	background-image: url(../img/survey_header.png);
	background-size: cover;
	background-position: center center
}

.instructions-block-surveys .panel-group,
.instructions-block-surveys-print .panel-group {
	margin-bottom: 0;
	padding: 0;
	border: 1px solid #E5E5E5;
}

.instructions-block-surveys .panel-group .panel-heading,
.instructions-block-surveys-print .panel-group .panel-heading {
	border-bottom: 1px solid transparent !important;
}

.instructions-block-surveys .instructions-content,
.instructions-block-surveys-print .instructions-content {
	padding-bottom: 0;
	margin-bottom: 0;
}

.instructions-block-surveys .instructions-content .panel .panel-body,
.instructions-block-surveys-print .instructions-content .panel .panel-body {
	padding: 3rem;
	margin-left: 3rem;
	margin-right: 3rem;
	margin-bottom: 2rem;
	background-color: #fff;
}

.instructions-block-surveys .panel,
.instructions-block-surveys-print .panel {
	border-radius: 0;
	padding-bottom: 1rem;
	box-shadow: none;
}

.instructions-block-surveys .ms-collapse .panel .panel-heading,
.instructions-block-surveys-print .ms-collapse .panel .panel-heading {
	padding-left: 0;
}

.instructions-block-surveys .ms-collapse .panel .panel-heading .panel-title a,
.instructions-block-surveys-print .ms-collapse .panel .panel-heading .panel-title span {
	color: #0054A4;
	font-size: 3rem;
	padding: 1.4rem 2rem 1.4rem 3.5rem;
	border-bottom: none;
}

.instructions-block-surveys .content-listing,
.instructions-block-surveys-print .content-listing {
	margin-bottom: 0;
}

.instructions-block-surveys .content-listing ul,
.instructions-block-surveys-print .content-listing ul {
	margin-left: -1rem;
}

.instructions-block-surveys .content-listing li>span,
.instructions-block-surveys-print .content-listing li>span {
	color: #3B3B3B;
	/* legacy IE11 */
	color: var(--dark-grey-clr);
}

.gmw-main-bg-3 {
	background-color: transparent;
	background-image: url(../img/bkg_image.png);
	background-position: top center;
	background-size: cover;
	height: 100vh;
	margin-bottom: 0rem;
}

@media only screen and (min-width: 380px) {
	.gmw-main-bg-3 {
		margin-bottom: 0rem;
	}
}

@media only screen and (min-width: 600px) {
	.gmw-main-bg-3 {
		margin-bottom: 0;
	}
}

.thankyou-block {
	font-size: 2rem;
	width: 100%;
	padding-left: 10vw;
	padding-right: 10vw;
}

.thankyou-block p {
	font-weight: 700;
}

@media only screen and (min-width: 600px) {
	.thankyou-block {
		width: 65%;
		padding-left: 0;
		padding-right: 0;
	}
}

.terms-block {
	margin-top: -160px;
}

.terms-block p:not(last-of-type) {
	margin-bottom: 2rem;
}

.terms-block a {
	color: #0054A4;
	text-decoration: underline;
}

.terms-block a:hover,
.terms-block a:focus {
	color: rgba(0, 85, 165, .8);
	text-decoration: none;
}

.terms-block a:visited {
	color: rgba(0, 85, 165, .3);
	text-decoration: none;
}

.terms-block h2 {
	font-size: 1.8rem;
}

.survey-thankyou-block {
	width: 90%;
	text-align: center;
	border: 3px solid #F4F4F4;
	margin: 0 auto;
	padding: 2% 10%;
	color: #52B156;
}

.signup-thankyou-paragraph {
	color: #565655;
	font-size: 2rem;
	font-weight: bold;
}

.signup-thankyou-greenbox {
	width: 35%;
	margin-left: auto;
	margin-right: auto;
	background: #007129;
	/* legacy IE11 */
	background: var(--green-clr);
	padding: 3rem;
	color: white;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
}

@media only screen and (min-width: 740px) {
	.terms-block h2 {
		font-size: 2.2rem;
	}
}

.shown-print {
	display: none;
}

.pagination li a:hover,
.pagination li a:focus {
	background-color: #0054A4;
	border-color: transparent !important;
}

/* disaled day on calnder picker By A.p*/
td.disabled.day {
	opacity: 0.5;
}

/*back to top link*/
.back-to-top-link {
	position: fixed;
	bottom: 70px;
	right: 70px;
	/*animation: bounce 2s infinite;*/
	border-style: solid;
	border-radius: 30px;
	border-width: 2px;
	z-index: 9999;
	width: 50px;
	height: 50px;
	overflow: hidden;
	text-align: center;
	color: #0054A4;
	display: none;
}

.back-to-top-link i {
	font-size: 30px;
	line-height: 46px;
}

.back-to-top-link:hover {
	opacity: 1;
	cursor: pointer;
	color: #0054A4;
}

.back-to-top-link-text {
	position: fixed;
	z-index: 9999;
	bottom: 45px;
	right: 45px;
	display: none;
}

.back-to-top-link-text:hover {
	cursor: pointer;
}


/* Re-usable flex classes start */
.gmw-flex {
	display: flex;
}

.gmw-flex--column {
	flex-direction: column;
}

.gmw-flex--row {
	flex-direction: row;
}

.gmw-flex--space-between {
	justify-content: space-between;
}

.gmw-flex--vert-center {
	align-items: center;
}

.gmw-flex--horiz-end {
	justify-content: flex-end;
}

/* Re-usable flex classes end */
/* Resources form styles start */
.gmw-form {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 696px;
}

.gmw-form__legend {
	font-size: 2.5rem;
}

.gmw-form__label-wrapper {
	background-color: #fff;
}

.gmw-form__label-wrapper .gmw-form__label {
	width: 100%;
	font-size: 1.8rem;
}

.gmw-form__label-wrapper:nth-child(odd) {
	background-color: #ebebea;
	/* legacy IE11 */
	background-color: var(--grey-clr);
}

.gmw-form__label-wrapper .checkbox {
	margin-top: 0;
	margin-bottom: 0;
	padding: 1em;
	width: 100%;
	max-width: 105px;
}

.gmw-form__label-wrapper:nth-child(odd) .checkbox {
	background-color: #ccc;
	/* legacy IE11 */
	--grey-clr: #ccc;
	background-color: var(--grey-clr);
}

.gmw-form__label-wrapper:nth-child(even) .checkbox {
	background-color: #ebebea;
	/* legacy IE11 */
	background-color: var(--grey-clr);
}

.checkbox .checkbox__wrapper {
	cursor: pointer;
	margin: 0 auto;
	min-height: 22px;
	display: inline-block;
	max-width: 100%;
}

.checkbox__wrapper .checkbox-material .check {
	margin-right: 0;
}

/* Resources form styles end */